// JavaScript Document
$(function() {  
	$('.error').hide();
  	$('input.text-input').css({backgroundColor:"#FFFFFF"});
  	$('input.text-input').focus(function(){
    	$(this).css({backgroundColor:"#FFDDAA"});
  	});
  	$('input.text-input').blur(function(){
    	$(this).css({backgroundColor:"#FFFFFF"});
  	});

	$(".button").click(function() {

    	$('.error').hide();
		
	  	var nombre = $("input#name").val();
		if (nombre == "") {
			$("label#name_error").show();
      		$("input#name").focus();
      		return false;
    	}	
		var correo = $("input#correoe").val();
		if (correo == "") {
      		$("label#correoe_error").show();
      		$("input#correoe").focus();
      		return false;
    	}
		var tel = $("input#phone").val();
		if (tel == "") {
      		$("label#phone_error").show();
      		$("input#phone").focus();
      		return false;
		}
		
		var apellido = $("input#last").val();
		var asunto = $("input#subj").val();
		var tipo = $("select#type").val();
		var address = $("input#dir").val();
		var ciudad = $("input#city").val();
		var comentario = $("textarea#comment").val();
		

		
		var dataString = 'nombre='+ nombre + '&correo=' + correo + '&tel=' + tel + '&apellido=' + apellido + '&asunto=' + asunto + '&tipo=' + tipo + '&address=' + address 
		+ '&ciudad=' + ciudad + '&comentario=' + comentario;

		$.ajax({  
			type: "POST",  
			url: "contacto.php",  
			data: dataString, 
			success: function() {
				$('#form_contacto').html("<div id='message'></div>");  
     			$('#message').html("<h4>Formulario de contacto enviado!</h4>")  
	     		.append("<p>Te responderemos en breve.</p>")  
	     		.hide()  
	     		.fadeIn(1500, function() {  
		       		$('#message').append("<img id='checkmark' src='imagenes/check.png' />");
					
     			});  
    		}  
 		});  
 	
	return false;    
    });  
});