function GetXmlHttpObject() {
	var xmlHttp = null;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	} catch (e) {
		// Internet Explorer
		try {
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
}


var xmlHttp;
function courseSwitch(story_id, course_id) {
	if (story_id.length == 0) {
		document.getElementById("course_container").innerHTML = "";
		return;
	}
	xmlHttp = GetXmlHttpObject();
	if (xmlHttp == null) {
		alert("Your browser does not support AJAX!");
		return;
	}
	var url = "index.php";
	url = url + "?p=ajax" ;
	url = url + "&view=courses" ;
	url = url + "&story_id=" + story_id;
	url = url + "&course_id=" + course_id;
	url = url + "&sid=" + Math.random();
	xmlHttp.onreadystatechange = stateChangedCourse;
	xmlHttp.open("GET", url, true);
	xmlHttp.send(null);
}

function stateChangedCourse() {
	if (xmlHttp.readyState == 4) {
		document.getElementById("course_container").innerHTML = xmlHttp.responseText;
	}
}



function productSwitch(product_id) {
	if (product_id == null) {
		document.getElementById("wide_left").innerHTML = "";
		return;
	}
	xmlHttp = GetXmlHttpObject();
	if (xmlHttp == null) {
		alert("Your browser does not support AJAX!");
		return;
	}
	var url = "index.php";
	url = url + "?p=ajax" ;
	url = url + "&ajax=true" ;
	url = url + "&view=products" ;
	url = url + "&product_id=" + product_id;
	url = url + "&sid=" + Math.random();
	xmlHttp.onreadystatechange = stateChangedProducts;
	xmlHttp.open("GET", url, true);
	xmlHttp.send(null);
}

function stateChangedProducts() {
	if (xmlHttp.readyState == 4) {
		document.getElementById("ajax_reponse").innerHTML = xmlHttp.responseText;
	}
}


function generateSchedule(course_id) {
	if (course_id == null) {
		document.getElementById("schedule_div").innerHTML = "";
		return;
	}
	xmlHttp = GetXmlHttpObject();
	if (xmlHttp == null) {
		alert("Your browser does not support AJAX!");
		return;
	}
	var url = "index.php";
	url = url + "?p=ajax" ;
	url = url + "&ajax=true" ;
	url = url + "&view=schedule" ;
	url = url + "&course_id=" + course_id;
	url = url + "&sid=" + Math.random();
	xmlHttp.onreadystatechange = stateChangedSchedule;
	xmlHttp.open("GET", url, true);
	xmlHttp.send(null);
}

function stateChangedSchedule() {
	if (xmlHttp.readyState == 4) {
		document.getElementById("schedule_div").innerHTML = xmlHttp.responseText;
	}
}

