$(function(){

	/* Animación menu */
	
    var $el, leftPos, newWidth,
        $mainNav = $("#menu");
    
    $mainNav.append("<li id='magic-line' style='height: 2px;'></li>");
    
	var $magicLine = $("#magic-line");
	
	$magicLine
		.width($(".current_page_item").width())
		.css("left", $(".current_page_item a").position().left)
		.data("origLeft", $magicLine.position().left)
		.data("origWidth", $magicLine.width());
	
    $("#menu li").find("a").hover(function() {
        $el = $(this);
        leftPos = $el.position().left;
        newWidth = $el.parent().width();
        
        $magicLine.stop().animate({
            left: leftPos,
            width: newWidth
        });
    }, function() {
        $magicLine.stop().animate({
            left: $magicLine.data("origLeft"),
            width: $magicLine.data("origWidth")
        }); 
    });
	
	/* Navegación */
	    
	$("#menu li").find("a").click(function () {
		$("#menu li").removeClass('current_page_item');
		$(this).parent().addClass('current_page_item');
		var $magicLine = $("#magic-line");
		
		$magicLine
			.width($(".current_page_item").width())
			.css("left", $(".current_page_item a").position().left)
			.data("origLeft", $magicLine.position().left)
			.data("origWidth", $magicLine.width());

		$el = $(this);
        leftPos = $el.position().left;
        newWidth = $el.parent().width();
        
        $magicLine.stop().animate({
            left: leftPos,
            width: newWidth
        });
/*		
		var selected = $(this).parent().index();
		var nav = '#div_'+$(this).attr('id');

		if(selected == 0) {
			$('#contenido').slideUp('slow');
		}
		else if(selected > 0) {
			
			//$('#contenido').queue(function () {
				$('#contenido').slideUp('slow');
				$('#contenido div').hide();
				$(nav).show();
				//if(selected == 2) {
					//$(nav+' #cont_mision').show();
					//$(nav+' #cont_valores').hide();
				//}
				$('#contenido').slideDown('slow');
			//});
			
/*			$('#contenido').slideUp('slow');
			$.ajax({
				type: "POST",
				url: "main.php",
				data: nav+"=1",
				success: function(data){
					$('#contenido').slideDown('slow').html(data);
				}
			});
		}
*/	});
	
	/* Submenu recuadros */
/*	$('#submenu').mouseenter(function() {
		$('#rec_der').stop(true, true).animate({
			top: 0
		}, 2000, function() {});
		
		$('#rec_izq').stop(true, true).animate({
			top: 0
		}, 2000, function() {});
		
	}).mouseleave(function() {
		$('#rec_der').stop(true, true).animate({
			top: "150px"
		}, 2000, function() {});

		$('#rec_izq').stop(true, true).animate({
			top: "150px"
		}, 2000, function() {});
	});
*/	
	/* Contenido */
	$('#a_valores').click(function (){
		$('#mision').slideUp();
		$('#valores').slideDown();
	});
	$('#a_mision').click(function (){
		$('#valores').slideUp();
		$('#mision').slideDown();
	});			


/* footer */

	$('.sitemap').mouseover(function() {
		$(this).find('ol ol li').css('color', '#FFF');
	}).mouseout(function() {
		$(this).find('ol ol li').css('color', '#999');
	});
	
	$('#facebook').mouseenter(function() {
		$('#facebook img').attr('src', 'css/images/act_facebook.jpg');
	}).mouseleave(function() {
		$('#facebook img').attr('src', 'css/images/inact_facebook.jpg');
	});
/*
	$('#twitter').mouseenter(function() {
		$('#twitter img').attr('src', 'css/images/act_twitter.jpg');
	}).mouseleave(function() {
		$('#twitter img').attr('src', 'css/images/inact_twitter.jpg');
	});
*/
	$('#youtube').mouseenter(function() {
		$('#youtube img').attr('src', 'css/images/act_youtube.jpg');
	}).mouseleave(function() {
		$('#youtube img').attr('src', 'css/images/inact_youtube.jpg');
	});
	
	$('#proyecta').mouseenter(function() {
		$('#proyecta img').attr('src', 'css/images/act_proyecta.jpg');
	}).mouseleave(function() {
		$('#proyecta img').attr('src', 'css/images/inact_proyecta.jpg');
	});	

});