﻿
var active1 = false;
var active2 = false;
var active3 = false;


jQuery(document).ready(function () {

    jQuery("#EmpresaBox").css({ opacity: 1 });
    jQuery("#ServiciosBox").css({ opacity: 1 });
    jQuery("#TiendaBox").css({ opacity: 1 });


    $(".LeftMenu").bind("mouseover", function (event) { event.preventDefault(); });
    $(".RightMenu").bind("mouseover", function (event) { event.preventDefault(); });
    $(".header_item_menu").bind("mouseover", function (event) { event.preventDefault();});
    $(".DescripcionMenu").bind("mouseover", function (event) { event.preventDefault();  });
    
    //Empresa

  
    jQuery("#empresa").mouseover(function () {

        if (!active1)
             Muestra1();


    });

    jQuery("#empresa").mouseout(function () {
        active1 = false;
        setTimeout('Oculta1()', 100);
    });

    jQuery("#EmpresaBox").mouseover(function () {

        if (!active1)
            active1 = true;


    });


    jQuery("#EmpresaBox").mouseout(function () {
        active1 = false;
        setTimeout('Oculta1()', 100);

    });


    //Servicios

    jQuery("#servicios").mouseover(function () {

        active2 = true;
        Muestra2();


    });

    jQuery("#servicios").mouseout(function () {
        active2 = false;
        setTimeout('Oculta2()', 100);
    });

    jQuery("#ServiciosBox").mouseover(function () {

        if (!active2)
            active2 = true;


    });


    jQuery("#ServiciosBox").mouseout(function () {
        active2 = false;
        setTimeout('Oculta2()', 100);

    });

    //Tienda

    jQuery("#tienda").mouseover(function () {

        active3 = true;
        Muestra3();


    });

    jQuery("#tienda").mouseout(function () {
        active3 = false;
        setTimeout('Oculta3()', 100);
    });

    jQuery("#TiendaBox").mouseover(function () {

        if (!active3)
            active3 = true;


    });


    jQuery("#TiendaBox").mouseout(function () {
        active3 = false;
        setTimeout('Oculta3()', 100);

    });

});


function Muestra1() {

   if(!active1)
   {
        active1 = true;
        jQuery("#EmpresaBox").css('top', $('#empresa').offset().top + 70)
        jQuery("#EmpresaBox").css('left', $('#empresa').offset().left-5)


        jQuery(function () {
            jQuery("#EmpresaBox").hide().delay(200).slideDown();
        });
    }
}



function Oculta1() {

    
    if (active1 == false) {
        jQuery(function () {
            jQuery("#EmpresaBox").delay(200).slideUp();
        });
      

    }
}
function Muestra2() {

    jQuery("#ServiciosBox").css('top', $('#servicios').offset().top + 70)
    jQuery("#ServiciosBox").css('left', $('#servicios').offset().left - 5)

    jQuery(function () {
        jQuery("#ServiciosBox").hide().delay(200).slideDown();
    });
}



function Oculta2() {


    if (active2 == false) {
        jQuery(function () {
            jQuery("#ServiciosBox").delay(200).slideUp();
        });


    }
}


function Muestra3() {

    jQuery("#TiendaBox").css('top', $('#tienda').offset().top + 70)
    jQuery("#TiendaBox").css('left', $('#tienda').offset().left - 5)

    jQuery(function () {
        jQuery("#TiendaBox").hide().delay(200).slideDown();
    });
}



function Oculta3() {


    if (active3 == false) {
        jQuery(function () {
            jQuery("#TiendaBox").delay(200).slideUp();
        });


    }
}































function habilitarPagina() {
    document.getElementById('capa_cargando').style.visibility = 'hidden';
    document.getElementById('load_p').style.visibility = 'hidden';
    jQuery("#container").css({ opacity: 1});
}


