/*

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

var user_given = '';

function httpr(){
	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 lost_pass(){
	    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=='' || pas.value=='Email'){
			response1.innerHTML = "<font color=red>Provide your email address</font>";
			pas.focus();
		}
		else{
			response1.innerHTML = "Use the form to recover password";
			
			request = httpr();
			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())){ 
						 var str = request.responseText;
						 if(str.indexOf("been sent to") != -1){
							 us.value = 'username';
							 pas.value = 'Email';
						 }
						 
						 response1.innerHTML  = request.responseText;
						  
					 }
			 }
			 
			 request.open('GET', 'pass_new_send.php?user='+us.value+'&email='+pas.value, true);
			 request.send(null);
			}
		}
}

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 = httpr();
			if(request){
			  request.onreadystatechange = function(){
				
					 if(request.readyState == 1) {
						response1.innerHTML = "<img src='sms/imgs/loader.gif' /><font color=blue>A moment please ... </font>";					
					 }
					 if(request.readyState == 4 && /^(200|304)$/.test(request.status.toString())){
						 response1.innerHTML = ""; 
						 
						 var str = request.responseText;
						 var s2 = str.split(",");
						 if(s2[0].indexOf('yes') == -1)
						   response1.innerHTML = "<font color=red>Please make sure you have registered.</font>";
						 else{ 
						 	 response1.innerHTML = "<img src='sms/imgs/loader.gif' /><font color=green>Loging in ...</font>";
							 createCookie("relay_user_email",s2[1], 0.4);
							 window.location = 'sms/home.php';
						 }
					 }
			 }
			 
			 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'); 
		
		 
			request = httpr();
			if(request){
			  request.onreadystatechange = function(){ 
					 if(request.readyState == 4 && /^(200|304)$/.test(request.status.toString())){ 
					    
						  response2.innerHTML = request.responseText; 
					 }
			 }
			 
			 request.open('GET', 'valid.php?status=starting', true);
			 request.send(null);
			} 

}

function switch_form(typ){ 
	var d = document.getElementById('account_content');
	var bn = document.getElementById('frm_btn');
	var btn = document.getElementById('lbtn');
		
	if(typ == 'login'){
		var lost = "'lost'";
		bn.innerHTML = "<a href=# onclick=\"switch_form('register')\" title='Click to register'>Register</a>";
        if(btn)btn.innerHTML = "<a href=# onclick=\"switch_lost('lost')\" title='Click to switch form>Lost password</a>";
		
		d.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="'+(user_given?user_given:"username")+'" size="23" /> <br /> <span id=em><input type=password name=pass size=16 /></span>  <input type=button name=post style="width:40px;" onclick="login()" class=btn value="Go" />  </form>  <p id=lbtn><a style="color:#000;" href="#" onclick="switch_form('+lost+')" title="Click to switch form">Lost password?</a></p>';
	}
	else if(typ == 'register'){
		bn.innerHTML = "<a href=# onclick=\"switch_form('login')\" title='Click to login'>Login</a>";
		d.innerHTML = "<div id='account_chk' style='font-size:11px'>Use the form to register</div><form method='' name='reg_form'><table><tr><td><input type=text name=sname value='Your name' title='Your Name here' onfocus=\"focused(this, 'Your name')\" onblur=\"blurred(this, 'Your name')\" /></td> </tr>  <tr><td><input type=text name=email title='Your valid email address' value='Email' onfocus=\"focused(this, 'Email')\" onblur=\"blurred(this, 'Email')\" /></td> </tr> <tr><td><input type=text name=phone title='Your valid phone number' value='2567' onfocus=\"focused(this, '')\" onblur=\"blurred(this, '2567')\" /></td> </tr> <tr><td><input type=text name=dist value='District' title='The district in which you work' onfocus=\"focused(this, 'District')\" onblur=\"blurred(this, 'District')\" /></td> </tr><tr><td><input type=text name=street title='The street' value='Street' onfocus=\"focused(this, 'Street')\" onblur=\"blurred(this, 'Street')\" /></td> </tr> <tr><td><input type=text name=username title='Your desired username (no spaces)' value='Username' onfocus=\"focused(this, 'Username')\" onblur=\"blurred(this, 'Username')\" /></td> </tr> <tr><td><input type=button name=btn class=btn value='Register' onclick='register_relay()' /></td> </tr></table></form>";
	}
	else if(typ == 'lost'){ 
	var Email = "'Email'";
	var login = "'login'";
	
        btn.innerHTML = "<a href=# onclick=\"switch_lost('login')\" title='Click to switch form>Login</a>";
		
		d.innerHTML = '<span id="account_chk" style="font-size:11px">Use the form to recover password</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 /> <span id=em><input type=text name=pass value="Email" onfocus=\"focused(this, '+Email+')\" onblur=\"blurred(this, '+Email+')\" size=16 /></span>  <input type=button name=post style="width:40px;" onclick="lost_pass()" class=btn value="Go" />  </form>  <p id=lbtn><a style="color:#000;" href="#" onclick="switch_form('+login+')" title="Click to switch form">Login</a></p>';
	}
}

function focused(n, v){ if(n.value == v) n.value ='';}
function blurred(n, v){ if(n.value == '') n.value = v;}

function register_relay(){
	f = document.reg_form;
	var p= f.email.value.indexOf("@");
   		dt = f.email.value.indexOf(".");
	var response1 = document.getElementById('account_chk');
		
		if(f.sname.value == '' || f.sname.value == 'Your name'){
			response1.innerHTML = "<font color=red>Provide your name</font>";
		    alert_dazzling(response1);
			f.sname.focus();
		}
		else if( p<2 || p==(f.email.value.length-1) || p==dt-1 ||(dt == -1 || dt==(f.email.value.length-1))){
     	 response1.innerHTML = "<font color=red>Invalid e-mail.</font>";
		 alert_dazzling(response1);
	 	 f.email.focus();
   	    }
		else if(f.phone.value == '' || f.phone.value == '2567'){
			response1.innerHTML = "<font color=red>Provide your phone number</font>";
		    alert_dazzling(response1);
			f.phone.focus();
		}
		else if(f.phone.value.length != 12){
			response1.innerHTML = "<font color=red>Provide a valid phone number eg. 2567xxxxxxx</font>";
		    alert_dazzling(response1);
			f.phone.focus();
		}
		else if(f.dist.value == '' || f.dist.value == 'District'){
			response1.innerHTML = "<font color=red>Provide your residence district</font>";
		    alert_dazzling(response1);
			f.dist.focus();
		}
		else if(f.username.value == '' || f.username.value == 'Username'){
			response1.innerHTML = "<font color=red>Provide a username</font>";
		    alert_dazzling(response1);
			f.username.focus();
		}
		else if(f.username.value.indexOf(' ') != -1){
			response1.innerHTML = "<font color=red>No spaces allowed for username</font>";
		    alert_dazzling(response1);
			f.username.focus();
		}
		else{
			response1.innerHTML = "Use the form to register";			
			request = httpr();
			
			if(request){
			  request.onreadystatechange = function(){
				
					 if(request.readyState == 1) {
						response1.innerHTML = "<font color=blue>A moment please ... </font>";	
						f.btn.disabled = true;
					 }
					 if(request.readyState == 4 && /^(200|304)$/.test(request.status.toString())){
						f.btn.disabled = false;
						 response1.innerHTML = ""; 
						 
						 var str = request.responseText;
						 if(str.indexOf('er=ok') == -1) response1.innerHTML = str;
						 else{  
						    response1.innerHTML = "<font color=green>You can now login</font><br /><font color=blue>Password sent to your tel. number and email</font>";
							user_given = f.username.value;
						    setTimeout("switch_form('login');", 4000);
						 }
					 }
			 }
			 
			 request.open('GET', 'register_web.php?user='+f.username.value+'&email='+f.email.value+'&tel='+f.phone.value+'&nam='+f.sname.value+'&dis='+f.dist.value+'&str='+f.street.value, true);
			 request.send(null);
			}
		}
}

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

function getout(){	    		 
		var response2 = document.getElementById('account_content');  
			request = httpr();
			if(request){
			  request.onreadystatechange = function(){ 
					 if(request.readyState == 4 && /^(200|304)$/.test(request.status.toString())){ 
					     //starting();
					 }
			 }
			 
			 request.open('GET', 'login_new.php?task=out', true);
			 request.send(null);
			}
}
function get_ans(num){	    		 
		var re = document.getElementById('answer');  
			request = httpr();
			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.explode("-");
   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 =  httpr();
	var re = document.getElementById('error'); 
	
	if(d.name.value == ''){		
     	re.innerHTML = "<font color=red>Provide your name.</font>";
		d.name.style.background = "brown";
		 alert_dazzling(re);
	 	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";
		 alert_dazzling(re);
	 	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";
		 alert_dazzling(re);
	 	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";
		 alert_dazzling(re);
	 	d.email.focus();
   	}
	
	else if(d.message.value.length == 0){
		re.innerHTML = "<font color=red>Provide your message.</font>";
		d.message.style.background = "brown";
		 alert_dazzling(re);
	 	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 = httpr();
			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);
			}
}


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

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


function save_it(){	    		 
		var response2 = document.getElementById('er'); 
		var f = document.frm_f;
		
			request = httpr();
			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>";						 
						   f.msg.disabled = true;
						   f.nam.disabled = true;
						   f.post.disabled = true;
					 }
					  
					 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("er").innerHTML = "";', 2000);
						   f.msg.disabled = false;
						   f.nam.disabled = false;
						   f.post.disabled = false;
					   }
					   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;
}