// JavaScript Document

$(document).ready(function() {


    

    // Motor Navegacion Horizontal 
    $('.horizontalSubNav').prepend('<li class="line-close-horizontalSubNav"><span class="btn-close-horizontalSubNav" title="cerrar/close"></span></li>')

    
    $("#horizontalNav li").hover(
		function() {
		    $(this).addClass('nodo-hover');
		    $(this).find('.horizontalSubNav').prepend("<li class='loading'>loading...</li>")
		    $(this).find('.horizontalSubNav').slideDown(600, function() { $(this).find('li.loading').remove(); $(this).find('li').addClass('ver'); });
		},
		function() {
		    $(this).removeClass('nodo-hover');
		    $(this).find('.horizontalSubNav').stop(true, true).hide(0, function() { $(this).find('li').removeClass('ver'); });
		}

		);
        $('.btn-close-horizontalSubNav').hover(
        function(){ $(this).animate({opacity: 0.50}, 'fast'); }, 
        function(){ $(this).animate({opacity: 1.0}, 'fast'); }
        );
        $('.btn-close-horizontalSubNav').click( function(){
        $(this).parents('.horizontalSubNav').stop(true, true).hide(0, function() { $(this).parents('.horizontalSubNav li').removeClass('ver'); });
        //$(this).stop(true, true).hide(0, function() { $(this).find('li').removeClass('ver'); });
    });

    ///////////////////////////////////////////////////////////


    // Motor Navegacion GLobal 
    /*Si hay un nodo en la navegación que es un enlace directo sin desplegar subnavegación hay que poner <li class="no-sub">:
     <li class="no-sub"><a href="lo que sea">Enlace</a></li>
    */
    $("#globalNav li").hover(
		function() {
		    $(this).addClass('nodo-hover');
		},
		function() {
		    $(this).removeClass('nodo-hover');
		}

		);
		
    $("#globalNav li").click(function() {       
        
        var valorId = $(this).attr("id");
        var valorIdSub = "sub-" + valorId 
        var nodoSinSubnavegacion = $(this).hasClass('no-sub')
        if ( nodoSinSubnavegacion == true){
            $('.subGlobal').slideUp('fast', function(){ $('#globalNav li').removeClass('active-nodo'); } );      
            } else {
                $('#globalNav li:not(#' + valorId + ')').removeClass('active-nodo');
                $('#' + valorId).toggleClass('active-nodo');
                }

        switch (valorIdSub) {
            case valorIdSub:
                $('.subGlobal:not("#' + valorIdSub + '")').slideUp('fast');
                $('#' + valorIdSub).slideToggle('slow');
                break;
            case "sub-":
                $('.subGlobal').slideUp('fast');

        }
        $('li.cerrar').click(function() {
            $(this).parent().slideUp('slow', function(){ $('#globalNav li').removeClass('active-nodo'); } );
        });


    });

    ///////////////////////////////////////////////////////////



});