//Ajax call to switch content on schedule page

function getSchedule(dataSource,tabSelected) {
	updateTabs(tabSelected);
	var XMLHttpRequestObject = false;	
	if (window.XMLHttpRequest) {
		//show loading animation while data is loading
		displayLoading(document.getElementById("schedule_content"));
		XMLHttpRequestObject = new XMLHttpRequest();
	}
	else if (window.ActiveXObject) {
		XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
	}
	if(XMLHttpRequestObject) {
		XMLHttpRequestObject.open("GET", dataSource);
		XMLHttpRequestObject.onreadystatechange = function() {
			if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) {
				document.getElementById("schedule_content").innerHTML = XMLHttpRequestObject.responseText;
				delete XMLHttpRequestObject;
				XMLHttpRequestObject = null;
			}
		}
		XMLHttpRequestObject.send(null);
	}
}
function updateTabs(tabSelected) {
	var tabobj = document.getElementById("tabs");
	if (!tabobj) return;
	var divs = tabobj.getElementsByTagName("div");
	var tabs = new Array();
	for (var i=0; i < divs.length; i++) {
		var image = divs[i].getElementsByTagName('img')[0];
		var divId = divs[i].id;
		//unselect all tabs
		image.src = "image-panel/schedule/"+divId+"_inactive.gif";
		//set class back to off for mouse over/out functionality
		divs[i].getElementsByTagName('a')[0].className = "off";
	}
	//select current tab
	document.getElementById(tabSelected).getElementsByTagName('img')[0].src = "image-panel/schedule/"+tabSelected+"_active.gif";
	//set the selected tab class to selected
	document.getElementById(tabSelected).getElementsByTagName('a')[0].className = "on";
}
//function to run animation while ajax is loading
function displayLoading(element) {
	while (element.hasChildNodes()) {
		element.removeChild(element.lastChild);
	}
	var image = document.createElement("img");
	image.setAttribute("src","image-panel/schedule/loading.gif");
	image.setAttribute("width","24");
	image.setAttribute("height","24");
	image.setAttribute("alt","Loading...");
	image.setAttribute("align","center");
	image.setAttribute("vspace","125");
	//element.appendChild(image);
	document.getElementById("schedule_content").innerHTML = '<img src="image-panel/schedule/loading.gif" border="0" width="24" height="24" alt="" class="loading_image" />';
}
//Mouse over function
function changeTab(tab) {
	if (document.getElementById(tab).getElementsByTagName('a')[0].className != "on") {
		document.getElementById(tab).getElementsByTagName('img')[0].src = "image-panel/schedule/"+tab+"_hover.gif";
	}	
}
//Mouse out function
function changeTabOut(tab) {
	if (document.getElementById(tab).getElementsByTagName('a')[0].className != "on") {
		document.getElementById(tab).getElementsByTagName('img')[0].src = "image-panel/schedule/"+tab+"_inactive.gif";
	}
}