﻿function focusLabels() {
  if (!document.getElementsByTagName) return false;
  var labels = document.getElementsByTagName("label");
  for (var i=0; i<labels.length; i++) {
    if (!labels[i].getAttribute("for")) continue;
    labels[i].onclick = function() {
      var id = this.getAttribute("for");
      if (!document.getElementById(id)) return false;
      var element = document.getElementById(id);
      element.focus();
    }
  }
}

function validateForm() {
  var thisform = document.forms[0];
  for (var i=0; i<thisform.elements.length; i++) {
    var element = thisform.elements[i];
    if (element.className.indexOf("required") != -1) {
      element.onblur = function() {
      
       if (!isFilled(this) && this.id == "name") {
          $("vName").className="error";
          $("vName").innerHTML = "请输入您的名称";
        } else if (isFilled(this) && this.id == "name") {
          $("vName").className="success";
        }
        
        if (!isFilled(this) && this.id == "email") {          
          $("vEmail").className="error";          
          $("vEmail").innerHTML = "请输入您的邮件地址";           
        } else if (!isEmail(this) && this.id == "email") {            
            $("vEmail").className="error"; 
            $("vEmail").innerHTML = "请输入正确的邮件地址";           
        } else if (isEmail(this) && this.id == "email") {
            $("vEmail").className="success";                    
        }  
        
        if (this.value == "http://" && this.id == "website") {          
          $("vUrl").className="hidden";          
        } else if (this.value != "http://" && this.id == "website") {
          if (!isUrl(this) && this.id == "website") {            
            $("vUrl").className="error";  
            $('vUrl').innerHTML = "请输入正确的网站地址";          
          } else if (isUrl(this) && this.id == "website") {
            $("vUrl").className="success";            
          }          
        }  
        
        if (!isFilled(this) && this.id == "message") {
          $("vMsg").className="error";   
          $("vMsg").innerHTML="请提供一些关于您的项目或计划在功能、需求等方面的基本描述";        
        } else if (isFilled(this) && this.id == "message") {
          $("vMsg").className="success";
        }       
      }     
    }    
  }
  return true;
}

function isFilled(field) {
  if (field.value.length < 1 || field.value == field.defaultValue) {
    return false;
  } else {
    return true;
  }
}
function isUrl(field) {
    var ptn=/http:\/\/([\w-]+\.)+[\w-]+(\/[\w-   .\/?%&=]*)?/;
    return ptn.test(field.value)
}
function isEmail(field) {
 var regmail = /\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/g;
 return regmail.test(field.value)
}

window.addEvent('domready', function(){
    $('contactForm').addEvent('submit', function(e) {
	
	    new Event(e).stop();
				
    	var errorCount = 0;
        if ($('name').value == '') {
	        $("vName").className='error';
	        $("vName").innerHTML = "请输入您的名称";
	        errorCount += 1;
	    }
	    if ($('email').value == '') {
	        $("vEmail").className='error';
	        $("vEmail").innerHTML = "请输入您的邮件地址";           
	        errorCount += 1;	
	    } else {
	        if (!isEmail($('email'))){	
	            $("vEmail").className='error';  
	            $("vEmail").innerHTML = "请输入正确的邮件地址";
	            errorCount += 1;	
	        }
	    }
	    
	    if (!($('website').value == 'http://') && (!isUrl($('website')))){	  
	        $("vUrl").className='error';
	        $("vUrl").innerHTML = "请输入正确的网站地址";
	        errorCount += 1;	
	    }
	    
	    if ($('message').value == '') {
	        $("vMsg").className='error';
	        $("vMsg").innerHTML="请提供一些关于您的项目或计划在功能、需求等方面的基本描述"; 
	        errorCount += 1;
	    }	            
	    if (errorCount == 0) {
			
	        var log = $('loading').addClass('sending');
			    
        	$('loading').style.display = 'inline';			
	        $('btnSend').className ='submitD';
	        $('btnSend').disabled = true;	           
				
	        this.send({
	  	        onComplete: function() {						    
	    
	                $('btnSend').disabled = false;						    						    						    
				    
	                var fx = new Fx.Styles(log, {
	                    duration: 3000,
	                    wait: false,
	                    transition: Fx.Transitions.Quad.easeOut
                    });
    
                log.removeClass('sending');
                log.addClass('success');
                log.empty().innerHTML = '<img src="../images/successIcon.png" alt="success" width="207" height="32" />';						    
                fx.start({                			
		            'opacity': [500, 0]
		        })
                            
	            $('btnSend').className ='submit';
                $('company').value = '';
                $('email').value = '';
                $('message').value = '';
	            $('name').value = '';
	            $('website').value='http://';
	            $('vName').className = 'hidden';
	            $('vEmail').className = 'hidden';
	            $('vEmail1').className = 'hidden';
	            $('vMsg').className = 'hidden';	                        
	        }
	    });
	}
});
}); 



addLoadEvent(focusLabels);
addLoadEvent(validateForm);
