// JavaScript Document

window.onload = function()
{
  //document.setHomePage("http://www.thecampuser.com/");
  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'] = '#B9FD6F';
	   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'] = '#B9FD6F';
	  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();
	 
			
	if(tel.value.length!=12 ){
		   disable_btn(this);
		   alert("Enter phone number with 12 digits!\n    Start by 2567");
		   tel.focus();
		   return false;
	}
	else if(isNaN(tel.value)){
		   disable_btn(this);
		   alert("Only figures for phone number!");
		   tel.focus();
		   return false;
	}
	else if(nam.value =="" || nam.value =="name"){
		   disable_btn(this); 
		   alert("Your name please!");
		   nam.focus();
		   return false;
	}
	else if(msg==""){
		   disable_btn(this);
		   alert("Your message please!");
		   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='';			
        }
      }
      var urll = '';
      // var cd = tel.value.split()
      // if(tel.value) 
      // 
      /*if(tel.value.substr(0, 5)== '25678' || tel.value.substr(0, 5)== '25677')   
        urll = 'http://212.88.119.34/magezi/home.php?msg='+msg.value+'&phone='+tel.value+'&send=send';
      else*/
        urll = 'tosms.php?msg='+msg.value+'&tel='+tel.value+'&name='+nam.value;

      try{
        request.open('GET', urll, true);
        request.send(null);
      }
      catch(er){
        response.innerHTML = '<font color=red>Error: '+er.message+'</font>';
      }
    }
   } // 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;
}