// 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>
    */
    
    /*
    $("#navigation li").hover(
		function() {
		    $(this).addClass('nodo-hover');
		},
		function() {
		    $(this).removeClass('nodo-hover');
		}

		);*/
		
		$("#sub-navigation ul").prepend('<li class="cerrar"><span title="cerrar">x</span></li>');
		
    $("#navigation li").click(function(e) {       
        valor_href = $(this).find('a').attr('href');
        if ( valor_href=="#" ) {  e.preventDefault();  };
        var valorId = $(this).attr("id");
        var valorIdSub = "sub-" + valorId 
        var nodoSinSubnavegacion = $(this).hasClass('no-sub')
        if ( nodoSinSubnavegacion == true){
            $('#sub-navigation ul').slideUp('fast', function(){ $('#navigation li').removeClass('nodo-active'); } );   
            } else {
                $('#navigation li:not(#' + valorId + ')').removeClass('nodo-active');
                $('#' + valorId).toggleClass('nodo-active');
                }

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

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

        
    });

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



});