var xmlHttp;

function GetXmlHttpObject()
{
	var objXMLHttp=null;
	if (window.XMLHttpRequest)
		objXMLHttp=new XMLHttpRequest();
	else if (window.ActiveXObject)
		objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP");
	return objXMLHttp;
}

function getFlatscreens()
{
	if ( document.getElementById('merk_id').value == 0 )
		return;
	if ( document.getElementById('plasma_lcd').value != 1 && document.getElementById('plasma_lcd').value != 2 )
		return;
	if ( document.getElementById('grootte').value == 0 )
		return;

	var targetElement	= document.getElementById('modelnr');
	for (var o=targetElement.length; o>0; o--)
		targetElement[o-1]	= null;

	var url="ajax.php";
		url=url+"?merk_id="+document.getElementById('merk_id').value;
		url=url+"&plasma_lcd="+document.getElementById('plasma_lcd').value;
		url=url+"&grootte="+document.getElementById('grootte').value;
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null) {
		alert ("Browser does not support HTTP Request");
		return;
	}
	xmlHttp.onreadystatechange=stateChanged ;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}


function getBeugels() {
	if ( document.getElementById('modelnr').value == 0 )
		return;

	var url="result.php";
	url=url+"?tv_id="+document.getElementById('modelnr').value;
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null)
	{
		alert ("Browser does not support HTTP Request");
		return;
	}
	xmlHttp.onreadystatechange=showResult ;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);

	document.getElementById('backButton').innerHTML='';
}


function showBeugelDetail(objectID) {
	if ( objectID == 0 )
		return;
	var url="result.php";
	url=url+"?b_id="+objectID;
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null) {
		alert ("Browser does not support HTTP Request");
		return;
	}
	xmlHttp.onreadystatechange=showResult ;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);

	document.getElementById('backButton').innerHTML='<a href="#" onclick="getBeugels(); return false;" class="Terug">Terug naar model overzicht!</a>';
}

function showMeubelDetail(objectID) {
	if ( objectID == 0 )
		return;

	var url="result.php";
	url=url+"?m_id="+objectID;
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null) {
		alert ("Browser does not support HTTP Request");
		return;
	}
	xmlHttp.onreadystatechange=showResult ;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);

	document.getElementById('backButton').innerHTML='<a href="#" onclick="getBeugels(); return false;" class="Terug">Terug naar model overzicht!</a>';
}

function stateChanged() {
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") {
		//document.getElementById('StepFour').innerHTML='<select id="modelnr" size="20" onChange="getBeugels()" class="Select_Box">'+ xmlHttp.responseText +'</select>';

		var prezresponse	= xmlHttp.responseText;
		var prezar			= prezresponse.split("%");
		var lastSplit		= '';
		//alert(prezar.length);
		for (o=0; o < (prezar.length-1); o++) {
			lastSplit			= prezar[o].split('|');
			document.getElementById('modelnr').options[o] = new Option(lastSplit[1],lastSplit[0]);
		}
	}
}

function showResult() {
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") {
		document.getElementById('result').innerHTML=xmlHttp.responseText;
	}
}









/******/



/**
 * Functions to handle the specific fields/url's
 *
 */
function getPreferenceData(targetElement,brandid) {
	var url		="ajax.php?action=getpreference&brandid="+ brandid;
	handleRequest(targetElement, url);
}

function getSizeData(targetElement, preference, brandid) {
	var url		="ajax.php?action=getsize&preference="+ preference +"&brandid="+ brandid;
	handleRequest(targetElement, url);
}




/** Fill the form with the data **/
function handleRequest(targetElement, url) {
	var data	= '';

	xmlHttp=GetXmlHttpObject();
	xmlHttp.onreadystatechange=function() {
		for (var o=targetElement.length; o>0; o--)
			targetElement[o-1]	= null;

		targetElement[0]	= new Option('Loading...', -1);

		if(xmlHttp.readyState==4) {
			data = xmlHttp.responseText;
			data = data.split('%');
			for (var o=0; o < (data.length-1); o++) {
				var lastSplit				= data[o].split('|');
				targetElement.options[o]	= new Option(lastSplit[1],lastSplit[0]);
			}
		}
	}

	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}