var swap_text_boxes = [];


function init_swap_text_boxes(){
  //Store the default value for each box
  jQuery('input[type=text][value].clear').each(function() {
    swap_text_boxes[jQuery(this).attr('id')] = jQuery(this).attr('value');
  });
  //Add focus and blur events to set or clear the value
  jQuery('input[type=text][value].clear').bind('focus', function() {
		var name = jQuery(this).val()
		 if(name != "Name" &&  name != "E-mail")  {

			  } else {
	    if(jQuery(this).val() == swap_text_boxes[jQuery(this).attr('id')]) {
      jQuery(this).val('');
		}
    }
  });
  jQuery('input[type=text][value].clear').bind('blur', function() {
    if(jQuery(this).val() == '') {
      jQuery(this).val(swap_text_boxes[jQuery(this).attr('id')]);
    }
  });
  

	//Valida el nombre	
 jQuery('input#nom').bind('blur', function() {
				var name = jQuery('input#nom').val();
						if (name == "Name") {
					jQuery('.errorform').show();
					jQuery('.okform').hide();

			} else {
			if(/^[a-zñÑ ._-]+$/i.test(name)){
				  jQuery('.errorform').hide();
				  jQuery('.okform').show();
	 		 } else {
			 jQuery('.errorform').show();
			 jQuery('.okform').hide();
			 }
			  }  }
  );
  

  
  
  //Valida el email
jQuery('input#emailtext').bind('blur', function() {
  	 	var name = jQuery('input#emailtext').val();
						if (name == "E-mail") {
					jQuery('.errorform2').show();
					jQuery('.okform2').hide();
			} else {
			
			if(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(name)){
				  jQuery('.errorform2').hide();
				  jQuery('.okform2').show();
				  }
	 		 }
  });
  
  //valida que al menos hayan 20 caracteres en la descripcion
    jQuery('textarea').bind('blur', function() {
  	 	var name = jQuery('textarea').val();
						if (name == "") {
					jQuery('.errorform3').show();
					jQuery('.okform3').hide();
			} else {
			if(/[^.*]/.test(name)){
				if(name.length > 20){
				  jQuery('.errorform3').hide();
				  jQuery('.okform3').show();
				}
				}
	 		 }
  });
  


}

jQuery(function() {
  jQuery("#botoncontact").click(function() {
		// validate and process form
		// first hide any error messages

		
	  var name = jQuery("input#nom").val();
	  
			if (name == "Name") {
				jQuery('.errorform').show();
				jQuery('.okform').hide();
				return false;
			} else {
			if(/^[a-zñÑ ._-]+$/i.test(name)){
				  jQuery('.errorform').hide();
				  jQuery('.okform').show();
	 		 } else {
			 jQuery('.errorform').show();
			 jQuery('.okform').hide();
			 jQuery("input#name").focus();
			       return false;
			 }
			  }
	  
	var email = jQuery('input#emailtext').val();
						if (email == "E-mail") {
					jQuery('.errorform2').show();
					jQuery('.okform2').hide();
					jQuery("input#emailtext").focus();
					return false;
			} else {
			
			if(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email)){
				  jQuery('.errorform2').hide();
				  jQuery('.okform2').show();
				  }
	 		 }
   
   	var desc = jQuery('textarea#desc').val();
						if (desc == "") {
					jQuery('.errorform3').show();
					jQuery('.okform3').hide();
					jQuery("textarea#desc").focus();
					return false;
			} else {
			if(/[^.*]/.test(desc)){
				if(desc.length > 20){
				  jQuery('.errorform3').hide();
				  jQuery('.okform3').show();
				} else {
					jQuery('.errorform3').show();
					jQuery('.okform3').hide();
					jQuery('textarea#desc').focus();
					return false;
					}
				}
	 		 }
			 
		var choose = jQuery('#tipo').val();
						if (choose == "none") {
					jQuery('.errorform4').show();
					jQuery('.okform4').hide();
					jQuery("tipo").focus();
					return false;
			} else {
				  jQuery('.errorform4').hide();
				  jQuery('.okform4').show();

	 		 }	 
			 
			 
		
		var dataString = 'name='+ name + '&email=' + email + '&desc=' + desc + '&type=' + choose;
		
		jQuery.ajax({
      type: "POST",
      url: "email/process.php",
      data: dataString,
      success: function() {
	jQuery('#contact').fadeOut(1);
	jQuery('#muestra').fadeIn(3000);
	jQuery('#muestra').fadeOut(3000);
	jQuery('#contact').fadeIn(10000);
	resetForm();
      }
	  

}
     );
    return false;
	});
});

function resetForm() {
	jQuery('form#contact').each(function(){
	        this.reset();
	});
}