loadedSlideInicio = false;
idContenidoCurrent = "contenido-inicio";

// Bordes Redondos
	$(document).ready(function(){
		$("#contenido > div").css("display", "none");
		if(navigator.userAgent.search(/msie/i)== -1){
			$("#contenido").corner("20px tl tr").corner("40px bl").corner("5px br");
			$("#footer").corner("10px");
			$(".nav-wrap").corner("10px tl tr").corner("20px bl").corner("5px br");
			$(".subMenu").corner("10px bottom");
		}else{
			//$(".nav-wrap").css("background-color", "#FFF").corner("20px bl").corner("5px br").css("background-color", "rgb(117, 168, 49)");
			//$(".bordeBlanco").css('padding', '2px').css("background-color", "#005").corner("20px bl").corner("5px br").css("background-color", "#FFF");
			//$(".contenidoVerde").css("background-color", "#005").corner("20px bl").corner("5px br").css("background-color", "rgb(117, 168, 49)");
			
			//$(".nav-wrap").corner("10px");
			//$(".contenidoVerde").css("background-color", "#D1E9B1")
			//$(".subMenu").corner("10px bottom");
			//$(".contenidoVerde").css("background-color", "rgb(117, 168, 49)")
		}
			
	});
	
//Menu y Submenu
	listaMenu = ["inicio", "quienes_somos", "areas_trabajo", "equipo_trabajo", "proyectos", "contacto"];
	cosa = true;
	idActual = "inicio";
	
	$(document).ready(function(){	
		alignSubMenus();			
		$(".subMenu").css("height", "0px");
		$(".botonMenu").mouseenter(function(){
			id = $(this).attr("id");
			closeOthers(id);
			$("#subMenu-"+id).stop(true, true).animate({height: "30px"}, 500 );
			cosa = true;
		});
		$(".botonMenu").mouseleave(function(){
			id = $(this).attr("id");
			cosa = false
			window.setTimeout(function() {
				if(cosa == false){
					$("#subMenu-"+id).stop(true, true).animate({height: "0px"}, 500 );
					closeOthers(id);
				}
			}, 1000);					
		});
		
		$(".subMenu").mouseenter(function(){
			cosa = true;
		});
		$(".subMenu").mouseleave(function(){
			id = $(this).attr("id");
			cosa = false;
			window.setTimeout(function() {
				if(cosa == false){
					$("#"+id).stop(true, true).animate({height: "0px"}, 500 );
					moveMenu(idActual)
				}
			}, 1000);					
		});
	});
	
	function alignSubMenus(){
		$("#subMenu-"+listaMenu[1]).css("margin-left", "40px");
		$("#subMenu-"+listaMenu[2]).css("margin-left", "50px");
		$("#subMenu-"+listaMenu[3]).css("margin-left", "510px");
		$("#subMenu-"+listaMenu[4]).css("margin-left", "495px");	//Proyectos
		$("#subMenu-"+listaMenu[5]).css("margin-left", "694px");
	}
	
	function closeOthers(butThis){
		largo = listaMenu.length;
		for(i=0; i<largo; i++){
			if(listaMenu[i] != butThis){
				$("#subMenu-"+listaMenu[i]).stop(true, true).animate({height: "0px"}, 500 );
			}
		}
	}
	
//Al hacer click en el menu cambia el contenido	
	$(document).ready(function(){
		$("#contenido-inicio").css("display", "inherit");
		$('<img/>')[0].src = "images/loading.gif";
		
		$(".item-subMenu").click(function(){
			idSubmenu = $(this).attr("id");			//Al cual se le hace click
			idMenu = $(this).parent().attr("id");	//Al tipo de menu que se le hace click (al padre)
			idMenu = idMenu.replace("subMenu-","");
			idActual = idMenu;						//Para saber donde esta la barra naranja ubicada actualmente
			idContenidoTarget = idSubmenu.replace("subMenu","contenido");	//La id del div que será cargado
			url = idContenidoTarget.replace(/-/g,"/") + ".php";
			
			moveMenu(idActual);
			$("#"+idContenidoCurrent).hide();
			
			if($("#"+idContenidoTarget).html() == ""){
				$("#contenido").append('<div id="loadingContent" width="100%" align="center"><img src="images/loading.gif"/></div>');
				$.post(	url, 
						{ },
						function(data){
							$("#loadingContent").remove();
							$("#"+idContenidoTarget).html(data);
							$("#"+idContenidoTarget).fadeIn("slow");
						}
				);
			}else
				$("#"+idContenidoTarget).fadeIn("slow");	
			$magicLineTwo
				.width($(".current_page_item_two").width())
				.height($mainNav2.height())
				.css("left", $(".current_page_item_two a").position().left)
				.data("origLeft", $(".current_page_item_two a").position().left)
				.data("origWidth", $magicLineTwo.width())
			$("#contenido").css("height", "auto");
			idContenidoCurrent = idContenidoTarget;
		});
		
		$("#inicio").click(function(){			
			idContenidoTarget = "contenido-inicio";
			
			moveMenu("inicio");
			$("#"+idContenidoCurrent).hide();
			$("#"+idContenidoTarget).fadeIn("slow");	
			$magicLineTwo
				.width($(".current_page_item_two").width())
				.height($mainNav2.height())
				.css("left", $(".current_page_item_two a").position().left)
				.data("origLeft", $(".current_page_item_two a").position().left)
				.data("origWidth", $magicLineTwo.width())
			$("#contenido").css("height", "auto");
			idContenidoCurrent = idContenidoTarget;
		});
	});	
	
//La barra del Menu
	var $el, leftPos, newWidth, $mainNav2, $magicLineTwo;
	$(function(){
		$el, leftPos, newWidth,
			$mainNav2 = $("#example-two");
		$mainNav2.append("<div id='magic-line-two'></div>"); 
		//$("#magic-line-two").css("background-color", "rgb(220, 133, 5)").corner("5px");   
		$("#magic-line-two").css("background-color", "#FFA411").corner("5px");   
		$magicLineTwo = $("#magic-line-two");
			
		$magicLineTwo
			.width($(".current_page_item_two").width())
			.height($mainNav2.height())
			.css("left", $(".current_page_item_two a").position().left)
			.data("origLeft", $(".current_page_item_two a").position().left)
			.data("origWidth", $magicLineTwo.width())
					
		$("#example-two div").find("a").hover(function() {
			$el = $(this);
			leftPos = $el.position().left;
			newWidth = $el.parent().width();
			$magicLineTwo.stop().animate({
				left: leftPos,
				width: newWidth
			})
		}, function() {
			window.setTimeout(function() {
				if(cosa == false){
					$magicLineTwo.stop().animate({
						left: $magicLineTwo.data("origLeft"),
						width: $magicLineTwo.data("origWidth")
					})
				}
			}, 1000); 
		});
		$("#example-two div").find("a").mouseout(function() {
			$(this).css("height", "46px")
		});
		
	});
		
		function moveMenu(id){
			$("#"+id+ " a").parent().siblings().removeClass("current_page_item_two");
			$("#"+id+ " a").parent().addClass("current_page_item_two");
			$magicLineTwo.stop().animate({
				left: $(".current_page_item_two a").position().left,
				width: $(".current_page_item_two").width()
			})
			$magicLineTwo
				.width($(".current_page_item_two").width())
				.css("left", $(".current_page_item_two a").position().left)
				.data("origLeft", $magicLineTwo.position().left)
				.data("origWidth", $magicLineTwo.width());
		}