$(document).ready(function(){
	var codigo = "";
	
	$('#formCodigo').validationEngine();
	
	$("#btnSiguiente").bind("click", function(){
		if ($.validationEngine.ajaxValid) {
			codigo = $("#inpCodigo").val();
			$("#video").hide();
			$("#formulario").fadeIn();
			$("#forma").fadeIn();
			$("#ingresaCodigo").hide();
			$("#esquelas").hide();
			$("#gracias").hide();
			
			$('html, body').animate({ scrollTop: $("#forma").offset().top }, 500);
		}
	});
	
	$(".home").bind("click", function(){
		$("#formulario").fadeOut();
		$("#esquelas").fadeOut();
		$("#video").fadeIn();
		$("#ganadores").fadeOut();
	});
	
	$(".esquelas").bind("click", function(){
		$("#formulario").fadeOut();
		$("#esquelas").fadeIn();
		$("#video").fadeOut();
		$("#ganadores").fadeOut();
	});
	$(".ganadores").bind("click", function(){
		$("#formulario").fadeOut();
		$("#esquelas").fadeOut();
		$("#video").fadeOut();
		$("#ganadores").fadeIn();
	});
	
	$(".bases").bind("click", function(){
		$(".bases").children('.baseslink').trigger('click');
	});
	
	$(".over")
		.mouseover(function() { 
			var src = $(this).attr("src").match(/[^\.]+/) + "Over.png";
			$(this).attr("src", src); 
		})
		.mouseout(function() {
			var src = $(this).attr("src").replace("Over", "");
			$(this).attr("src", src);
	});
	
	$("#btnFormulario").bind('click', function(){
		if ($('#forma').validationEngine({returnIsValid:true})) {
			$.ajax({
				url: "ajax/datos.php",
				type: "POST",
				data: {
					cod: codigo,
					nombre: $("#formaNombre").val(),
					apellido: $("#formaApellido").val(),
					calle: $("#formaCalle").val(),
					numero: $("#formaNumero").val(),
					comuna: $("#formaComuna").val(),
					rut: $("#formaRut").val(),
					telefono: $("#formaFono").val(),
					email: $("#formaEmail").val()
				},
				dataType: "text",
				success: function(data) {
					resultado = $.parseJSON(data);
					if (resultado.result) {
						$("#forma").hide();
						$("#gracias").fadeIn();
					}
				},
				error: function(jqXHR, textStatus, errorThrown) {
				
				}
			});
		}
		return false;
	});
	
	$("#gracias").bind("click", function(){
		$("#video").fadeIn();
		$("#formulario").hide();
		$("#ingresaCodigo").fadeIn();
		$("#esquelas").hide();
	});
	var interval = null;
	var counter = 0;
	var $this = $(this);
	clearInterval(interval);

	interval = setInterval(function(){
		if (counter == -360) { counter=0;}
			counter -= 1;
			$("#rayos").css({
				MozTransform: 'rotate(-' + -counter + 'deg)',
				WebkitTransform: 'rotate(' + -counter + 'deg)',
				transform: 'rotate(' + -counter + 'deg)'
			});

	}, 50);
});