Enlaces_Menu = {
    'ln_inicio': 'index.html',
	'ln_compania': 'compania.html',
    'ln_mision': 'compania.html#mision',
    'ln_vision': 'compania.html#vision',
    'ln_historia': 'historia.html',
    'ln_hacemos': 'hacemos.html',
    'ln_ofcomprador': 'ofertacompra.html',
    'ln_ofvendedor': 'ofertaventa.html',
    'ln_clientes': 'clientes.html',
    'ln_partners': 'partners.html',
    'ln_casos_exito': 'exito.html',
    'ln_white_papers': 'recursos.html',
    'ln_presentaciones': 'recursos.html',
    'ln_oficinas': 'oficinas.html',
    'ln_contactenos': 'contacto.html',
	'ln_preciosfe': 'preciosfe.html',
	'ln_factelect': 'facturaelec.html',
	'ln_precioscxp': 'precioscxp.html'
}


Enlaces = {
	
	//---------------- Marketplace ------------------
    01: 'http://tim.b2bservicios.com',
	
	
//---------------- Reduccion de costo ------------------
    //--------------- Analisis -------------
	45: 'catalogacion.html',
	57: 'publicatalogos.html',
	69: 'analisisgasto.html',
    //--------------- Competencia ----------
    46: 'cotelect.html',
    58: 'negociaciones.html',
    70:  'sourcing.html',
    
//----------------- Reduccion de gasto -----------------
    //-------- Automatizado de compras ------
	
	59: 'doctoscomerciales.html',
	47: 'requisicionaut.html',
    //--------- Automatizado de pagos -------
    60: 'conciliacionpagos.html',
	71: 'facturaelec.html',
	48: 'publicacionpagos.html',
//------------- Optimizacion del inventario -------------
	//----------- Colaboracion ---------------
	49: 'publicacioninventarios.html',
	61: 'vmi.html',
	72: 'controlinventarios.html',
    
   
//----------------- Garantizar abasto -------------------
    //----------- Visibilidad y control ---------------
	50: 'documentosaduanales.html',
	62: 'contractmanagement.html',
	73: 'kpi.html',
    
   
}



function DisplayMenu(id_button, id_menu){
    $(document.body).append('<div id="'+id_menu+'_mask"></div>')
    var button = $('#'+id_button);
    var button_off = button.offset();
    $('#'+id_menu+'_mask').css({
        position: 'absolute',
        top: button_off.top,
        left: button_off.left,
        width: button.width(),
        height: button.height(),
        padding: '1px',
        zIndex: 110
    })
    if( $('#'+id_menu).css('display')=='block' ) return
    dw = $(window).width();
    dh = $(window).height();
    $('#page_mask').css({display: 'block', width: dw, height:dh, backgroundColor:'white', opacity:0 });
    $('#'+id_menu).css({
        top: button_off.top+button.height(),
        left: button_off.left           
    });
    $('#'+id_menu).slideDown('fast');
    $('#page_mask').mouseover(function(e){
        $('#page_mask').hide()
        $('#'+id_menu).slideUp('fast', function(){ $('#'+id_menu+'_mask').remove() });
    });
}

function BindMenu(id_button, id_menu){
    $('#'+id_button).css('cursor','pointer')
    $('#'+id_button).mouseover(function(){ DisplayMenu(id_button, id_menu) })
    $('#'+id_button).click(function(e){ 
        DisplayMenu(id_button, id_menu) 
    })
    $('div#'+id_menu+' a').click(function(e){
        e.preventDefault()
        window.location = Enlaces_Menu[e.target.id]
    })
}

function Verticales(enable_img, pathNormal, pathRollover){
    var a=enable_img
    $("img.vertical").bind("mouseover", function(e){
        if( e.target.src.indexOf('pressed')>-1) return;
        id = e.target.id.split("_")[1];
        e.target.src = pathRollover.replace('?',id)
    });
    $("img.vertical").bind("mouseleave", function(e){
        if( e.target.src.indexOf('pressed')>-1) return;
        id = e.target.id.split("_")[1];
        e.target.src = pathNormal.replace('?',id)
    });
    $("img.vertical").bind("click", function(e){
        if( e.target.src.indexOf('pressed')>-1) return;
        id = e.target.id.split("_")[1];
        window.location = Enlaces[id];
    });
}