// JavaScript Document

/*

 Magezi Solutions Ltd
 All rights reserved
 Copyright (c) 2009
 By: Ronald Lukwago designs@magezi.net
 
*/

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

function login(){	    		
		var response1 = document.getElementById('account_chk');
		var response2 = document.getElementById('account_content');
		var f = document.frm;
		var us = f.username;
		var pas = f.pass;
		
		if(us.value == '' || us.value == 'username'){
			response1.innerHTML = "<font color=red>Provide a username</font>";
			us.focus();
		}
		else if(pas.value==''){
			response1.innerHTML = "<font color=red>Provide your password</font>";
			pas.focus();
		}
		else{
			response1.innerHTML = "Use the form to Login";
			
			request = XHTTPR();
			if(request){
			  request.onreadystatechange = function(){
				
					 if(request.readyState == 1) {
						response1.innerHTML = "<font color=blue>A moment please ... </font>";					
					 }
					 if(request.readyState == 4 && /^(200|304)$/.test(request.status.toString())){
						 response1.innerHTML = ""; 
						 if(request.responseText == 'no')
						   response1.innerHTML = "<font color=red>Please make sure you have registered.</font>";
						 else{
							 var str = request.responseText;
							 var s2 = str.split(","); 
							 createCookie("relay_user_email",s2[1], 0.4);
							 starting();
						 }
					 }
			 }
			 
			 request.open('GET', 'login_new.php?user='+us.value+'&pass='+pas.value, true);
			 request.send(null);
			}
		}
}
function get_value1(a){
	if(a.value == 'username') a.value = '';
}
function get_value2(a){
	if(a.value == '') a.value = 'username';
}

function starting(){	
        var email = readCookie("relay_user_email");
		var response2 = document.getElementById('account_content'); 
		
		if(!email){ 
		 response2.innerHTML = '<span id="account_chk" style="font-size:11px">Use the form to Login</span><br /><form method="post" action="" name="frm"> <input type="text" name="username" onfocus="get_value1(this);" onblur="get_value2(this);" value="username" size="23" /> <br /> <input type=password name=pass size=16 />  <input type=button name=post style="width:40px;" onclick="login()" value="Go" />  </form>  <p>&nbsp;</p>';
		}
		else{ 
			request = XHTTPR();
			if(request){
			  request.onreadystatechange = function(){ 
					 if(request.readyState == 4 && /^(200|304)$/.test(request.status.toString())){ 
					    
						  response2.innerHTML = request.responseText; 
					 }
			 }
			 
			 request.open('GET', 'valid.php?email='+email, true);
			 request.send(null);
			} 
		}
}

function show_login(){
	eraseCookie("relay_user_email")
	starting();
}

function getout(){	    		 
		var response2 = document.getElementById('account_content');  
			request = XHTTPR();
			if(request){
			  request.onreadystatechange = function(){ 
					 if(request.readyState == 4 && /^(200|304)$/.test(request.status.toString())){ 
					    if(request.responseText == '')
						  show_login(); 
					 }
			 }
			 
			 request.open('GET', 'q.php', true);
			 request.send(null);
			}
}
function get_ans(num){	    		 
		var re = document.getElementById('answer');  
			request = XHTTPR();
			if(request){
			  request.onreadystatechange = function(){ 
					 if(request.readyState == 1){
					  re.innerHTML = "<p align=center>Loading ...</p>";
					}
					if(request.readyState == 4 && /^(200|304)$/.test(request.status.toString())){
					  re.innerHTML = request.responseText;
					}
			 }
			 
			 request.open('GET', 'q.php?answer='+num, true);
			 request.send(null);
			}
}
function dte(date){
   var s = date.split("-");
   var mon = new Array('', 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
   
   return s[2]+superscript(s[2])+" "+mon[s[1]]+" "+ s[0];   
}

function superscript(day){
	if(day == 1 || day == 21 || day == 31) return "st";
	else if(day == 2 || day ==22)  return "nd";
	else if(day ==3 || day ==23) return "rd";
	else return "th";
}


function send_conact(){
	
	var d = document.frm_c;
	var p= d.email.value.indexOf("@");
   		dt = d.email.value.indexOf(".");
	for(var j = 0; j < d.elements.length-1; j++ )	{
		 d.elements[j].style.background = "#999";
	}
	var request =  XHTTPR();
	var re = document.getElementById('error'); 
	
	if(d.name.value == ''){		
     	re.innerHTML = "<font color=red>Provide your name.</font>";
		d.name.style.background = "brown";
	 	d.name.focus();
	} 	
	else if(d.phone.value && isNaN(d.phone.value)){		
     	re.innerHTML = "<font color=red>Mobile Number must be an integer.</font>";
		d.phone.style.background = "brown";
	 	d.phone.focus();
	}
	else if(d.email.value.length == 0){
		re.innerHTML = "<font color=red>Provide an e-mail address.</font>";
		d.email.style.background = "brown";
	 	d.email.focus();
	}
	else if( p<2 || p==(d.email.value.length-1) || p==dt-1 ||(dt == -1 || dt==(d.email.value.length-1))){
     	re.innerHTML = "<font color=red>Invalid e-mail.</font>";
		d.email.style.background = "brown";
	 	d.email.focus();
   	}
	
	else if(d.message.value.length == 0){
		re.innerHTML = "<font color=red>Provide your message.</font>";
		d.message.style.background = "brown";
	 	d.message.focus();
	}
	else{
	
	if(request != null) {
      request.onreadystatechange = function(){
		if(request.readyState == 1){
          re.innerHTML = "<p align=center>Loading ...</p>";
		  d.send.disabled = true;
        }
        if(request.readyState == 4 && /^(200|304)$/.test(request.status.toString())){
          re.innerHTML = request.responseText;
		  d.name.value=''
		  d.phone.value=''
		  d.message.value=''
		  d.email.value=''
		  d.send.disabled = false;
        }
      }
      request.open('GET', 'contact.php?name='+d.name.value+'&subject='+d.subject.value+'&tel='+d.phone.value+'&email='+d.email.value+'&msg='+d.message.value, true);
      request.send(null);
	}
  }
	
}


function get_testimonies(){	    		 
		var response2 = document.getElementById('testimonies');  
			request = XHTTPR();
			if(request){
			  request.onreadystatechange = function(){ 
					 if(request.readyState == 4 && /^(200|304)$/.test(request.status.toString())){ 
					   response2.innerHTML = request.responseText;
					 }
			 }
			 
			 request.open('GET', 'testimonies.php', true);
			 request.send(null);
			}
}

window.onload = function() {
	 get_testimonies();
	 starting();
} 


function save_it(){	    		 
		var response2 = document.getElementById('er'); 
		var f = document.frm_f;
		
			request = XHTTPR();
			if(f.nam.value == '' || f.nam.value == 'Your name'){
				response2.innerHTML = '<font color=red>Your name please</font>';
				f.nam.focus();
			}
			else if(f.msg.value == ''){
				response2.innerHTML = '<font color=red>A message please</font>';
				f.msg.focus();
			}
			else if(request){
			  request.onreadystatechange = function(){ 
			         if(request.readyState == 1) response2.innerHTML = "<font color=green>Processing message ... </font>";
					  
					 if(request.readyState == 4 && /^(200|304)$/.test(request.status.toString())){ 
					   var txt = request.responseText; 
					   if(txt.indexOf('ok') != -1){  
					       response2.innerHTML = "<font color=green>Message saved, thanks.</font>";
						   setTimeout('document.getElementById("feed").innerHTML = "";', 2000);
					   }
					   else response2.innerHTML = "<font color=red>Message not saved<br />Try again later.</font>";
					 }
			 }
			 
			 request.open('GET', 'post_feed.php?msg='+f.msg.value+'&nam='+f.nam.value, true);
			 request.send(null);
			}
}

function show_feed(name){
	var show = document.getElementById('feed').innerHTML;
	 	
	if(!show){
		document.getElementById('feed').innerHTML = "<div id=er><br /></div><form method=post name=frm_f> <table align=center>   <tr> <td align=center colspan=2><input type=text name=nam size=26 value='"+ name +"' onfocus=\"if(this.value=='Your name') this.value = '';\" onblur=\"if(this.value=='') this.value = 'Your name';\" /></td> </tr> <tr> <td align=center colspan=2><textarea name=msg cols=10 rows=8 onkeydown=\"textCounter(this,130, 'chars1');\" onkeyup=\"textCounter(this,130, 'chars1');\"  ></textarea> </td> </tr> <tr><td><span id='chars1'>130</span> characters left </td> <td align=right> <input onclick='save_it();' type=button class=btn name=post value=Send /></td> </tr>	  </table>	 </form>   "; 
	}
	else 
		document.getElementById('feed').innerHTML = "";
}

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