$.postJSON = function(url, data, callback) {
	$.post(url, data, callback, "json");
};

$(function() {
	creaBackBuffer();

	setTimeout(cambiaFoto, frecuencia);

	var ok = $('<a href="javascript:void(0)">OK</a>');
	$('.submit input').replaceWith(ok);
	ok.click(function() {
		$('form').submit();
	});

	$('form').submit(function() {
		var errores = false;
		$('form input').each(function() {
			var input = $(this);
			if(trim( input.val() ) == '') {
				errores = true;
				input.addClass('error');
			} else {
				input.removeClass('error');
			}
		});

		if(errores) {
			alert('Por favor, rellena todos los campos');
		} else {
			$.postJSON('enviar.php', {
				nombre: $('input[name=nombre]').val(),
				blog: $('input[name=blog]').val(),
				email: $('input[name=email]').val(),
				telefono: $('input[name=telefono]').val()
			}, function(data) {
				if(data.resultado == "OK") {
					var altura = $('form').height();
					$('form').prev().fadeOut('slow').end().fadeOut("slow", function() {
						$(this).html('<strong>Su email ha sido enviado correctamente</strong>').css('width', '100%').css('text-align', 'center').css('height', altura - 100).css('padding-top', '90px').fadeIn("slow");
					});
				} else {
					alert('Error al enviar su registro, Inténtelo más tarde. Gracias.');
				}
			});
		}
		return false;
	});
});

function trim(cadena) {
	for(i=0; i<cadena.length; ) {
		if(cadena.charAt(i)==" ")
			cadena=cadena.substring(i+1, cadena.length);
		else
			break;
	}

	for(i=cadena.length-1; i>=0; i=cadena.length-1) {
		if(cadena.charAt(i)==" ")
			cadena=cadena.substring(0,i);
		else
			break;
	}

	return cadena;
}

var foto = 0;
var frecuencia = 5000;
function cambiaFoto() {
	$('#informacion img').fadeOut('slow', function() {
		var backBuffer = $('#backBuffer');
		$(this).replaceWith(backBuffer).remove();
		backBuffer.attr('id', 'imagenGrande').fadeIn('slow');

		creaBackBuffer();

		setTimeout(cambiaFoto, frecuencia);
	});
}

function creaBackBuffer() {
	foto = ++foto % 6;
	var backBuffer = $('<img src="i/productos/' + foto + '.jpg" id="backBuffer" />').hide();
	$('body').append(backBuffer);
}