// JavaScript Document
function mostrar(elemento) { 
	algo = $(elemento).getStyle("display");
	if (algo == "none") {
		Effect.Appear(elemento, { duration: 0.3 }); return false;
	}
	else {
		Effect.Fade(elemento, { duration: 0.3 }); return false;
	}
}

// <![CDATA[
				document.observe('dom:loaded', function() {
					
					function sendForm(event){
						error =0;
						Event.stop(event);
						//validar
						if (!$('nombre').getValue()) {
							$('nom_sp').appear({ duration: 0.3 });
							$('nombre').removeClassName('textfieldValidState');
							$('nombre').addClassName('textfieldRequiredState');
							error=1;
						}
						else {
							$('nom_sp').setStyle({display: 'none'});
							$('nombre').removeClassName('textfieldRequiredState');
							$('nombre').addClassName('textfieldValidState');

						}
						if (!$('email').getValue()) {
							$('em_sp').appear({ duration: 0.3 });
							$('email').removeClassName('textfieldValidState');
							$('email').addClassName('textfieldRequiredState');
							error=1;
						}
						else {
							if (validateEmail($('email').getValue())==null) {
								$('email').removeClassName('textfieldValidState');
								$('email').addClassName('textfieldRequiredState');
								$('em_sp').setStyle({display: 'none'});
								$('em_sp2').appear({ duration: 0.3 });
								error=1;
							}	
							else {
								$('em_sp2').setStyle({display: 'none'});
								$('em_sp').setStyle({display: 'none'});
								$('email').removeClassName('textfieldRequiredState');
								$('email').addClassName('textfieldValidState');
							}
						}
						if (!$('comentario').getValue()) {
							$('comentario').removeClassName('textareaValidState');
							$('comentario').addClassName('textareaRequiredState');
							$('com_sp').appear({ duration: 0.3 });
							error=1;
						}
						else {
								$('com_sp').setStyle({display: 'none'});
								$('comentario').removeClassName('textareaRequiredState');
								$('comentario').addClassName('textareaValidState');
						}
						
						if (error==0) {
							
							$('feedback').appear({ duration: 0.3 });
						// we stop the default submit behaviour
						
						var oOptions = {
							method: "POST",
							parameters: Form.serialize("contactForm"),
							asynchronous: true,
							onFailure: function (oXHR) {
								$('feedback').update('<div style="height:125px;" onClick="mostrar(\'feedback\');">'+oXHR.statusText+'</div>');
							},
							onLoading: function (oXHR) {
								$('feedback').update('<p>Procesando ... <img src="img/loading_indicator.gif" title="Cargando..." alt="Cargando..." border="0" /></p>');
							},							
							onSuccess: function(oXHR) {
							   $('feedback').update('<div style="height:125px;" onClick="mostrar(\'feedback\');">'+oXHR.responseText+'</div>');
							}				
						};
						var oRequest = new Ajax.Updater({success: oOptions.onSuccess.bindAsEventListener(oOptions)}, "email.php", oOptions);
						
						}
					}
					Event.observe('submitButton', 'click', sendForm, false);
					
					///
					function sendForm2(event){
						error =0;
						Event.stop(event);
						//validar
						if (!$('nombre2').getValue()) {
							$('nom_sp2').appear({ duration: 0.3 });
							$('nombre2').removeClassName('textfieldValidState');
							$('nombre2').addClassName('textfieldRequiredState');
							error=1;
						}
						else {
							$('nom_sp2').setStyle({display: 'none'});
							$('nombre2').removeClassName('textfieldRequiredState');
							$('nombre2').addClassName('textfieldValidState');

						}
						if (!$('email2').getValue()) {
							$('em_spx').appear({ duration: 0.3 });
							$('email2').removeClassName('textfieldValidState');
							$('email2').addClassName('textfieldRequiredState');
							error=1;
						}
						else {
							if (validateEmail($('email2').getValue())==null) {
								$('email2').removeClassName('textfieldValidState');
								$('email2').addClassName('textfieldRequiredState');
								$('em_spx').setStyle({display: 'none'});
								$('em_sp22').appear({ duration: 0.3 });
								error=1;
							}	
							else {
								$('em_sp22').setStyle({display: 'none'});
								$('email2').removeClassName('textfieldRequiredState');
								$('email2').addClassName('textfieldValidState');
							}
						}
						if (!$('comentario2').getValue()) {
							$('comentario2').removeClassName('textareaValidState');
							$('comentario2').addClassName('textareaRequiredState');
							$('com_sp2').appear({ duration: 0.3 });
							error=1;
						}
						else {
								$('com_sp2').setStyle({display: 'none'});
								$('comentario2').removeClassName('textareaRequiredState');
								$('comentario2').addClassName('textareaValidState');
						}
						
						if (error==0) {
							
							$('feedback2').appear({ duration: 0.3 });
						// we stop the default submit behaviour
						
						var oOptions = {
							method: "POST",
							parameters: Form.serialize("contactForm2"),
							asynchronous: true,
							onFailure: function (oXHR) {
								$('feedback2').update('<div style="height:125px;" onClick="mostrar(\'feedback2\');">'+oXHR.statusText+'</div>');
							},
							onLoading: function (oXHR) {
								$('feedback2').update('<p>Procesando ... <img src="img/loading_indicator.gif" title="Cargando..." alt="Cargando..." border="0" /></p>');
							},							
							onSuccess: function(oXHR) {
							   $('feedback2').update('<div style="height:125px;" onClick="mostrar(\'feedback2\');">'+oXHR.responseText+'</div>');
							}				
						};
						var oRequest = new Ajax.Updater({success: oOptions.onSuccess.bindAsEventListener(oOptions)}, "email.php", oOptions);
						
						}
					}
					Event.observe('submitButton2', 'click', sendForm2, false);
					
					
				});	
// ]]>

function validateEmail(email) 
{ 
 var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
 return email.match(re) 
};