$(function() {
  	$('.error').hide();
  	$('input.text-input').css({backgroundColor:"transparent"});
  	$('input.text-input').focus(function(){
    	$(this).css({backgroundColor:"transparent"});
 	});
  	
	$('input.text-input').blur(function(){
    	$(this).css({backgroundColor:"transparent"});
  	});

  	$(".button").click(function() {
		// validate and process form
		// first hide any error messages
    	$('.error').hide();
		
		var name = $("input#name").val();
		if (name == "") {
	 		$("input#name").css({borderColor:"#ff7373"});
      		$("input#name").focus();
      		return false;
    	}
		var email = $("input#email").val();
		if (email == "") {
     		$("input#email").css({borderColor:"#ff7373"});
      		$("input#email").focus();
      		return false;
    	}
		
		var dataString = 'name='+ name + '&email=' + email;
		//alert (dataString);return false;
		
	$.ajax({
    	type: "POST",
    	url: "bin/process.php",
    	data: dataString,
    	success: function() {
    		$('#registro').html("<div id='message'></div>");
    		$('#message').hide()
    		.fadeIn(1500, function() {
    		$('#message').append("<img id='checkmark' src='images/check.png' />");
     		});
      	}
    });
    return false;
	});
	
	$(".button2").click(function() {
		// validate and process form
		// first hide any error messages
    	$('.error').hide();
		
		var name2 = $("input#name2").val();
		if (name2 == "") {
	 		$("input#name2").css({borderColor:"#ff7373"});
      		$("input#name2").focus();
      		return false;
    	}
		var email2 = $("input#email2").val();
		if (email2 == "") {
     		$("input#email2").css({borderColor:"#ff7373"});
      		$("input#email2").focus();
      		return false;
    	}
		var personas = $("input#personas").val();
		if (personas == "") {
     		$("input#personas").css({borderColor:"#ff7373"});
      		$("input#personas").focus();
      		return false;
    	}
		var fecha = $("input#fecha").val();
		if (fecha == "") {
     		$("input#fecha").css({borderColor:"#ff7373"});
      		$("input#fecha").focus();
      		return false;
    	}
		var hora = $("input#hora").val();
		if (hora == "") {
     		$("input#hora").css({borderColor:"#ff7373"});
      		$("input#hora").focus();
      		return false;
    	}
		var telefono = $("input#telefono").val();
		var celular = $("input#celular").val();
		
		var comment = $("textarea#comment").val();
		var dataString2 = 'name='+ name2 + '&email=' + email2 + '&telefono=' + telefono  + '&celular=' + celular + '&personas=' + personas + '&fecha=' + fecha + '&hora=' + hora + '&comment=' + comment;
		//alert (dataString);return false;
		
	$.ajax({
    	type: "POST",
    	url: "bin/process2.php",
    	data: dataString2,
    	success: function() {
    		$('#video').html("<div id='message2'></div>");
    		$('#message2').hide()
    		.fadeIn(1500, function() {
    		$('#message2').append("<img id='checkmark' src='images/envio_reservacion_ok.png' />");
     		});
      	}
    });
    return false;
	});
});