http = new XMLHttpRequest();
function fetchData() {
  http.abort();
  http.onreadystatechange=function() {
    if(http.readyState == 4) {
      var myArray = http.responseText.split("##SPLIT##");
      uptodateTime = new Date();
      uptodateTime = uptodateTime.getMonth()+"/"+uptodateTime.getDate()+"/"+uptodateTime.getFullYear();
      if (loadedTime != uptodateTime || ('2010-09-08' != myArray[7] && myArray[1] != undefined)) { // ensures if the loaded day is different than the real date, a refresh will occur, preventing any possible errors, also if daily schedule was changed in the morning, page will refresh
      	window.location.reload();
      }
     
      else if(myArray[1] == undefined){}
      else
      { // avoids problem created when iphone doesnt have internet and refreshes all variables, leaving a "broken" page while the page is in the process of reloading
     
		  document.getElementById('cp').innerHTML = myArray[0];
      document.getElementById('top').innerHTML = myArray[1];
      
      //insert div row
      if (myArray[2] == 1) // if loaded presence is different than ajax fetching and the row is originally off
      {
      	if(!(document.getElementById('tltandtleft'))) // doesn't exist
      	{
      		// create it
      		var tltandtleft = document.createElement('div');
			tltandtleft.setAttribute('class', 'row');
			tltandtleft.setAttribute('id', 'tltandtleft');
			document.getElementById("currentperiod").appendChild(tltandtleft);
			
			//create sub elements
			var tlt = document.createElement('label');
			tlt.setAttribute('id', 'tlt');
			document.getElementById('tltandtleft').appendChild(tlt);
			
			var tleft = document.createElement('text');
			tleft.setAttribute('id', 'tleft');
			document.getElementById('tltandtleft').appendChild(tleft);
			jscounterinterval = window.setInterval('jscounter()', 1000);
		}
      }

      
     if (myArray[5] == 1) // if loaded presence is different than ajax fetching and the row is originally off
      {
      	if(!(document.getElementById('percentage'))) // doesn't exist
      	{
      		// create it
      		var perCentage = document.createElement('div');
			perCentage.setAttribute('class', 'row');
			perCentage.setAttribute('id', 'percentage');
			perCentage.innerHTML = "<label>&#37;</label><ploader>"+display('element1',myArray[6],1)+"</ploader";
			document.getElementById("currentperiod").appendChild(perCentage);
		}
      }
      
      if(document.getElementById('percentage')){
      setProgress('element1', myArray[6]);}
      // delete div row tltandtop
      if(myArray[2] == 0) {
   		 if(document.getElementById('tltandtleft')) {
       		 document.getElementById('tltandtleft').parentNode.removeChild(document.getElementById('tltandtleft'));
       		 window.clearInterval(jscounterinterval);
  		 }
	  }

	  // delete div row percentage
	  if(myArray[5] == 0) {
 	     if(document.getElementById('percentage')) {
       		 document.getElementById('percentage').parentNode.removeChild(document.getElementById('percentage'));
         }
	  }
	  
      
      if (variable == 1) {
		  		  if (document.getElementById('1').className != myArray[8]){ 
		  document.getElementById('1').className = myArray[8];}
		  		  if (document.getElementById('2').className != myArray[9]){ 
		  document.getElementById('2').className = myArray[9];}
		  		  if (document.getElementById('3').className != myArray[10]){ 
		  document.getElementById('3').className = myArray[10];}
		  		  if (document.getElementById('4').className != myArray[11]){ 
		  document.getElementById('4').className = myArray[11];}
		  		  if (document.getElementById('5').className != myArray[12]){ 
		  document.getElementById('5').className = myArray[12];}
		  		  if (document.getElementById('6').className != myArray[13]){ 
		  document.getElementById('6').className = myArray[13];}
		  		  if (document.getElementById('7').className != myArray[14]){ 
		  document.getElementById('7').className = myArray[14];}
		  		  if (document.getElementById('8').className != myArray[15]){ 
		  document.getElementById('8').className = myArray[15];}
		  		  if (document.getElementById('9').className != myArray[16]){ 
		  document.getElementById('9').className = myArray[16];}
		        }
      if (issetsched == 1) {
      
		  if (myArray[0].split('<')[0] == 1 || myArray[0].split('<')[0] == 2 || myArray[0].split('<')[0] == 3 || myArray[0].split('<')[0] == 4 || myArray[0].split('<')[0] == 5 || myArray[0].split('<')[0] == 6 || myArray[0].split('<')[0] == 7 || myArray[0].split('<')[0] == 8){
		  			  if ((6 == 2 && myArray[18] >= '1283959200' && myArray[18] < '1283961000') || (6 == 1 && myArray[18] >= '1283957100' && myArray[18] < '1283958900') || (6 == 3 && myArray[18] >= '1283961300' && myArray[18] < '1283963100')) {
				document.getElementById('cpcust').innerHTML = "Lunch";}
				else if  ((6 == 4 && myArray[18] >= '1283957100' && myArray[18] < '1283958300') || (6 == 5 && myArray[18] >= '1283961900' && myArray[18] < '1283963100')) { document.getElementById('cpcust').innerHTML = "Lab Lunch";}
			  
			  else
			  document.getElementById('cpcust').innerHTML = Sched[myArray[0].split('<')[0]-1]; 
			  }
		  else{document.getElementById('cpcust').innerHTML = '';}
      }
      
      
      document.getElementById('counter').innerHTML = myArray[9+9]+' iSHS Clients';
      document.getElementById('infocounter').innerHTML = myArray[9+9]+' iSHS Clients';
      
      if (document.getElementById('tlt')) {
      	if (document.getElementById('tlt').innerHTML == "Buses have left")
      	clearInterval(jscounterinterval);
      	}
      	
      if (myArray[10+9] ==1) {
      	if (myArray[10+9] ==1 && !(document.getElementById('dailyinfo')))
      	{
      		// create it
      		var dailyinfo = document.createElement('h2');
      		dailyinfo.setAttribute('id', 'dailyinfotitle');
      		dailyinfo.innerHTML = "Daily Info";	
      		
      		document.getElementById('ishs').insertBefore(dailyinfo, document.getElementById('counter'));
      	
      		var dailyinfo2 = document.createElement('fieldset');
      		dailyinfo2.setAttribute('id', 'dailyinfo');
      		dailyinfo2.innerHTML = "<div class='row'><label>Wednesday</label><text>7:30 - 2:15</text></div><div class='row'><label>School ends in</label><text id='timeleftday'>"+myArray[11+9]+"</text></div><div class='row'><label>%</label><ploader id='dailypct'>"+display('element2',myArray[12+9],1)+"</ploader></div>";
      		
      		document.getElementById('ishs').insertBefore(dailyinfo2, document.getElementById('counter'));
      	}
      	
      	if(document.getElementById('timeleftday'))
      		document.getElementById('timeleftday').innerHTML = myArray[11+9];
      	
      	 if(document.getElementById('dailypct')){
      setProgress('element2', myArray[12+9]);}
      	
      }
      
      

      	if (myArray[10+9] == 0 && document.getElementById('dailyinfo'))
      	{
      		//delete
      		document.getElementById('ishs').removeChild(document.getElementById('dailyinfotitle'));
      		document.getElementById('ishs').removeChild(document.getElementById('dailyinfo'));
      	}
      	
      // replace inner html of div row
      if(document.getElementById('tltandtleft')){
      document.getElementById('tlt').innerHTML = myArray[3];
      document.getElementById('tleft').innerHTML = myArray[4]; }
      	
      }
	}
  }
  http.open("GET", "ajaxfetch.php?id=1", true)
  http.send(null);
  
}
function exeCute() {
fetchData();
fetchdata = window.setInterval ("fetchData()", 10000)
}
window.setTimeout("exeCute()", 2000);