function createRequestObject() {
	
	
	
	var ro;
	if (window.XMLHttpRequest) {
	  ro = new XMLHttpRequest();
	}
	else if (window.ActiveXObject) {
	  ro = new ActiveXObject("Msxml2.XMLHTTP");
	}
	
	/**var ro;
	var browser = navigator.appName;
	if(browser == "Microsoft Internet Explorer"){
		ro = new ActiveXObject("Microsoft.XMLHTTP");
	}
	else{
		ro = new XMLHttpRequest();
	}
	**/
	return ro;
}

var http = createRequestObject();
var loadingGif = new Image();
loadingGif.src = 'http://www.alislam.org/archives/friday-sermons-images/loading.gif';

/* -------------------------- */
/* SEARCH					 */
/* -------------------------- */
function autosuggest() {
q = document.getElementById('searchq').value;
c = get_radio_value();
p = get_chk_value();
// Set te random number to add to URL request
rand = Math.random();


http.open("POST", "search.php",true);
http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
http.send("q="+q+"&c="+c+"&p="+p+"&rand="+rand);
http.onreadystatechange = autosuggestReply;
}


function autosuggestReply() {
	if(http.readyState == 4){
		var response = http.responseText;
		e = document.getElementById('results');
		if(response!=""){
			//alert("in if response!==");
			e.style.width = document.getElementById('searchq').offsetWidth;
			e.style.left = getLeft() + "px";
			//alert("after left");
			//e.style.top = (getTop()+this.textbox.offsetHeight) + "px";
			e.style.top = getTop() + "px";
		//	alert("left" + getLeft() + " top: "+getTop());
			
			e.style.display = "block";
			e.style.zIndex = 100;
			e.innerHTML=response;
			
		} else {
			e.style.display="none";
		}
	}
} 

function getLeft(){
	
    
    var oSearchContainer = document.getElementById('search-container');
    var oNode =  document.getElementById('searchq');
    var iLeft = 0;
    
   if(oNode.offsetParent)
        while(1) 
        {
          iLeft += oNode.offsetLeft;
          if(!oNode.offsetParent)
            break;
          oNode = oNode.offsetParent;
        }
    else if(oNode.x)
        iLeft += oNode.x;
    
   // alert("left: " + iLeft);    
    return iLeft;

    	  
  
    
}

function getTop(){
	
    var oNode =  document.getElementById('searchq');
    var textBoxHeight = oNode.offsetHeight;
    var iTop = 0;
		
    if(oNode.offsetParent)
        while(1)
        {
          iTop += oNode.offsetTop;
          if(!oNode.offsetParent)
            break;
          oNode = oNode.offsetParent;
        }
    else if(oNode.y)
        iTop += oNode.y;
    
    iTop += textBoxHeight;
  //  iTop = 200;
    return iTop;

	
}



function get_radio_value()
{
	var rad_val;
	for (var i=0; i < document.mtaschsearch.chnlr.length; i++)
   {
   if (document.mtaschsearch.chnlr[i].checked)
      {
      rad_val = document.mtaschsearch.chnlr[i].value;
      }
   }
   
   return rad_val;
}

function get_chk_value()
{
	var chk_val;
	if(document.mtaschsearch.prevprog.checked == true)
		chk_val = 'on'
	else
	 	chk_val = '';
   return chk_val;
}

function toggle_chnl(r_btn)
{
	if(r_btn.value == 3){
		document.getElementById('searchq').style.direction = "rtl";
		document.getElementById('results').style.direction = "rtl";
	}
	else
	{
		document.getElementById('searchq').style.direction = "ltr";
		document.getElementById('results').style.direction = "ltr";
		
	}
	document.mtaschsearch.searchq.value="";
	document.mtaschsearch.searchq.focus();
	document.getElementById('results').style.display = "none";
	
		
	
}

function display(word)
{
	document.getElementById('searchq').value = word.innerHTML;
	document.getElementById('results').style.display = 'none';
	document.getElementById('searchq').focus();
}

function updateSchedule(mta1ts,mta3ts,d,tz){
	//alert(fsdt);
	loadingGif.src = 'http://www.alislam.org/archives/friday-sermons-images/loading.gif';
	//fscal.hide;
	http.open('get', 'mtarpc.php?op=sm&m1ts='+mta1ts+'&m3ts='+mta3ts+'&d='+d+'&tz='+tz);
	http.onreadystatechange = handleResponse;
	http.send(null);
}

function handleResponse(){
	
	if(http.readyState == 0 || http.readyState == 1 || http.readyState == 2 || http.readyState == 3){
			//document.getElementById("mtatabber").innerHTML = "<img src=\"http://www.alislam.org/archives/friday-sermons-images/loading.gif\"><h4>loading...</h4>";
			
		document.getElementById("footer-loading").style.display = "block";
			
			window.setTimeout(displayLinks,1000);


		
	}
}

function displayLinks(){
	
	if(http.readyState == 4){
	var response = http.responseText;
	var update = new Array();

	
   
     //alert(response);
      
      var scheduleData = eval('(' + response + ')');
      
      
      //alert (scheduleData[0].PROG_DESCRIPTION);
      
      if(scheduleData.OP == "sm"){
    	  updateSummaryGrid(scheduleData);
    	  
      }
      
      if(scheduleData.OP == "dt"){
      
      					updateDetailGrid(scheduleData);
    	  
      }
       				
        document.getElementById("footer-loading").style.display = "none";
	
	}
       


        
	}


function removeChildNodes(e){
	while (e.childNodes[0]){
		if(e.childNodes[0] != document.getElementById("mta-one-row"));
		e.removeChild(e.childNodes[0]);
	
	}
}


function updateScheduleByDate(mtacal, mtadt){
	
		//alert(mtacal.currentDate.print("%Y-%m-%d"));
		var dt = mtacal.currentDate.print("%Y-%m-%d");
		var dropdown = document.details_tz.tz;
		//alert(dropdown);
		tz = dropdown.options[dropdown.selectedIndex].value;
		//alert(tz);
		loadingGif.src = '/archives/friday-sermons-images/loading.gif';
		mtacal.hide;
		http.open('get', 'mtarpc.php?op=dt&date='+dt+'&tz='+tz);
		http.onreadystatechange = handleResponse;
		http.send(null);
}


function updateDetailGrid(detailContent){
	
	//alert('good to go');
	

	
	
	// MTA ONE tab
	var dailyDetailGrid = "<ul class=\"tabnav\"> " +
						  
						  "<li><a href=\"#one\">MTA ONE</a></li>" +
							"<li><a href=\"#3\">MTA +3</a></li>" +
							"<li><a href=\"#arabia\">MTA ARABIA</a></li>" +
							"</ul>" +
							"<div class=\"widget\">" +
							"<div id=\"one\" class=\"tabdiv\">" +
	  						  "<table cellspacing=\"0\">"+
							  "<tr>"+
							  "<th>Program Name</th>"+
							  "<th>Description</th>";
	
		if(detailContent.MTATZ != '0')
			dailyDetailGrid += "<th>My Time</th>";

		dailyDetailGrid += "<th>GMT</th></tr>";

		for(i=0;i<detailContent.MTA1.length;i++){
			dailyDetailGrid += "<tr><td class='daily'>" +
			detailContent.MTA1[i][0] + // program name
			"</td><td class='daily'>" +
			detailContent.MTA1[i][1] + // program description 
			"</td>";
			if(detailContent.MTATZ != 0)
				dailyDetailGrid += "<td class='daily'>" + detailContent.MTA1[i][3] + "</td>" ; // my local time
			dailyDetailGrid += "<td class='daily'>" + detailContent.MTA1[i][2] + "</td></tr>"  // gmt time
			
		}
		dailyDetailGrid +="</table></div>";
			
		// MTA +3 tab <div id="3" class="tabdiv">                                                

		dailyDetailGrid += "<div id=\"3\" class=\"tabdiv\"> " +
						   "<table cellspacing=\"0\">"+
						   "<tr>"+
						   "<th>Program Name</th>"+
						   "<th>Description</th>";
		if(detailContent.MTATZ != 0)
			dailyDetailGrid += "<th>My Time</th>";

		dailyDetailGrid += "<th>GMT</th>";

		for(i=0;i<detailContent.MTAP3.length;i++){
			dailyDetailGrid += "<tr><td class='daily'>" +
			detailContent.MTAP3[i][0] + 
			"</td><td class='daily'>" +
			detailContent.MTAP3[i][1] +
			"</td>";
			if(detailContent.MTATZ != 0)
				dailyDetailGrid += "<td class='daily'>" + detailContent.MTAP3[i][3] + "</td>" ;
			dailyDetailGrid += "<td class='daily'>" + detailContent.MTAP3[i][2] + "</td></tr>" 
			
		}
		dailyDetailGrid +="</table></div>";
		
		
	
		// MTA ARABIA tab 
		dailyDetailGrid += "<div id=\"arabia\" class=\"tabdiv\">" +
						   "<table cellspacing=\"0\">"+
						   "<tr>"+
						   "<th>GMT</th>"; 
						
		if(detailContent.MTATZ != 0)
			dailyDetailGrid += "<th>My Time</th>";

		  
		dailyDetailGrid +=  "<th>Description</th><th>Program Name</th>";

		for(i=0;i<detailContent.MTA3.length;i++){
			dailyDetailGrid += "<tr><td class='daily'>" +
			detailContent.MTA3[i][2] ; // GMT time
			
			if(detailContent.MTATZ != 0)
				dailyDetailGrid += "<td class='daily'>" + detailContent.MTA3[i][3] + "</td>" ; // my local time
			
			dailyDetailGrid += "</td><td class=\"daily-ar\">" +
								detailContent.MTA3[i][1] + "</td>" + // description 			
								"<td class='daily-ar'>" + detailContent.MTA3[i][0] + "</td></tr>" // program name 
			
		}
		dailyDetailGrid +="</table></div></div";
		
		var dailyTabs = document.getElementById("mtatabber");
		
		dailyTabs.innerHTML = dailyDetailGrid; 
		
		//tabberAutomatic(tabberOptions);
		$('#mtatabber').tabs({ fx: { opacity: 'toggle' } });
	    
        
		

		
	
	
}

function updateSummaryGrid(summaryContent){

	 var ePrev = document.getElementById("previous");
     var eNext = document.getElementById("next");
     var eMta = document.getElementById("mta-one-programs");
     var eMta3 = document.getElementById("mta-three-programs");
     var eMtaPlus3 = document.getElementById("mta-pthree-programs");
   
     //removeChildNodes(e);
     
	  /**if(response.indexOf('%%')!= -1){
      	update = response.split('%%');
      	var str = "<div><h4>Text:</h4><ul>"+update[2]+"</ul></div>" +
					  "<div><h4>Audio:</h4><ul>"+update[3]+"</ul></div>" +
      			  "<div><h4>Video:</h4><ul>"+update[4]+"</ul></div>" ;
      	document.getElementById("archived-sermon-title").innerHTML = update[0];
      	document.getElementById("sermon-author").innerHTML = update[1];
      	document.getElementById("archived-sermon-links").innerHTML = str;
      	//document.getElementById("urdu-synopsis").innerHTML = "<div class=\"urd\">"+update[5]+"</div>";
      **/	
      /**
	  
	   <table class="mta3">
        <tr>
<? 

foreach ($mta3_programs as $program) {
	  echo "<td>".$program[0]."<br/><span id=\"arabic-link\"><a href=\"javascript:void(0);\" onmouseover=\"return overlib('".$program[2]."' , TEXTFONTCLASS, 'ArabicOverTEXTFONTCLASS');\" onmouseout=\"return nd();\">".$program[1]."</a></span></td>";
	   
}
?>
		  </tr>
		  </table>
		  
		  **/
		
	  	var mta1Str = "<table class=\"mta\"><tr>";
	  	var mtaP3Str = "<table class=\"mtaP3\"><tr>";
	  	var mta3Str = "<table class=\"mta3\"><tr>";
	  	for(i=0;i<4;i++){
	  		mta1Str += "<td>"+
	  				   summaryContent.MTA1[i].PROG_TIME+
	  				   "<br /><a title=\""+
	  				   summaryContent.MTA1[i].PROG_DESCRIPTION+
	  				   "\">"+
	  				   summaryContent.MTA1[i].PROG_NAME+
	  				   "</a></td>";
	  		
	  		mtaP3Str += "<td>"+
	  				   summaryContent.MTAP3[i].PROG_TIME+
	  				   "<br /><a title=\""+
	  				   summaryContent.MTAP3[i].PROG_DESCRIPTION+
	  				   "\">"+
	  				   summaryContent.MTAP3[i].PROG_NAME+
	  				   "</a></td>";		   
	  				   
	  		mta3Str += "<td>"+
	  				   summaryContent.MTA3[i].PROG_TIME+
	  				   "</br /><span id=\"arabic-link\"><a title=\""+
	  				   summaryContent.MTA3[i].PROG_DESCRIPTION+
	  				   "\">"+
	  				   summaryContent.MTA3[i].PROG_NAME+
	  				   "</a></span></td>";		 
	  	
	  	}
	  	
	  	var prevStr = "<ul><li><a href=\"javascript:updateSchedule("+
	  					summaryContent.MTA1PREV+
	  				  ","+
	  					summaryContent.MTA3PREV+
	  					",0,'"+
	  					summaryContent.MTATZ+
	  					"');\"><< previous <<</a><li></ul>";
	  					
	  					
	  	var nextStr = "<ul><li><a href=\"javascript:updateSchedule("+
	  					summaryContent.MTA1NEXT+
	  				  ","+
	  					summaryContent.MTA3NEXT+
	  					",1,'"+
	  					summaryContent.MTATZ+
	  					"');\">>> next >></a><li></ul>";
	  					
	  	ePrev.innerHTML = prevStr;
	  	eNext.innerHTML = nextStr;
	  	
	  	eMta.innerHTML = mta1Str;
	    eMta3.innerHTML = mta3Str;
	  	eMtaPlus3.innerHTML = mtaP3Str;
	  
	  $('#schedule-data td a').betterTooltip({speed: 300, delay: 50});
    
	
}

function updateStream(){

var streamOptions = document.streamForm.stream;
var stream;
var sv = streamOptions.options[streamOptions.selectedIndex].value;

switch(sv)
{
case "1":
	stream = "http://play.www.muslimtv.servecast.net/wmwebcasts/muslimtv/muslimtv300k.asx";
	break;
case "2":
	stream = 'http://play.www.muslimtv.servecast.net/wmwebcasts/muslimtv/muslimtv56k.asx';
	break; 

case "3":
	stream = 'http://play.www.muslimtv.servecast.net/wmwebcasts/muslimtv/muslimtv300ken.asx';
	break; 

case "4":
	stream = 'http://play.www.muslimtv.servecast.net/wmwebcasts/muslimtv/muslimtv56ken.asx';
	break; 

case "5":
	stream = 'mms://212.199.206.17/mta-high';
	break; 

case "6":
	stream = 'mms://212.199.206.17/mta-low';
	break; 

case "7":
	stream = 'http://www.alislam.org/mta/infocast.asx';
	break; 

}


var player = document.getElementById("mtaplayer");

var agt=navigator.userAgent.toLowerCase();

if (agt.indexOf("msie") != -1) {
	player.Filename=stream;
}
if (agt.indexOf("firefox") != -1){
	
	
	var html = "<embed type=\"application/x-mplayer2\" src=\"" + stream + "\" align=\"middle\" width=200 height=230></embed>";
	document.getElementById("playerdiv").innerHTML = html;
	
}
}