jQuery(function($) { 
	var numero = 5;
	var activa = 1;
	var tamano = 600;
	var diapositivas = $("#diapositivas");
	var ocupado = false;
	var infoVisible = false;
	
	// Cambiar al clickear miniaturas
	
	$("img.trabajo").click(
		function(){
			var trabajo = parseInt(this.name);
			diapositivas.animate({"left": "-"+tamano*(trabajo-1)+"px"}, "slow");
			marcarActiva(trabajo);
			
			infoCambiar(trabajo);
		}
	);
	
	// Click flechas
	
	$("#flechaRImg").click(
		function(){
			if(activa > 1 && !ocupado){
				ocupado = true;
				diapositivas.animate({"left": "-"+tamano*(activa-2)}, "slow", function(){ocupado = false;});
				marcarActiva(activa-1);
				
				infoCambiar(activa);
			}
		}
	);
	
	$("#flechaAImg").click(
		function(){
			if(activa < numero && !ocupado){
				ocupado = true;
				diapositivas.animate({"left": "-"+tamano*(activa)}, "slow", function(){ocupado = false;});
				marcarActiva(activa+1);
				
				infoCambiar(activa);
			}
		}
	);
	
	var marcarActiva = function(nueva){
		activa = nueva;
		$(".trabajoActiva").fadeTo(500, 0.5);
		$(".trabajoActiva").attr("class", "trabajo");
		
		$("img[name="+activa+"]").fadeTo(500, 1);
		$("img[name="+activa+"]").attr("class", "trabajoActiva");
	};
	
	// Acerca de
	
	var acercaDeShow = function(){
		$("#fondoVentanaAcercaDe").show(200);
		$("#tituloAcercaDe").show(500);
		$("#ventanaAcercaDe").show(500);
	};
	
	var acercaDeHide = function(){
		$("#fondoVentanaAcercaDe").hide(200);
		$("#tituloAcercaDe").hide(500);
		$("#ventanaAcercaDe").hide(500);
	};
	
	$("#acercaDe").click(acercaDeShow);
	$("#acercaDeEnlace").click(acercaDeShow);
	
	$("#cerrarAcercaDe").click(acercaDeHide);
	
	// Info
	
	var infoShow = function(){
		$("#info").animate({"top": "-=122px", "opacity": "0.8"}, "slow");
		infoVisible = true;
		$("#infoMasMenos").text("x");
	};
	
	var infoHide = function(){
		$("#info").animate({"top": "+=122px", "opacity": "0.4"}, "slow");
		infoVisible = false;
		$("#infoMasMenos").text("+");
	};
	
	var infoCambiar = function(trabajo){
		var titulo = $("#diapositivas li:nth-child("+trabajo+")").attr("title");
		var texto = $("#diapositivas li:nth-child("+trabajo+") img").attr("alt");

		$("#infoTitulo").text(titulo);
		$("#infoTexto").html(texto);
	};
	
	$("#info").click(
		function(){
			if(infoVisible)
				infoHide()
			else
				infoShow();	
		}
	);
	
	/*$("#infoMasMenos").click(
		function(){
			if(infoVisible)
				infoHide()
			else
				infoShow();	
		}
	);*/
	
	
	/// ROLLOVERS
	
	
	// Rollover Acerca De
	$("#acercaDe").mouseover(
		function() {
			$(this).attr('src', 'imagenes/acercaDeO.png');
		}
	);
	
	$("#acercaDe").mouseout(
		function() {
			$(this).attr('src', 'imagenes/acercaDe.png');
		}
	);
	
	// Rollover Flecha Retroceder
	$("#flechaRImg").mouseover(
		function() {
			$(this).attr('src', 'imagenes/flechaRO.png');
		}
	);
	
	$("#flechaRImg").mouseout(
		function() {
			$(this).attr('src', 'imagenes/flechaR.png');
		}
	);
	
	// Rollover Flecha Avanzar
	$("#flechaAImg").mouseover(
		function() {
			$(this).attr('src', 'imagenes/flechaAO.png');
		}
	);
	
	$("#flechaAImg").mouseout(
		function() {
			$(this).attr('src', 'imagenes/flechaA.png');
		}
	);
	
	// Rollover Imagenes Trabajo
	$("img.trabajo").mouseover(
		function() {
			var trabajo = $(this);
			if(trabajo.attr("name") != activa){
				trabajo.attr('class', 'trabajoHover');
				trabajo.fadeTo(500, 1);
			}
		}
	);
	
	$("img.trabajo").mouseout(
		function() {
			var trabajo = $(this);
			if(trabajo.attr("name") != activa){
				trabajo.attr('class', 'trabajo');
				trabajo.fadeTo(500, 0.5);
			}
		}
	);
	
	// Rollover Mas/Menos Info
	$("#infoMasMenos").mouseover(
		function() {
			$(this).css("color", "#339643");
		}
	);
	
	$("#infoMasMenos").mouseout(
			function() {
				$(this).css("color", "#fff");
			}
		);
	
	// Inicializaciones
	$("img[name="+activa+"]").attr("class", "trabajoActiva");
	
	infoCambiar(activa);
	
	$("#mostrarEmail").attr("href" ,"mailto:"+ "contacto" + "@" + "zepsilon.com");
	$("#mostrarEmail").text("contacto" + "@" + "zepsilon.com");
	
	
	// Enviar formualrio
	
	var enviarFormulario = function(){
		msj = [
		       "Enviado!",
		       "Todos los campos excepto el teléfono son obligatorios.",
		       "Email incorrecto.",
		       "No ha sido posible enviar el email, por favor reintentelo.",
		];
		
		$("#enviar").attr("disabled", true);
		$("#enviar").val("Enviando...");
		
		nombre = $("#nombre").val();
		email = $("#email").val();
		telefono = $("#telefono").val();
		consulta = $("#consulta").val();
		
		
		datos = "nombre="+ nombre +"&email="+ email +"&telefono="+ telefono +"&consulta="+ consulta;
		$.ajax({  
		  type: "POST",  
		  url: "formulario.php",  
		  data: datos,  
		  success: function(num) {
			  alert(msj[parseInt(num)]);
		  }  
		});

		$("#enviar").attr("disabled", false);
		$("#enviar").val("Enviar");
	};
	
	$("#enviar").click(enviarFormulario);
	$("#enviar").val("Enviar");
	
	// Minilogos
	$(".minilogo").fadeTo(500, 0.5);	
	
	$(".minilogo").mouseover(function(){
		$(this).fadeTo(500, 1);	
	});
	
	$(".minilogo").mouseout(function(){
		$(this).fadeTo(500, 0.5);
	});
});