jQuery(document).ready(function(){
var times = getTimes();
display(times);
});


function getTimes() {

	var returnString = "<table border=1 style=\"margin-right:30px;text-align:center;width:500px;\"><th colspan=\"7\" style=\"text-align:center;background-color:#005C07;color:#FFFFFF;line-height:25px;font-weight:bold;\">أوقات الصلاة فى المملكة العربية السعودية</th>";
	returnString += "<tr style=\"font-weight:bold;background-color:#aac8ac;color:#000\">";
	returnString += "<td>المدينة</td>";
	returnString += "<td>الفجر</td>";
	returnString += "<td>الشروق</td>";
	returnString += "<td>الظهر</td>";
	returnString += "<td>العصر</td>";
	returnString += "<td>المغرب</td>";
	returnString += "<td>العشاء</td>";
	returnString += "</tr>";
	xml = xml.split("*");
	for(var i = 0; i< xml.length; i++){
		var temp = parseXml("<zone>" + xml[i] + "</zone>");
		jQuery(temp).find("prayer").each(function(){
			returnString += "<tr style=\"background-color:#FFFFFF;\">";
			returnString += "<td style=\"font-weight:bold;background-color:#aac8ac;color:#000\">"+ jQuery(this).find('city').text() + "</td>";
			returnString += "<td>"+ jQuery(this).find('fajr').text() + "</td>";
			returnString += "<td>"+ jQuery(this).find('sunrise').text() + "</td>";
			returnString += "<td>"+ jQuery(this).find('dhuhr').text() + "</td>";
			returnString += "<td>"+ jQuery(this).find('asr').text() + "</td>";
			returnString += "<td>"+ jQuery(this).find('maghrib').text() + "</td>";
			returnString += "<td>"+ jQuery(this).find('isha').text() + "</td>";
			returnString += "</tr>";
	    });
	}
	returnString += "</table>";
	return returnString;
}
function display(times){
	jQuery("#prayerTimesDiv").html(times);
}
function parseXml(xml){
	if (jQuery.browser.msie)	{
		var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.async = true;
		xmlDoc.loadXML(xml);
		return xmlDoc;
	}
	return xml;
}