/**
 * @author Francesc
 */
$(document).ready(function(){
	
	
	//** FUNCIONES *********************************************************//
	
		function init() {
			
		}
	
		function ocultar(elem) {
			$(elem).removeClass("visible");
			$(elem).addClass("oculto");
			//$(elem).hide("slow");
		}
		
		function mostrar(elem) {
			$(elem).removeClass("oculto");
			$(elem).addClass("visible");
			//$(elem).show("slow");
		}
		
		//Iluminacion de textos
		function atenua(elem) { //Para la parte del menu que es enlace
			$(elem).css("color","#333333");
		}
		
		function atenua_texto(elem) { //usada para la parte del menu que es texto
			$(elem).css("color","#222222");
		}
		
		function restaura(elem) {
			$(elem).css("color","#CCCCCC");
		}
		
		function restaura_texto(elem) {
			$(elem).css("color","gray");
		}
		
		function ilumina(elem) {
			$(elem).css("color","#66ccff");
		}
		
		
		
		
		//Al pasar encima de los elementos de la primera linea
		function primeralineaOver(o) {
			
			restaura_texto("#cont_submenu");
			mostrar("#cont_submenu");
			
			switch(o) {
				case "men1": //Nosotros
					mostrar("#submenu1");
					ocultar("#submenu2, #fin21");
					ocultar("#submenu3, #fin31");
					//Iluminacion
					atenua("#men2");
					atenua("#men3");
					ilumina("#men1");
					break;
					
				case "men2": //Vosotros
					mostrar("#submenu2");
					ocultar("#submenu1, #fin11, #fin12, #fin13");
					ocultar("#submenu3, #fin31");
					//Iluminacion
					atenua("#men1");
					atenua("#men3");
					ilumina("#men2");
					break;
					
				case "men3": //El resto del mundo
					mostrar("#submenu3");
					ocultar("#submenu2, #fin21, #fin22, #fin23");
					ocultar("#submenu1, #fin11, #fin12, #fin13");
					//Iluminacion
					atenua("#men1");
					atenua("#men2");
					ilumina("#men3");
				break;	
			}	
		}
		
		//Al salir de los elementos de la primera linea
		function fueradellimite() {
			//alert("FORA");
		}
		
		
		//Al pasar por encima de los elementos de la seguna linea
		function segundalineaOver(o) {
				
			mostrar("#cont_res_menu");
			atenua_texto("#cont_submenu");
			
			//Restaura todos los submenus
			restaura("#submen11, #submen12, #submen13, #submen21,#submen31");
			
			//Iluminamos 
			var ou = "#"+o; //Convertimos la variable pasada en un elemento seleccionable por jq
			ilumina(ou);
			
			switch(o) {
				case "submen11": //Somos
					mostrar("#fin11");
					ocultar("#fin12");
					ocultar("#fin13");
					//Iluminacion

					break;
					
				case "submen12":
					mostrar("#fin12");
					ocultar("#fin11");
					ocultar("#fin13");
					//Iluminacion

					break;
					
				case "submen13":
					mostrar("#fin13");
					ocultar("#fin12");
					ocultar("#fin11");
					//Iluminacion
				break;	
				
				case "submen21": //nos motivais
					mostrar("#fin21");
					ocultar("#fin31");
				break;
				
				case "submen31"://mueve
					mostrar("#fin31");
					ocultar("#fin11, #fin12, #fin13");
				break;		
			}	
		}
		
		//Al salir de encima de los elementos de la seguna linea
		function segundalineaOut(o) {
			//restaura_texto("#cont_submenu");
			//Restaura todos los submenus
			//restaura("#submen11, #submen12, #submen13, #submen21,#submen31");
		}
		
		//Al pasar encima de la tercera linea
		function terceralineaOver(o) {
			//Oculta las opciones finales
			ocultar("#cont_res_menu");
			restaura_texto("#cont_submenu");
			restaura("#submen11, #submen12, #submen13, #submen21,#submen31");
		}
	
	//** FIN FUNCIONES ******************************************************//
	
	
	
	//** EVENTOS ************************************************************//
	
		//Al hacer mousover en la primera linea
		$("#menu_principal a").mouseover(function(){
			primeralineaOver(this.id);
		});
		
		//Al hacer mouseout en la primera linea
		$("#menu_principal").mouseout(function(){
			//primeralineaOut();
		});
		
		//Al hacer mouseover en la segunda linea
		$("#cont_submenu span a").mouseover(function(){
			segundalineaOver(this.id);
		});
		
		//Al hacer mouseOut en la segunda linea
		$("#cont_submenu span a").mouseout(function(){
			segundalineaOut(this.id);
		});
		
		//Al hacer mouseout en el area del menu general
		$("#cont_res_menu").mouseout(function(){
			terceralineaOver(this.id);
		});
		
	//** FIN EVENTOS *********************************************************//
		
$(".proyecto").hover(function() {

$(this).removeClass("proyecto");
$(this).addClass("proyecto_hover");

},function(){

$(this).removeClass("proyecto_hover");
$(this).addClass("proyecto");
})


$(".proyecto_big").hover(function() {
$(this).removeClass("proyecto_big");
$(this).addClass("proyecto_big_hover");

},function(){

$(this).removeClass("proyecto_big_hover");
$(this).addClass("proyecto_big");
})

$(".proyecto_relacion").hover(function() {
$(this).removeClass("proyecto_relacion");
$(this).addClass("proyecto_relacion_hover");

},function(){

$(this).removeClass("proyecto_relacion_hover");
$(this).addClass("proyecto_relacion");
})

$(".proyecto_ant").hover(function() {
$(this).removeClass("proyecto_ant");
$(this).addClass("proyecto_ant_hover");

},function(){

$(this).removeClass("proyecto_ant_hover");
$(this).addClass("proyecto_ant");

})

$(".proyecto_sig").hover(function() {

$(this).removeClass("proyecto_sig");
$(this).addClass("proyecto_sig_hover");

},function(){

$(this).removeClass("proyecto_sig_hover");
$(this).addClass("proyecto_sig");

})

$(".clientes_img").hover(function() {

$(this).removeClass("clientes_img");
$(this).addClass("clientes_img_hover");

},function(){

$(this).removeClass("clientes_img_hover");
$(this).addClass("clientes_img");

})



$(".equipo_img").hover(function() {

$(this).removeClass("equipo_img");
$(this).addClass("equipo_img_hover");

},function(){

$(this).removeClass("equipo_img_hover");
$(this).addClass("equipo_img");
})

//Equipo botones

$("#equipo_detalles_top_correo").hover(function() {

$(this).removeClass("top_correo");
$(this).addClass("top_correo_hover");

},function(){

$(this).removeClass("top_correo_hover");
$(this).addClass("top_correo");
})

if($("#equipo_detalles_top_test").attr("class")!="top_test_no"){
	$("#equipo_detalles_top_test").hover(function() {

$(this).removeClass("top_test");
$(this).addClass("top_test_hover");

},function(){

$(this).removeClass("top_test_hover");
$(this).addClass("top_test");
})
}

// Hover de botones next, back

$("#test1").hover(function() {

$(this).removeClass("test1");
$(this).addClass("test1_hover");

},function(){

$(this).removeClass("test1_hover");
$(this).addClass("test1");
})

$("#test2").hover(function() {

$(this).removeClass("test2");
$(this).addClass("test2_hover");

},function(){

$(this).removeClass("test2_hover");
$(this).addClass("test2");
})

//Cambio de contenido de Equipo


/*$("#equipo_detalles_top_bio").click(function() { 
		$("#equipo_detalles_main_bio").removeClass("invisible");
	$("#equipo_detalles_main_bio").addClass("visible");
	$("#equipo_detalles_main_test1").removeClass("visible");
	$("#equipo_detalles_main_test1").addClass("invisible");
	$("#equipo_detalles_main_test2").removeClass("visible");
	$("#equipo_detalles_main_test2").addClass("invisible");
	$("#equipo_detalles_main_correo").removeClass("visible");
	$("#equipo_detalles_main_correo").addClass("invisible");
})*/
       
	   
	   
	   

$("#equipo_detalles_top_test").click(function() {
 $(this).addClass("top_test_no");
 $("#equipo_detalles_top_correo").addClass("top_correo");
 $("#equipo_detalles_main_test1").removeClass("invisible");
 $("#equipo_detalles_main_test1").addClass("visible");
 $("#equipo_detalles_main_test2").removeClass("visible");
 $("#equipo_detalles_main_test2").addClass("invisible");
 $("#equipo_detalles_main_bio").removeClass("visible");
 $("#equipo_detalles_main_bio").addClass("invisible");
 $("#equipo_detalles_main_correo").removeClass("visible");
 $("#equipo_detalles_main_correo").addClass("invisible");
 
})


$("#equipo_detalles_top_correo").click(function() {
$(this).addClass("top_correo_no");
  $("#equipo_detalles_top_test").addClass("top_test");
 $("#equipo_detalles_main_correo").removeClass("invisible");
 $("#equipo_detalles_main_correo").addClass("visible");
  $("#equipo_detalles_main_correo_result").removeClass("visible");
 $("#equipo_detalles_main_correo_result").addClass("invisible");
	$("#equipo_detalles_main_test1").removeClass("visible");
	$("#equipo_detalles_main_test1").addClass("invisible");
	$("#equipo_detalles_main_test2").removeClass("visible");
	$("#equipo_detalles_main_test2").addClass("invisible");
 $("#equipo_detalles_main_bio").removeClass("visible");
 $("#equipo_detalles_main_bio").addClass("invisible");
 
})



$("#test2").click(function() {
 $("#equipo_detalles_main_test1").removeClass("visible");
 $("#equipo_detalles_main_test1").addClass("invisible");
 $("#equipo_detalles_main_test2").removeClass("invisible");
 $("#equipo_detalles_main_test2").addClass("visible");
 $("#equipo_detalles_main_bio").removeClass("visible");
 $("#equipo_detalles_main_bio").addClass("invisible");
 $("#equipo_detalles_main_correo").removeClass("visible");
 $("#equipo_detalles_main_correo").addClass("invisible");
})

$("#test1").click(function() {
 $("#equipo_detalles_main_test1").removeClass("invisible");
 $("#equipo_detalles_main_test1").addClass("visible");
 $("#equipo_detalles_main_test2").removeClass("visible");
 $("#equipo_detalles_main_test2").addClass("invisible");
 $("#equipo_detalles_main_bio").removeClass("visible");
 $("#equipo_detalles_main_bio").addClass("invisible");
 $("#equipo_detalles_main_correo").removeClass("visible");
 $("#equipo_detalles_main_correo").addClass("invisible");
})



//Equipo cambio de Nombre:
$("#Alex").hover(
	function() {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'>ALEX</div>");
      }, 
      function () {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'> </div>");
      }
);

$("#Silvia").hover(
	function() {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'>SILVIA</div>");
      }, 
      function () {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'> </div>");
      }
);

$("#Teo").hover(
	function() {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'>TEO</div>");
      }, 
      function () {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'> </div>");
      }
);

$("#Francesc").hover(
	function() {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'>FRANCESC</div>");
      }, 
      function () {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'> </div>");
      }
);

$("#Play").hover(
	function() {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'>PLAY</div>");
      }, 
      function () {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'> </div>");
      }
);

$("#Desiree").hover(
	function() {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'>DESIREE</div>");
      }, 
      function () {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'> </div>");
      }
);

$("#David").hover(
	function() {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'>DAVID</div>");
      }, 
      function () {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'> </div>");
      }
);

$("#Marta").hover(
	function() {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'>MARTA</div>");
      }, 
      function () {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'> </div>");
      }
);

$("#Montse").hover(
	function() {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'>MONTSE</div>");
      }, 
      function () {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'> </div>");
      }
);

$("#Efren").hover(
	function() {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'>EFREN</div>");
      }, 
      function () {
$("#equipo_nombre").replaceWith("<div id='equipo_nombre'> </div>");
      }
);
	
/* Equipo formulario Submit */


$("#formulario_submit").hover(function() {

$(this).removeClass("formulario_submit");
$(this).addClass("formulario_submit_hover");

},function(){

$(this).removeClass("formulario_submit_hover");
$(this).addClass("formulario_submit");
})
	
	
	
	
});