// JavaScript Document

window.onload = function()
{
  //document.setHomePage("http://www.juwumi.com/new09/");
  var response = document.getElementById('response');
  var frm = document.msg_form;
  var button = frm.btn_go;
  
  var tel = frm.number;
  var nam = frm.subject;
  var msg = frm.message;
  
  var telId = document.getElementById('num');
  var namId = document.getElementById('sub');
  var msgId = document.getElementById('message');
  
   
  disable_btn(button);
  tel.value='2567';
  nam.value='name';
  msg.value='';
	  
   tel.disabled=false;
   nam.disabled=false;
   msg.disabled=false;
			
  tel.onKeyUp = function(){
	   var code = this.value.charCodeAt(0);
	   if(code==48){ 	      		  	   
			   this.value.substring(2);			  
		       this.value="";
		 }
  };
  
  //tel.onkeydown = tel.onKeyUp;
  
   tel.onfocus = function(){
	   telId.style['border'] = '1px solid #2B5001';
	    telId.style['background'] = '#FE7E00';
	   if(tel.value == ""){
		  tel.value = "2567"
	   }
   };
   
  tel.onblur = function(){
	   telId.style['border'] = '1px solid #CCCCCC';
	   telId.style['background'] = '#FFFFFF';
	   if(tel.value == "" || tel.value == "2567"){
		 disable_btn(button);
	   }
	if(tel.value != "2567" && tel.value != ""){
		   clear_btn(button);
	   }	  
   };
   
 nam.onblur = function (){
	 	
	namId.style['border'] = '1px solid #CCCCCC';
	this.style['background'] = '#FFFFFF';
	if(nam.value == "" || nam.value == "name"){
		 this.value = "name";
		 disable_btn(button);
	   }
	if(this.value != "name" && this.value != "") clear_btn(button); 
 };
 
 nam.onfocus = function(){
	  namId.style['border'] = '1px solid #2B5001';	
	  this.style['background'] = '#FE7E00';
	  if(this.value == 'name') this.value = ""; 
 };
   
 msg.onfocus = function(){				// the textarea message
	   msgId.style['border'] = '1px solid #2B5001';
	  
	   	
 };
	
 msg.onblur = function(){
	msgId.style['border'] = '1px solid #CCCCCC';
	
	if(msg.value == "") disable_btn(button); 
	if(msg.value != "") clear_btn(button); 
 };	
 

	
  button.onclick = function()
  {
    
    var request = null;
    if(typeof window.XMLHttpRequest != 'undefined')
    {
      request = new XMLHttpRequest();
    }
    else if(typeof window.ActiveXObject != 'undefined')
    {
      try { 
	    request = new ActiveXObject('Microsoft.XMLHTTP'); 
	  }
      catch(err) { request = null; }
    }

	if(request == null) request = new XMLHttpRequest();
	 
	var reply = document.getElementById('reply');
	
	if(tel.value.length!=12 ){
		   disable_btn(this);
		   reply.innerHTML = "<font color=red>Enter phone number with 12 digits!</font>";
		   tel.focus();
		   return false;
	}
	else if(isNaN(tel.value)){
		   disable_btn(this);
		   reply.innerHTML = "<font color=red>Only figures for phone number!</font>";
		   tel.focus();
		   return false;
	}
	else if(nam.value =="" || nam.value =="name"){
		   disable_btn(this); 
		   reply.innerHTML = "<font color=red>Your name please!</font>";
		   nam.focus();
		   return false;
	}
	else if(msg==""){
		   disable_btn(this);
		   reply.innerHTML = "<font color=red>Your message please!</font>";
		   msg.focus();
		   return false;
	}
	else{
    if(request != null) {
		var timedout = false;
      request.onreadystatechange = function(){
		if(request.readyState == 1) {
			 toolong = window.setTimeout( function(){
				if( request.readyState == 1 ) {
				  timedout = true;
				  request.abort(); // 
				  response.innerHTML = '<font color=red>Taking too long, <br>send again</font>';
				  this.disabled = false;
				  tel.disabled=false;
				  nam.disabled=false;
				  msg.disabled=false;
				}
			}, 20000 );
			response.innerHTML = "<font color=blue>Please wait ...</font>";
			tel.disabled=true;
			nam.disabled=true;
			msg.disabled=true;
			this.value = "<font color=blue> wait ...</font>";
		}
        if(request.readyState == 4 && /^(200|304)$/.test(request.status.toString())){
		   window.clearTimeout( toolong );
          response.innerHTML = request.responseText;
	     	this.value='a moment';
		    tel.disabled=false;  tel.value='2567';
			nam.disabled=false;  nam.value='name';
			msg.disabled=false;  msg.value='';	
			reply.innerHTML = '';
        }
      }
      request.open('GET', 'juwu3.php?msg='+msg.value+'&tel='+tel.value+'&name='+nam.value, true);
      request.send(null);
    }
	
	
   } // all is well

 

    //return false;
  };
  
 
    
};

function disable_btn(d){  
	  d.disabled = true;
	  d.style["color"] = "red";		  
	  d.style['background'] = 'url(images/button_disabled.jpg) no-repeat';
	  d.value="send sms";
	}
	
function clear_btn(d){
	  d.disabled = false;
	  d.value="send sms"; 
	  d.style['background'] = 'url(images/button_enabled.jpg) no-repeat';
	  d.style['border'] = '0';
	  d.style["color"] = "green";
	}

	
	
function textCounter(field, maxlimit) {
	var space = document.getElementById('chars');
	if (field.value.length > maxlimit) // if too long...trim it!
		field.value = field.value.substring(0, maxlimit);
	else
		space.innerHTML = maxlimit - field.value.length;
}




	// JavaScript Document