var setEnMarcha, ww = document.body.clientWidth,
    elementoHoverEntrada = null,
    elementoHoverSalida = null,
    elementoClickEntrada = null,
    elementoClickSalida = null,
    tiempoRetardoOcultacion = 400;

function cambiarScroll() {
    $(function() {
        $(".scroll-pane").jScrollPane({
            showArrows: !0
        })
    })
}

function limpiarElemento() {
    $("ul#topnav2>li>ul>li").removeClass("vision"), $("ul#topnav2>li>ul>li>ul").removeClass("mostrar"), $("ul#topnav2>li>ul>li").removeClass("cambio_li")
}

function set_hover_style(i) {
    i.hover(function() {
        700 <= document.body.clientWidth && $(this).addClass("change")
    }, function() {
        700 <= document.body.clientWidth && $(this).removeClass("change")
    })
}

function retardoHide() {
    null != elementoClickSalida && elementoClickSalida.find("ul").length ? setEnMarcha = setTimeout(function() {
        ejecutarHide("rapido")
    }, tiempoRetardoOcultacion) : ejecutarHide("rapido")
}

function ejecutarHide(i) {
    "lento" == i ? null != elementoClickSalida && ($("ul#topnav2>li").removeClass("visualizando"), elementoClickSalida.find(".ul_1").slideUp()) : null != elementoClickSalida && elementoClickSalida.find(">.ul_1").hide(), $(elementoClickSalida).find(">a").removeClass("change"), $("ul#topnav1>li>a.current").removeClass("change")
}

function pararHide() {
    clearTimeout(setEnMarcha)
}
$(document).ready(function() {
    $(function() {
        if (document.body.clientWidth < 700) {
            var i = categoriaActual.split("_");
            id_categoriaActual = i[i.length - 1], nombre_cat = "id_menu_" + id_categoriaActual, "" != nombre_cat && $("ul#topnav2>li").each(function() {
                if (nivel_primero_li = $(this), e = $(this).find(">a").attr("id"), $.trim(e).toLowerCase() == $.trim(nombre_cat).toLowerCase()) return $(this).addClass("current"), !1;
				
                nivel_primero_li.find(">ul").length && nivel_primero_li.find("ul>li").each(function() {
					
                    if (nivel_segundo_li = $(this), value2 = $(this).find(">a").attr("id"), $.trim(value2).toLowerCase() == $.trim(nombre_cat).toLowerCase()) 
						return $(this).addClass("current"), $(this).parent().addClass("current"), $(this).siblings("ul").addClass("current"), nivel_primero_li.addClass("current"), !1;
					
					
					nivel_segundo_li.find(">ul").length && nivel_segundo_li.find("ul>li").each(function() {
					
						if (nivel_tercero_li = $(this), value3 = $(this).find(">a").attr("id"), $.trim(value3).toLowerCase() == $.trim(nombre_cat).toLowerCase()) 
							return $(this).addClass("current"), $(this).siblings("ul").addClass("current"), $(this).parent().addClass("current"), nivel_primero_li.addClass("current"),  nivel_segundo_li.addClass("current"), nivel_segundo_li.parent().addClass("current"), !1;
                    })
                })
            })
        }
		
		
    });
	
	
	// Mostrar submenu si existe
    if (document.body.clientWidth < 700) {
		$('ul#topnav2 li').on("click", function(e) {
			console.log($(this).hasClass("li_0"));
			if ($(this).hasClass("li_0")) {
				child_ul = $(this).children(".ul_1");
				arrow = $(this).children(".arrow");
			} else if ($(this).hasClass("li_1")) {
				child_ul = $(this).children(".ul_2");
				arrow = $(this).children(".arrow");
			}
			if (e.target == this) {
				if(child_ul.length){
					if (child_ul.is(":visible")) {
						child_ul.slideUp();
						if(arrow.length) {
							$(this).removeClass("open");
							$(this).addClass("closed");
						}
					} else {
						child_ul.slideDown();
						if(arrow.length) {
							$(this).addClass("open");
							$(this).removeClass("closed");
						}
					}
				}
				e.preventDefault();
			}
		});
	}
	
    var i = 0,
        e = 0;
    if (700 <= document.body.clientWidth && ($(window).scroll(function() {
            //155 < $(window).scrollTop() ? $("#HeaderBottom").css("top", $(window).scrollTop() - 150) : $("#HeaderBottom").css("top", "0px")
            5 < $(window).scrollTop() ? $("#Header").css("top", $(window).scrollTop()) : $("#Header").css("top", "0px");
            5 < $(window).scrollTop() ?  $("#HeaderMiddleContainer").css("padding", '10px 0') : $("#HeaderMiddleContainer").css("padding", '25px 0')
        }), $(function() {
            $("ul#topnav2>li").each(function() {
                e = $(this).find(">a").attr("name"), i = 0, $(this).find(">ul").each(function() {
                    $(this).addClass("ul_1_format")
                }),
				$(this).find(".has_banners").each(function() {
					if ($(this).height() > $(this).siblings(".banner_menu").height()) {
						$(this).siblings(".banner_menu").height($(this).height());
					} else {
						$(this).height($(this).siblings(".banner_menu").height());
					}
				})
				
            })
        })), 700 <= document.body.clientWidth) {
        var n = !1;
        $("[class^='toggleMenu']").click(function(i) {
            i.preventDefault(), n ? ($(this).find("+ul").hide(), n = !1) : ($("#topnav2").show(), n = !0)
        })
		
		// Cuando quitamos el ratón del li, quitamos visualizar
		$("ul#topnav2>li.li_0").mouseout(function() {
			$(this).removeClass("visualizando");
		});
    } else {
        n = !1;
        $("[class^='toggleMenu']").click(function(i) {
            i.preventDefault(), n ? ($("#topnav2").hide("slow"), n = !1) : ($("#topnav2").show("slow"), n = !0)
        })
    }
    $("ul#topnav2>li>a").hover(function() {
        var i = $(this).parent();
        if (elementoClickEntrada = i, 700 <= document.body.clientWidth) 
			return !!i.hasClass("visualizando") || ($("ul#topnav2>li").removeClass("visualizando"), limpiarElemento(), elementoClickEntrada == elementoClickSalida ? pararHide() : null != elementoClickSalida && (pararHide(), ejecutarHide("rapido")), (elementoClickSalida = i).addClass("visualizando"), i.find(">a").hasClass("current") || (i.find(">a").addClass("change"), $("ul#topnav2>li>a.current").addClass("change")), i.find(">ul").show(), cambiarScroll(), !1)
    }), $("ul#topnav2>li").hover(function() {
        elementoHoverEntrada = $(this), 700 <= document.body.clientWidth && ($(this).find(">a").addClass("change"), pararHide())
    }, function() {
        700 <= document.body.clientWidth && ($(this).find(">a").removeClass("change"), $("ul#topnav2>li>a.current").removeClass("change"), retardoHide())
    }), $("ul#topnav2>li>ul>li").hover(function() {
        700 <= document.body.clientWidth && $(this).find(">a").addClass("change")
    }, function() {
        700 <= document.body.clientWidth && $(this).find(">a").removeClass("change")
    }), set_hover_style($("ul#topnav2>li>ul>li>ul>li>a"))
}), $(window).bind("resize orientationchange", function() {
    ww = document.body.clientWidth, adjustMenu()
});
var adjustMenu = function() {
    (ww = document.body.clientWidth) < 700 ? $(".toggleMenu").css("display", "inline-block") : 700 <= ww && $(".toggleMenu").css("display", "none")
};