﻿
var cargadoInformatica;
var cargadoElectronica;
var cargadoHogar;
var cargadoOcio;
var cargadoTelefonia;
var cargadoMueblesDeCocina;

var estaEncimaDeMenu;

var primeraVezInformatica;
var primeraVezElectronica;
var primeraVezHogar;
var primeraVezOcio;
var primeraVezTelefonia;
var primeraVezMueblesDeCocina;

var $j = jQuery.noConflict();

cargadoElectronica = 0;
cargadoInformatica = 0;
cargadoHogar = 0;
cargadoOcio = 0;
cargadoTelefonia = 0;
cargadoMueblesDeCocina = 0;

estaEncimaDeMenu = 0;

primeraVezInformatica = 1;
primeraVezElectronica = 1;
primeraVezHogar = 1;
primeraVezOcio = 1;
primeraVezTelefonia = 1;
primeraVezMueblesDeCocina = 1;

var mymenuInformatica;


var myWidth = 0, myHeight = 0;
var origenX = 0;
var factorDeResta = 0;

if (typeof (window.innerWidth) == 'number') {
    //Para exploradores distintos al IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
} else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
    //IE 6+ en modo standard
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
    factorDeResta = 444;
} else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
    //IE 4 
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
}

origenX = (myWidth / 2) - 505;

function OcultarInformatica() {
    if (estaEncimaDeMenu == 0) {
        $j('#menuInformatica').hide('fast');
        cargadoInformatica = 0;
    }
}

function OcultarElectronica() {
    if (estaEncimaDeMenu == 0) {
        $j('#menuElectronica').hide('fast');
        cargadoElectronica = 0;
    }
}

function OcultarHogar() {
    if (estaEncimaDeMenu == 0) {
        $j('#menuHogar').hide('fast');
        cargadoHogar = 0;
    }
}

function OcultarOcio() {
    if (estaEncimaDeMenu == 0) {
        $j('#menuOcio').hide('fast');
        cargadoOcio = 0;
    }
}

function OcultarTelefonia() {
    if (estaEncimaDeMenu == 0) {
        $j('#menuTelefonia').hide('fast');
        cargadoTelefonia = 0;
    }
}

function OcultarMueblesDeCocina() {
    if (estaEncimaDeMenu == 0) {
        $j('#menuMueblesDeCocina').hide('fast');
        cargadoMueblesDeCocina = 0;
    }
}


$j(document).ready(function () {

    var pe;
    var haciaLaIzquierda;

    $j('#menuInformatica').mouseenter(function () {
        estaEncimaDeMenu = 1;
    });

    $j('#menuElectronica').mouseenter(function () {
        estaEncimaDeMenu = 1;
    });

    $j('#menuHogar').mouseenter(function () {
        estaEncimaDeMenu = 1;
    });

    $j('#menuOcio').mouseenter(function () {
        estaEncimaDeMenu = 1;
    });

    $j('#menuTelefonia').mouseenter(function () {
        estaEncimaDeMenu = 1;
    });

    $j('#menuMueblesDeCocina').mouseenter(function () {
        estaEncimaDeMenu = 1;
    });

    jQuery.fn.centrarMenuHorizontalmente = function () {
        this.css("position", "absolute");
        this.css("left", ($j(window).width() - this.width()) / 2 + $j(window).scrollLeft() + "px");
        return this;
    }

    $j('#cargaElectronica').mouseenter(function () {
        if (cargadoElectronica == 0) {
            menuYloc = parseInt($j('#MenuWeb').css("top").substring(0, $j('#MenuWeb').css("top").indexOf("px")));

            var top = $j('#MenuWeb').css("top");

            if (top == "auto") {
                top = 117;
                menuYloc = top;
            }

            $j('#menuElectronica').css("top", menuYloc + 29);

            $j('#menuElectronica').css("left", "50%");
            $j('#menuElectronica').css("margin-left", "-505px");

            $j('#menuInformatica').fadeOut('fast');
            $j('#menuHogar').fadeOut('fast');
            $j('#menuOcio').fadeOut('fast');
            $j('#menuTelefonia').fadeOut('fast');
            $j('#menuMueblesDeCocina').fadeOut('fast');
            $j('#menuElectronica').fadeIn('fast');

            if (primeraVezElectronica == 1) {
                mymenuInformatica = new drilldownmenu({
                    menuid: 'drillmenuElectronica',
                    menuheight: 'auto',
                    breadcrumbid: 'drillcrumbElectronica',
                    nombreSeccion: 'Electrónica',
                    persist: { enable: true, overrideselectedul: true }
                })
                primeraVezElectronica = 0;
            }
            cargadoElectronica = 1;
        }
        $j('#separadorElectronica').attr("src", 'Images/SeparadorOver_11x23.png');
        $j('#separadorInformatica').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorHogar').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorOcio').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorTelefonia').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorMueblesDeCocina').attr("src", 'Images/Separador_11x23.png');

    });

    $j('#cargaInformatica').mouseenter(function () {
        if (cargadoInformatica == 0) {

            menuYloc = parseInt($j('#MenuWeb').css("top").substring(0, $j('#MenuWeb').css("top").indexOf("px")));
            var top = $j('#MenuWeb').css("top");

            if (top == "auto") {
                top = 117;
                menuYloc = top;
            }

            $j('#menuInformatica').css("top", menuYloc + 29);

            $j('#menuInformatica').css("left", "50%");
            $j('#menuInformatica').css("margin-left", "-365px");

            $j('#menuElectronica').fadeOut('fast');
            $j('#menuHogar').fadeOut('fast');
            $j('#menuOcio').fadeOut('fast');
            $j('#menuTelefonia').fadeOut('fast');
            $j('#menuMueblesDeCocina').fadeOut('fast');
            $j('#menuInformatica').fadeIn('fast');

            if (primeraVezInformatica == 1) {
                mymenuInformatica = new drilldownmenu({
                    menuid: 'drillmenuInformatica',
                    menuheight: 'auto',
                    breadcrumbid: 'drillcrumbInformatica',
                    nombreSeccion: 'Informatica',
                    persist: { enable: true, overrideselectedul: true }
                })

                primeraVezInformatica = 0;
            }
            cargadoInformatica = 1;
        }
        $j('#separadorInformatica').attr("src", 'Images/SeparadorOver_11x23.png');
        $j('#separadorElectronica').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorHogar').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorOcio').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorTelefonia').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorMueblesDeCocina').attr("src", 'Images/Separador_11x23.png');
    });

    $j('#cargaHogar').mouseenter(function () {
        if (cargadoHogar == 0) {
            menuYloc = parseInt($j('#MenuWeb').css("top").substring(0, $j('#MenuWeb').css("top").indexOf("px")));

            var top = $j('#MenuWeb').css("top");

            if (top == "auto") {
                top = 117;
                menuYloc = top;
            }

            $j('#menuHogar').css("top", menuYloc + 29);

            $j('#menuHogar').css("left", "50%");
            $j('#menuHogar').css("margin-left", "-224px");

            $j('#menuInformatica').fadeOut('fast');
            $j('#menuElectronica').fadeOut('fast');
            $j('#menuOcio').fadeOut('fast');
            $j('#menuTelefonia').fadeOut('fast');
            $j('#menuMueblesDeCocina').fadeOut('fast');
            $j('#menuHogar').fadeIn('fast');

            if (primeraVezHogar == 1) {
                mymenuInformatica = new drilldownmenu({
                    menuid: 'drillmenuHogar',
                    menuheight: 'auto',
                    breadcrumbid: 'drillcrumbHogar',
                    nombreSeccion: 'Hogar',
                    persist: { enable: true, overrideselectedul: true }
                })

                primeraVezHogar = 0;
            }
            cargadoHogar = 1;
        }
        $j('#separadorHogar').attr("src", 'Images/SeparadorOver_11x23.png');
        $j('#separadorElectronica').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorInformatica').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorOcio').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorTelefonia').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorMueblesDeCocina').attr("src", 'Images/Separador_11x23.png');
    });

    $j('#cargaOcio').mouseenter(function () {
        if (cargadoOcio == 0) {
            menuYloc = parseInt($j('#MenuWeb').css("top").substring(0, $j('#MenuWeb').css("top").indexOf("px")));

            var top = $j('#MenuWeb').css("top");

            if (top == "auto") {
                top = 117;
                menuYloc = top;
            }

            $j('#menuOcio').css("top", menuYloc + 29);

            $j('#menuOcio').css("left", "50%");
            $j('#menuOcio').css("margin-left", "-113px");

            $j('#menuInformatica').fadeOut('fast');
            $j('#menuElectronica').fadeOut('fast');
            $j('#menuHogar').fadeOut('fast');
            $j('#menuTelefonia').fadeOut('fast');
            $j('#menuMueblesDeCocina').fadeOut('fast');
            $j('#menuOcio').fadeIn('fast');

            if (primeraVezOcio == 1) {
                mymenuInformatica = new drilldownmenu({
                    menuid: 'drillmenuOcio',
                    menuheight: 'auto',
                    breadcrumbid: 'drillcrumbOcio',
                    nombreSeccion: 'Ocio y Entetenimiento',
                    persist: { enable: true, overrideselectedul: true }
                })

                primeraVezOcio = 0;
            }
            cargadoOcio = 1;
        }
        $j('#separadorOcio').attr("src", 'Images/SeparadorOver_11x23.png');
        $j('#separadorElectronica').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorInformatica').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorHogar').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorTelefonia').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorMueblesDeCocina').attr("src", 'Images/Separador_11x23.png');
    });

    $j('#cargaTelefonia').mouseenter(function () {
        if (cargadoTelefonia == 0) {
            menuYloc = parseInt($j('#MenuWeb').css("top").substring(0, $j('#MenuWeb').css("top").indexOf("px")));

            var top = $j('#MenuWeb').css("top");

            if (top == "auto") {
                top = 117;
                menuYloc = top;
            }

            $j('#menuTelefonia').css("top", menuYloc + 29);

            $j('#menuTelefonia').css("left", "50%");
            $j('#menuTelefonia').css("margin-left", "89px");

            $j('#menuInformatica').fadeOut('fast');
            $j('#menuElectronica').fadeOut('fast');
            $j('#menuHogar').fadeOut('fast');
            $j('#menuOcio').fadeOut('fast');
            $j('#menuMueblesDeCocina').fadeOut('fast');
            $j('#menuTelefonia').fadeIn('fast');

            if (primeraVezTelefonia == 1) {
                mymenuInformatica = new drilldownmenu({
                    menuid: 'drillmenuTelefonia',
                    menuheight: 'auto',
                    breadcrumbid: 'drillcrumbTelefonia',
                    nombreSeccion: 'Telefonía',
                    persist: { enable: true, overrideselectedul: true }
                })

                primeraVezTelefonia = 0;
            }
            cargadoTelefonia = 1;
        }

        $j('#separadorTelefonia').attr("src", 'Images/SeparadorOver_11x23.png');
        $j('#separadorElectronica').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorInformatica').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorHogar').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorOcio').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorMueblesDeCocina').attr("src", 'Images/Separador_11x23.png');
    });

    $j('#cargaMueblesDeCocina').mouseenter(function () {
        if (cargadoMueblesDeCocina == 0) {
            menuYloc = parseInt($j('#MenuWeb').css("top").substring(0, $j('#MenuWeb').css("top").indexOf("px")));

            var top = $j('#MenuWeb').css("top");

            if (top == "auto") {
                top = 117;
                menuYloc = top;
            }

            $j('#menuMueblesDeCocina').css("top", menuYloc + 29);

            $j('#menuMueblesDeCocina').css("left", "50%");
            $j('#menuMueblesDeCocina').css("margin-left", "-99px");

            $j('#menuInformatica').fadeOut('fast');
            $j('#menuElectronica').fadeOut('fast');
            $j('#menuHogar').fadeOut('fast');
            $j('#menuOcio').fadeOut('fast');
            $j('#menuTelefonia').fadeOut('fast');
            $j('#menuMueblesDeCocina').fadeIn('fast');

            if (primeraVezMueblesDeCocina == 1) {
                mymenuInformatica = new drilldownmenu({
                    menuid: 'drillmenuMueblesDeCocina',
                    menuheight: 'auto',
                    breadcrumbid: 'drillcrumbMueblesDeCocina',
                    nombreSeccion: 'Muebles de Cocina',
                    persist: { enable: true, overrideselectedul: true }
                })

                primeraVezMueblesDeCocina = 0;
            }
            cargadoMueblesDeCocina = 1;
        }

        $j('#separadorMueblesDeCocina').attr("src", 'Images/SeparadorOver_11x23.png');
        $j('#separadorElectronica').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorInformatica').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorHogar').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorOcio').attr("src", 'Images/Separador_11x23.png');
        $j('#separadorTelefonia').attr("src", 'Images/Separador_11x23.png');
    });


    $j('#opcionElectronica').mouseleave(function () {
        pe = setTimeout("OcultarElectronica()", 200);
    });

    $j('#opcionInformatica').mouseleave(function () {
        pe = setTimeout("OcultarInformatica()", 200);
    });

    $j('#opcionHogar').mouseleave(function () {
        pe = setTimeout("OcultarHogar()", 200);
    });

    $j('#opcionOcio').mouseleave(function () {
        pe = setTimeout("OcultarOcio()", 200);
    });

    $j('#opcionTelefonia').mouseleave(function () {
        pe = setTimeout("OcultarTelefonia()", 200);
    });

    $j('#opcionMueblesDeCocina').mouseleave(function () {
        pe = setTimeout("OcultarMueblesDeCocina()", 200);
    });

    $j('#menuElectronica').mouseleave(function () {
        estaEncimaDeMenu = 0;
        $j('#menuElectronica').fadeOut('fast');
        cargadoElectronica = 0;
    });

    $j('#menuInformatica').mouseleave(function () {
        estaEncimaDeMenu = 0;
        $j('#menuInformatica').fadeOut('fast');
        cargadoInformatica = 0;
    });

    $j('#menuHogar').mouseleave(function () {
        estaEncimaDeMenu = 0;
        $j('#menuHogar').fadeOut('fast');
        cargadoHogar = 0;
    });

    $j('#menuOcio').mouseleave(function () {
        estaEncimaDeMenu = 0;
        $j('#menuOcio').fadeOut('fast');
        cargadoOcio = 0;
    });

    $j('#menuTelefonia').mouseleave(function () {
        estaEncimaDeMenu = 0;
        $j('#menuTelefonia').fadeOut('fast');
        cargadoTelefonia = 0;
    });

    $j('#menuMueblesDeCocina').mouseleave(function () {
        estaEncimaDeMenu = 0;
        $j('#menuMueblesDeCocina').fadeOut('fast');
        cargadoMueblesDeCocina = 0;
    });

});
