// JavaScript Document
var xmlHttp = null;


if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  //xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
  if (window.ActiveXObject) {
     // ...otherwise, use the ActiveX control for IE5.x and IE6.
     xmlHttp = new ActiveXObject('MSXML2.XMLHTTP.3.0');
  }
  else
  {
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
  }
  }

xmlhttp.open("POST","../../scripts/prayer_times.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML; 
x=xmlDoc.getElementsByTagName("DAY");
i=0;



c=0;
function displayTIMES()
{ i=0;
do
{	
	idate=(x[i].getElementsByTagName("IDATEDAY")[0].childNodes[0].nodeValue);
	date_day=(x[i].getElementsByTagName("DATEDAY")[0].childNodes[0].nodeValue);
	if(this_date == date_day)
	{	
	date_month=(x[i].getElementsByTagName("DATEMONTH")[0].childNodes[0].nodeValue);
	date_year=(x[i].getElementsByTagName("DATEYEAR")[0].childNodes[0].nodeValue);
	date_yearIslam=(x[i].getElementsByTagName("DATEYEARISLAM")[0].childNodes[0].nodeValue);
	imsak=(x[i].getElementsByTagName("IMSAK")[0].childNodes[0].nodeValue);
	subuh=(x[i].getElementsByTagName("SUBUH")[0].childNodes[0].nodeValue);
	syuruk=(x[i].getElementsByTagName("SYURUK")[0].childNodes[0].nodeValue);
	doha=(x[i].getElementsByTagName("DOHA")[0].childNodes[0].nodeValue);
	zohor=(x[i].getElementsByTagName("ZOHOR")[0].childNodes[0].nodeValue);
	asar=(x[i].getElementsByTagName("ASAR")[0].childNodes[0].nodeValue);
	maghrib=(x[i].getElementsByTagName("MAGHRIB")[0].childNodes[0].nodeValue);
	isyak=(x[i].getElementsByTagName("ISYAK")[0].childNodes[0].nodeValue);
		txt="<table border=0 width=180px align=center><tr>" + "<tr><td colspan=2 align='center' style='font-size:12px; font-weight:bold'>" + idate + "</td><tr>" + "<tr><td colspan=2 align='center' style='font-size:12px; font-weight:bold'>" + date_day + " " + date_month + " " + date_year + " " + date_yearIslam + "</td><tr>" + "<tr><td align='right'>Imsak: </td>		<td align='left'>" + imsak + "</td></tr><tr><td align='right'>Subuh: </td><td align='left'>" + subuh + "</td></tr><tr><td align='right'>Syuruk: </td><td align='left'>" + syuruk +  "</td></tr><tr><td align='right'>Doha: </td><td align='left'>" + doha +  "</td></tr><tr><td align='right'>Zohor: </td><td align='left'>" + zohor +  "</td></tr><tr><td align='right'>Asar: </td><td align='left'>" + asar +  "</td></tr><tr><td align='right'>Maghrib: </td><td align='left'>" + maghrib +  "</td></tr><tr><td align='right'>Isyak: </td><td align='left'>" + isyak + "</td></tr></table>";
	document.getElementById("showTIMES").innerHTML=txt;
	}
	else
	{
		i++;
	}
	
} while(this_date != date_day)
}

//}
function requestedTIMES()
{	idate=(x[i].getElementsByTagName("IDATEDAY")[0].childNodes[0].nodeValue);
	date_day=(x[i].getElementsByTagName("DATEDAY")[0].childNodes[0].nodeValue);
	date_month=(x[i].getElementsByTagName("DATEMONTH")[0].childNodes[0].nodeValue);
	date_year=(x[i].getElementsByTagName("DATEYEAR")[0].childNodes[0].nodeValue);
	date_yearIslam=(x[i].getElementsByTagName("DATEYEARISLAM")[0].childNodes[0].nodeValue);
	imsak=(x[i].getElementsByTagName("IMSAK")[0].childNodes[0].nodeValue);
	subuh=(x[i].getElementsByTagName("SUBUH")[0].childNodes[0].nodeValue);
	syuruk=(x[i].getElementsByTagName("SYURUK")[0].childNodes[0].nodeValue);
	doha=(x[i].getElementsByTagName("DOHA")[0].childNodes[0].nodeValue);
	zohor=(x[i].getElementsByTagName("ZOHOR")[0].childNodes[0].nodeValue);
	asar=(x[i].getElementsByTagName("ASAR")[0].childNodes[0].nodeValue);
	maghrib=(x[i].getElementsByTagName("MAGHRIB")[0].childNodes[0].nodeValue);
	isyak=(x[i].getElementsByTagName("ISYAK")[0].childNodes[0].nodeValue);
	txt="<table border=0 width=180px align=center><tr>" + "<tr><td colspan=2 align='center' style='font-size:12px; font-weight:bold'>" + idate + "</td><tr>" + "<tr><td colspan=2 align='center' style='font-size:12px; font-weight:bold'>" + date_day + " " + date_month + " " + date_year + " " + date_yearIslam + "</td><tr>" + "<tr><td align='right'>Imsak: </td>		<td align='left'>" + imsak + "</td></tr><tr><td align='right'>Subuh: </td><td align='left'>" + subuh + "</td></tr><tr><td align='right'>Syuruk: </td><td align='left'>" + syuruk +  "</td></tr><tr><td align='right'>Doha: </td><td align='left'>" + doha +  "</td></tr><tr><td align='right'>Zohor: </td><td align='left'>" + zohor +  "</td></tr><tr><td align='right'>Asar: </td><td align='left'>" + asar +  "</td></tr><tr><td align='right'>Maghrib: </td><td align='left'>" + maghrib +  "</td></tr><tr><td align='right'>Isyak: </td><td align='left'>" + isyak + "</td></tr></table>";
	document.getElementById("showTIMES").innerHTML=txt;
}


function next()
{
if (i<x.length-1)
  {
  i++;
  requestedTIMES();
  }
}

function previous()
{
if (i>0)
  {
  i--;
  requestedTIMES();
  }
}
