var current_day = null;
var data_loaded_flag = false;
	
	
	function deleteprior(div){
	if(div === "undefined") return;
	while (div.firstChild) 
 	{
    //The list is LIVE so it will re-index each call
    div.removeChild(div.firstChild);
 	}
	}
	
	
	function get_schedule_menu(){
	delete_ads(); // get rid of any ads that may be placed down sides
	get_day();
	var ajaxRequest = setupAJAX();
  	ajaxRequest.open("GET","schedule_content.html",true);
	//read returned data from server and place it in divs
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var returned_data = ajaxRequest.responseText;
			if (returned_data.length>2){document.getElementById("content_wrapper").innerHTML=returned_data};
			 display_current_schedule();
	      }	
	    }
	   ajaxRequest.send(null); 
	  }
	  
	function display_current_schedule(){
	get_schedule(current_day);//display schedule on page
	var current_button = document.getElementById(current_day);
	current_button.firstChild.style.cssText = "background-color: #369;";
	}
	
	
	function place_mugshot(mug_path){
	var mugDiv=document.getElementById("mugDiv");
	deleteprior(mugDiv);
	var mug = document.createElement("img");
	mug.style.cssText = "width: 70px; height: 93px; border: 0; padding: 10px;";
	mug.src = "epg/"+mug_path;
	mugDiv.appendChild(mug);
	}
	
	
	
	// change menu elements to light blue on mouseover
	function mouse_over(a){
	//var content_wrapper = document.getElementById("content_wrapper");
	var navlist = document.getElementById('navlist');// collect navlist from menu
	var li_list=navlist.getElementsByTagName("li");//collect all it's li nodes
	for(var i = 0; i <7; i++) {
	if (li_list[i].id == a.parentNode.id){
	li_list[i].firstChild.style.cssText = "background-color: #369;";//change colour of <a> tags back to light blue
	}else{
	li_list[i].firstChild.style.cssText = "background-color: #036;";//change colour of <a> tags back to dark blue
	}
	}
	}
	
	// change menu elements to dark blue on mouseout
	function mouse_out(a){
	a.style.cssText = "background-color: #036;";// dark blue
	latch_colour();
	}
	
	// parse the element list and colour the current element light blue
	function latch_colour(){
	var navlist = document.getElementById('navlist');// collect navlist from menu
	var li_list=navlist.getElementsByTagName("li");//collect all it's li nodes
	for(var i = 0; i <7; i++) {
	if (li_list[i].id == current_day){
	li_list[i].firstChild.style.cssText = "background-color: #369;";//change colour of <a> tags back to light blue
	}else{
	li_list[i].firstChild.style.cssText = "background-color: #036;";//change colour of <a> tags back to dark blue
	}
	}
	}
	
	
	// latch current element as light blue then get schedule from database
	function get_me(a){
	current_day = a.parentNode.id;// update current_day
	latch_colour();
	get_schedule(current_day);
	}
	
	function  get_schedule(day){
	// Function to request data from the server
	var ajaxRequest = setupAJAX();// set AJAX for different browser flavours
	var url = "php/get_prog_schedule.php?theday="+day;
	bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime();
	ajaxRequest.open("GET",url+bustcacheparameter, true);
	ajaxRequest.send(null); 
	
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var returned_data = ajaxRequest.responseText;

			if (returned_data.length>2){
			document.getElementById('scheduleDiv').innerHTML= returned_data;
			if (data_loaded_flag){
			//delete all info from info area if there is any
			var mugDiv=document.getElementById("mugDiv");
			deleteprior(mugDiv)
			var shownameDiv = document.getElementById('shownameDiv');
			deleteprior(shownameDiv);
			var infodiv = document.getElementById('infoDiv');
			deleteprior(infodiv);
			data_loaded_flag = false;
			}
		  }
		}
	  }
	
	}
	
	function getData(thetime){
	theday = current_day;
	var ajaxRequest = setupAJAX();// set AJAX for different browser flavours
	ajaxRequest.open("GET", "php/get_prog_data.php?theday="+theday+"&thetime="+thetime, true);
	ajaxRequest.send(null); 
	
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var returned_data = ajaxRequest.responseText;
			if (returned_data.length>2){
			var thedata = new Array();
			thedata = returned_data.split('|');// split show name & image URL
			place_mugshot(thedata[0]);
			var shownameDiv = document.getElementById('shownameDiv');
			deleteprior(shownameDiv);
			shownameDiv.style.cssText = "font-family: arial, helvetica;font-size: 14px; font-weight: bold; padding: 10px; ";
			var mytextnode = document.createTextNode(thedata[1]);
			shownameDiv.appendChild(mytextnode);
			var infodiv = document.getElementById('infoDiv')
			deleteprior(infodiv);
			infodiv.style.cssText = "font-family: arial, helvetica;font-size: 11px;line-height: 1.3em; padding: 10px; ";
			infodiv.innerHTML = thedata[2];
			data_loaded_flag = true;
			}
		 }
	  }
	
	}
	
	function get_day(){
	var today=new Date();
	var day_name=new Array(7);
	day_name[0]="Sunday";
	day_name[1]="Monday";
	day_name[2]="Tuesday";
	day_name[3]="Wednesday";
	day_name[4]="Thursday";
	day_name[5]="Friday";
	day_name[6]="Saturday";
	current_day = day_name[today.getDay()]; 
	}