var xmlhttp = false;
try {
	xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
	try {
		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (E) {
		xmlhttp = false;
		}
	}	
if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
	xmlhttp = new XMLHttpRequest();
	}



var yRequest = false;
try {
	yRequest = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
	try {
		yRequest = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (E) {
		yRequest = false;
		}
	}	
if (!yRequest && typeof XMLHttpRequest != 'undefined') {
	yRequest = new XMLHttpRequest();
	}
	




var catid = "";
var catid2 = "";

function drop_one(id){
var serverPage="http://www.wavemediaproductions.co.uk/index.php/development/drop2";
serverPage=serverPage+"?cat_id="+id;
catid = id;
var obj = document.getElementById('examples_container');
xmlhttp.onreadystatechange = function() {
	if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
		obj.innerHTML = xmlhttp.responseText;
		}
	}
xmlhttp.open("GET",serverPage,true);
xmlhttp.send(null);
}


function caller(id2, resultPage, resultObj){

drop_two(id2);

result_one(id2, resultPage, resultObj);
catid2 = id2;
}


function drop_two(id2){

var page="http://www.wavemediaproductions.co.uk/index.php/development/drop3";
page=page+"?cat_id="+catid+"&cat_id2="+id2;
var objpage = document.getElementById('examples_two');
xmlhttp.onreadystatechange = function() {
	if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
		objpage.innerHTML = xmlhttp.responseText;
		}
	}
xmlhttp.open("GET",page,true);
xmlhttp.send(null);
}

function result_one(id2, resultPage, resultObj){

var result1 = document.getElementById(resultObj);
var myurl=resultPage;
myurl=myurl+"&cat_id2="+id2;
yRequest.open("GET",myurl,true);
yRequest.onreadystatechange = function() {
	if (yRequest.readyState == 4 && yRequest.status == 200) {
		result1.innerHTML = yRequest.responseText;
		}
	}
yRequest.send(null);
}

function callerTwo(id3, PageTwo, resultObjTwo){
result_two(id3, PageTwo, resultObjTwo);	
drop_three(id3);	
}

function drop_three(id3){

var serverPage3="http://www.wavemediaproductions.co.uk/index.php/development/drop4";
serverPage3=serverPage3+"?cat_id3="+id3+"&cat_id2="+catid2+"&cat_id="+catid;
var obj3 = document.getElementById('example_three');
yRequest.onreadystatechange = function() {
	if (yRequest.readyState == 4 && yRequest.status == 200) {
		obj3.innerHTML = yRequest.responseText;
		}
	}
yRequest.open("GET",serverPage3,true);
yRequest.send(null);
}

function result_two(id3, PageTwo, resultObjTwo){

var resultObj2 = document.getElementById(resultObjTwo);
var myurltwo=PageTwo;
myurltwo=myurltwo+"&cat_id3="+id3;
xmlhttp.open("GET",myurltwo,true);
xmlhttp.onreadystatechange = function() {
	if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
		resultObj2.innerHTML = xmlhttp.responseText;
		}
	}
xmlhttp.send(null);
}

function result_three(id4, PageThree, resultObjThree){
var resultObj3 = document.getElementById(resultObjThree);
var myurlthree=PageThree;
myurlthree=myurlthree+"&cat_id4="+id4;
xmlhttp.open("GET",myurlthree,true);
xmlhttp.onreadystatechange = function() {
	if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
		resultObj3.innerHTML = xmlhttp.responseText;
		}
	}
xmlhttp.send(null);
}