function getXMLHTTPRequest() {

	try {
		req = new XMLHttpRequest();
	} catch(err1) {
		try {
			req = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (err2) {
			try {
				req = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (err3) {
				req = false;
			}
		}
	}
	return req;
}

var http = getXMLHTTPRequest();


function disableBox(selectbox) {
	selectbox.disabled=true;
}

function enableBox(selectbox) {
	selectbox.disabled=false;
}

function clearOption(selectbox){

     for (var i = (selectbox.options.length-1); i >= 0; i--){
         selectbox.options[i]=null;
     }     
}

function addOption(selectbox, text, value) {

	var optn = document.createElement("OPTION");
	optn.text = text;
	optn.value = value;
	selectbox.options.add(optn);
	
}



function getCaregroup() {		
	
	var c = document.getElementById('churchList');
	var cg = document.getElementById('caregroupList');
	var cg1 = document.getElementById('caregroupList1');
	var cg2 = document.getElementById('caregroupList2');
	var cg3 = document.getElementById('caregroupList3');
	var cg4 = document.getElementById('caregroupList4');
	var cg5 = document.getElementById('caregroupList5');
	var cg6 = document.getElementById('caregroupList6');
	if (c.value=="") {
	
		clearOption(cg);
		clearOption(cg1);	
		clearOption(cg2);	
		clearOption(cg3);	
		clearOption(cg4);	
		clearOption(cg5);	
		clearOption(cg6);											
		addOption(cg, ' --- Please choose --- ', '');
		addOption(cg1, ' --- Please choose --- ', '');
		addOption(cg2, ' --- Please choose --- ', '');
		addOption(cg3, ' --- Please choose --- ', '');
		addOption(cg4, ' --- Please choose --- ', '');
		addOption(cg5, ' --- Please choose --- ', '');
		addOption(cg6, ' --- Please choose --- ', '');		
		disableBox(cg);
		disableBox(cg1);
		disableBox(cg2);
		disableBox(cg3);
		disableBox(cg4);
		disableBox(cg5);
		disableBox(cg6);
		
	} else {
	
		var script = 'ajax-getCaregroup.php';
		myRand = parseInt(Math.random()*999999999999999);
		var modurl = script+"?&church="+c.value+"&rand="+myRand;
		http.open("GET", modurl, true);
		http.onreadystatechange = returnCaregroup;
		http.send(null);
	}

}

function returnCaregroup() {
	
	var s = document.getElementById('caregroupList');
	var s1 = document.getElementById('caregroupList1');
	var s2 = document.getElementById('caregroupList2');
	var s3 = document.getElementById('caregroupList3');
	var s4 = document.getElementById('caregroupList4');
	var s5 = document.getElementById('caregroupList5');
	var s6 = document.getElementById('caregroupList6');
	if (http.readyState == 4) {

		if (http.status == 200) {
			
			var mytext = http.responseText.split("|");				
			
			clearOption(s);
			clearOption(s1);
			clearOption(s2);
			clearOption(s3);
			clearOption(s4);
			clearOption(s5);
			clearOption(s6);
			addOption(s, " --- Please choose --- ", "");
			addOption(s1, " --- Please choose --- ", "");
			addOption(s2, " --- Please choose --- ", "");
			addOption(s3, " --- Please choose --- ", "");
			addOption(s4, " --- Please choose --- ", "");
			addOption(s5, " --- Please choose --- ", "");
			addOption(s6, " --- Please choose --- ", "");
			for (var i=0;i<mytext.length-1;i++) {
				var selvalue = mytext[i].split("#");
				addOption(s, selvalue[0], selvalue[1]);
				addOption(s1, selvalue[0], selvalue[1]);
				addOption(s2, selvalue[0], selvalue[1]);
				addOption(s3, selvalue[0], selvalue[1]);
				addOption(s4, selvalue[0], selvalue[1]);
				addOption(s5, selvalue[0], selvalue[1]);
				addOption(s6, selvalue[0], selvalue[1]);
			}
						
			enableBox(s);	
			enableBox(s1);	
			enableBox(s2);	
			enableBox(s3);	
			enableBox(s4);	
			enableBox(s5);	
			enableBox(s6);	
		
		}
	} else {
		s.options[0]=new Option('Loading caregroup...', '0');
		s1.options[0]=new Option('Loading caregroup...', '0');
		s2.options[0]=new Option('Loading caregroup...', '0');
		s3.options[0]=new Option('Loading caregroup...', '0');
		s4.options[0]=new Option('Loading caregroup...', '0');
		s5.options[0]=new Option('Loading caregroup...', '0');
		s6.options[0]=new Option('Loading caregroup...', '0');
		disableBox(s);		
		disableBox(s1);		
		disableBox(s2);		
		disableBox(s3);		
		disableBox(s4);		
		disableBox(s5);		
		disableBox(s6);		
	}

}

function show(id) {
	document.getElementById(id).style.display="";
}

function hide(id) {
	document.getElementById(id).style.display="none";
}

function toggle(id) {
	
	var e = document.getElementById(id).style;
	
	if (e.display=='none') e.display='';
	else e.display='none';
}


   function changeColor(id) 
   {
		   var otherLink = new Array("id","date","name","location","type","ref","payment","action");
		   for(i =0;i<8;i++)
		   {
				
			     idname = otherLink[i] + id;
//				 alert("enter"+idname);
	             var curOne = document.getElementById(idname);				 
           	    curOne.style.backgroundColor = "#d9eecf";
           	    curOne.style.color = "#4a653c";           	    
		   }
	}
	
   function toNormal(id)
	{
		   var otherLink = new Array("id","date","name","location","type","ref","payment","action");
		   for(i =0;i<8;i++)
		   {

			     idname = otherLink[i] +  id;
				 //alert("exit"+idname);				 
	             var curOne = document.getElementById(idname);
           	    curOne.style.backgroundColor = "#ffffff";
           	    curOne.style.color = "#333333";           	    
		   }
	}
	
	

function popup(u)
 {
   mywindow = window.open (u, "mywindow","location=0,status=1,scrollbars=1, width=650,height=600");
   mywindow.moveTo(100,100);
 }