REGEX_AUTO_FIELD=/^[^_]+(_Req)?(_(Tel|Num|Int|Email|Url|Date))?$/;REGEX_BLANK=/^\s*$/;REGEX_EMAIL=/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-]{2,})+\.)+([a-zA-Z0-9]{2,})+$/;REGEX_TEL=/^([0-9]*\-?\ ?\/?[0-9]*)$/;REGEX_NUM=/^[-+]?\d+(\.\d+)?$/;REGEX_URL=/^(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/;REGEX_DAY=/^(0?[1-9]|[1-2][0-9]|3[01])$/;REGEX_MONTH=/^(0?[1-9]|1[0-2])$/;REGEX_YEAR=/^[0-9]{2,4}$/;REGEX_TYPED_FIELD=/_(Tel|Num|Int|Email|Url|Date)$/;var Protoform=Class.create({initialize:function(form,options){this.options={ajax:true}
Object.extend(this.options,options||{});this.form=$(form);this.formProcess=this.checkForm.bindAsEventListener(this);this.form.observe("submit",this.formProcess);this.hoverFocus();},hoverFocus:function(){this.form.select('input','textarea').each(function(item){Event.observe(item,'focus',function(){Element.addClassName(this,'hoverfocus');}.bind(item));Event.observe(item,'blur',function(){Element.removeClassName(this,'hoverfocus');}.bind(item));});},checkForm:function(event){Event.stop(event);var errors='';var faulty=null;if($('response')){$('response').remove();}
this.form.getElements().each(function(formElements){var value=($F(formElements)!=null)?$F(formElements):'';var idField=formElements.readAttribute('id')?formElements.readAttribute('id'):'';var typedField=idField.match(REGEX_TYPED_FIELD);var errorMessage=formElements.readAttribute('id');if(errorMessage=='name_Req'&&document.getElementById('captcha_true').checked){errorMessage='i want to know your <b>name</b>.';}
if(errorMessage=='contact_Req_Email'&&document.getElementById('captcha_true').checked){errorMessage='please enter a valid <b>email-address</b>.';}
if(errorMessage=='message_Req'&&document.getElementById('captcha_true').checked){errorMessage='dont you have a <b>message</b>?';}
if(!idField.match(REGEX_AUTO_FIELD)){return;}
if(idField.match(/_Req/)&&value.match(REGEX_BLANK)){errors+='<li>'+errorMessage+'</li>';faulty=faulty||formElements;return;}
if(typedField&&!value.match(REGEX_BLANK)){var type=typedField[1];var error=this.checkField(value,type);if(error){errors+='<li>'+errorMessage+'</li>';faulty=faulty||formElements;}}}.bindAsEventListener(this));if(errors==0&&document.getElementById('captcha_true').checked){if(this.options.ajax){this.sendData();}else{this.form.submit();}}else{if(!document.getElementById('captcha_true').checked){errors='<li>'+'YOU ARE NO HUMAN (or don\'t like maths)'+'</li>';}
if(!$('error')){this.form.insert({after:new Element('ul',{id:'error'}).update(errors)});document.getElementById('error').setAttribute('style','display:none;');if($('contact_arrow')){Effect.Fade('contact_arrow',{duration:0.5});}
window.setTimeout(function(){Effect.Appear('error',{duration:0.5});},500);}else{Effect.Fade('error',{duration:0.5});window.setTimeout(function(){$('error').update(errors);Effect.Appear('error',{duration:0.5});},500);}
faulty.focus();}},checkField:function(value,type){switch(type){case'Tel':var phone=value;if(!phone.match(REGEX_TEL)){return true;}
break;case'Num':var number=value;if(!number.match(REGEX_NUM)){return true;}
break;case'Tel':var phone=value;if(!phone.match(REGEX_TEL)){return true;}
break;case'Email':var address=value;if(!address.match(REGEX_EMAIL)){return true;}
break;case'Url':var resource=value;if(!resource.match(REGEX_URL)){return true;}
break;case'Date':var comps=value.split('/');if(3!=comps.length||!comps[0].match(REGEX_DAY)||!comps[1].match(REGEX_MONTH)||!comps[2].match(REGEX_YEAR)){return true;}
break;default:return null;}}.bind(this),sendData:function(event){var url=(this.options.url)?(this.options.url):this.form.readAttribute('action');var reqType=this.form.readAttribute('method');var pars=this.form.serialize();var myAjax=new Ajax.Request(url,{method:reqType,parameters:pars,onCreate:this.showLoad.bind(this),onComplete:this.getResponse.bind(this)});},showLoad:function(){if($('error')){Effect.Fade('error',{duration:0.5});}
if($('contact_arrow')){Effect.Fade('contact_arrow',{duration:0.5});}
this.form.insert({after:'<p id="working">loading...</p>'});document.getElementById('working').setAttribute('style','display:none;');window.setTimeout(function(){Effect.Appear('working',{duration:0.5});},500);},getResponse:function(transport){window.setTimeout(function(){Effect.Fade('working',{duration:0.5});},3000);var newData=transport.responseText;this.form.insert({after:newData});document.getElementById('response').setAttribute('style','display:none;');window.setTimeout(function(){Effect.Appear('response',{duration:0.5});Effect.Fade('send_button',{duration:0.5});},5500);}});