function fillMerkSelect()
{
		var merkSelect = document.getElementById('merkSelect');
	
		var url = 'inc/inc_pages/car_selector_ajax.php?ajaxAction=getMerken';
		var response = doRequest(url);

		if(response!='')
		{
			/* FIRST DELETE OLD OPTIONS */
			delAllOptions(merkSelect);
				
			/* SET NEW OPTIONS */
			var merkenArray = response.split('|');
			merkSelect.disabled = false;

			for(var i=0; i<merkenArray.length; i++)
			{
				var merkArray = merkenArray[i].split(';;');

				var addOption = document.createElement('option');

				addOption.text = merkArray[1];
				addOption.value = merkArray[0];

				if(addOption.text!='undefined')
				{
					try {
					  merkSelect.add(addOption, null); 
					}
					catch(ex) {
					  merkSelect.add(addOption);
					}
				}
			}	
		}
}


function fillBouwjaarSelect(merkSelect)
{
	// SHOW CONTAINER
	if(document.getElementById('bouwjaarContainer'))	document.getElementById('bouwjaarContainer').style.display = 'block';
	if(document.getElementById('modelContainer'))		document.getElementById('modelContainer').style.display = 'none';
	if(document.getElementById('uitvoeringContainer'))	document.getElementById('uitvoeringContainer').style.display = 'none';

	var bouwjaarSelect = document.getElementById('bouwjaarSelect');
	var merkId	 	   = merkSelect.value;
	if(merkId==0)
	{
		setCarDataToZero();

	} else
	{
		setMerkSelection(document.getElementById('merkSelectContainer'));
		
		// SAVE NEW MERKID IN SESSION
		var url = 'inc/inc_pages/car_selector_ajax.php?ajaxAction=setSession&key=autoMerkId&value=' + merkId;
		doRequest(url);

		var url			   = 'inc/inc_pages/car_selector_ajax.php?ajaxAction=getBouwjaren&merkId=' + merkId;
		var response	   = doRequest(url);

		if(response!='')
		{
			/* FIRST DELETE OLD OPTIONS */
			delAllOptions(bouwjaarSelect);
				
			/* SET NEW OPTIONS */
			var bouwjarenArray = response.split('|');
			bouwjaarSelect.disabled = false;

			for(var i=0; i<bouwjarenArray.length; i++)
			{
				var bouwjaarArray = bouwjarenArray[i].split(';;');

				var addOption = document.createElement('option');

				addOption.text = bouwjaarArray[1];
				addOption.value = bouwjaarArray[0];

				if(addOption.text!='undefined')
				{
					try {
					  bouwjaarSelect.add(addOption, null); 
					}
					catch(ex) {
					  bouwjaarSelect.add(addOption);
					}
				}			
			}	

			// UPDATE AUTOPMERK FIELD
			if(document.getElementById('required_Automerk')) document.getElementById('required_Automerk').value = merkId;
		}
	}
}



/* CAR-SELECTION */ 
function fillModelSelectBJ(selectedBouwjaar)
{
	// SHOW CONTAINER
	if(document.getElementById('modelContainer')) document.getElementById('modelContainer').style.display = 'block';
	
	var modellenSelect = document.getElementById('modelSelect');

	var url = 'inc/inc_pages/car_selector_ajax.php?ajaxAction=getModels&bouwJaar=' + selectedBouwjaar.value;
	var response = doRequest(url);

	// SET BOUWJAAR CONTAINER
	setBouwjaarSelection(document.getElementById('bouwjaarSelectContainer'));	
	
	if(response!='')
	{
		/* FIRST DELETE OLD OPTIONS */
		delAllOptions(modellenSelect);
			
		/* SET NEW OPTIONS */
		var modelsArray = response.split('|');
		modellenSelect.disabled = false;

		for(var i=0; i<modelsArray.length; i++)
		{
			var modelArray  = modelsArray[i].split(';;');

			var addOption   = document.createElement('option');

			addOption.text  = modelArray[1];
			addOption.value = modelArray[0];

			if(addOption.text!='undefined')
			{
				try {
				  modellenSelect.add(addOption, null); 
				}
				catch(ex) {
				  modellenSelect.add(addOption);
				}
			}
		}					
	}
}


function fillModelSelect(selectedMerk)
{
		// SHOW CONTAINER
		if(document.getElementById('modelContainer')) document.getElementById('modelContainer').style.display = 'block';

		var merkId = selectedMerk.value;
		var modellenSelect = document.getElementById('modelSelect');

		if(merkId==0)
		{
			setCarDataToZero();

		} else
		{
			setMerkSelection(document.getElementById('merkSelectContainer'));
		
			var url = 'inc/inc_pages/car_selector_ajax.php?ajaxAction=getModels&merkId=' + merkId;
			var response = doRequest(url);

			if(response!='')
			{
				/* FIRST DELETE OLD OPTIONS */
				delAllOptions(modellenSelect);
					
				/* SET NEW OPTIONS */
				var modelsArray = response.split('|');
				modellenSelect.disabled = false;

				for(var i=0; i<modelsArray.length; i++)
				{
					var modelArray  = modelsArray[i].split(';;');

					var addOption   = document.createElement('option');

					addOption.text  = modelArray[1];
					addOption.value = modelArray[0];

					if(addOption.text!='undefined')
					{
						try {
						  modellenSelect.add(addOption, null); 
						}
						catch(ex) {
						  modellenSelect.add(addOption);
						}
					}
				}					
			}
		}
}



function fillUitvoeringenSelect(selectedModel)
{
		// SHOW CONTAINER
		if(document.getElementById('uitvoeringContainer')) document.getElementById('uitvoeringContainer').style.display = 'block';

		var modelId = selectedModel.value;
		var uitvoeringSelect = document.getElementById('uitvoeringSelect');

		// SAVE NEW MODELID IN SESSION
		var url = 'inc/inc_pages/car_selector_ajax.php?ajaxAction=setSession&key=autoModelId&value=' + modelId;
		doRequest(url);

		setModelSelection(document.getElementById('modelSelectContainer'));

		var url = 'inc/inc_pages/car_selector_ajax.php?ajaxAction=getUitvoeringen&modelId=' + modelId;
		var response = doRequest(url);

		if(response!='')
		{
			/* FIRST DELETE OLD OPTIONS */
			delAllOptions(uitvoeringSelect);

			/* SET NEW OPTIONS */
			var uitvoeringenArray = response.split('|');
			uitvoeringSelect.disabled = false;

			for(var i=0; i<uitvoeringenArray.length; i++)
			{
				var uitvoeringArray = uitvoeringenArray[i].split(';;');

				var addOption		= document.createElement('option');
				if(uitvoeringArray[2]!='') uitvoeringArray[2] += ' ';
				addOption.text		= uitvoeringArray[2] + uitvoeringArray[1];
				addOption.value		= uitvoeringArray[0];

				if(addOption.text!='undefined undefined')
				{
					try {
					  uitvoeringSelect.add(addOption, null); 
					}
					catch(ex) {
					  uitvoeringSelect.add(addOption);
					}
				}
			}	

			// UPDATE AUTOMODEL FIELD
			if(document.getElementById('required_Automodel')) document.getElementById('required_Automodel').value = modelId;
		}
}

function chooseUitvoering(selectedUitvoering)
{
	/* FIXEER AUTOSELECTIE */
	setUitvoeringSelection(document.getElementById('uitvoeringSelectContainer'));

	setCarSelection();			

	// UPDATE AUTOMODEL FIELD
	if(document.getElementById('uitvoeringSelect'))			var uitvoeringId = document.getElementById('uitvoeringSelect').value;
	if(document.getElementById('required_Auto uitvoering')) document.getElementById('required_Auto uitvoering').value = uitvoeringId;
}



// ONLOAD -> SET CARDATA
function setCarDataOnLoad(merkId, modelId, uitvoeringId)
{
	if(merkId.match(/[a-z]/gi))
	{
		setUserCarSelection(merkId, modelId, uitvoeringId);
	}
	else
	{
		if(document.getElementById('merkSelect')) 
		{
			document.getElementById('merkSelect').value = merkId;
			fillModelSelect(document.getElementById('merkSelect'));
		}
		
		if(document.getElementById('modelSelect')) 
		{
			document.getElementById('modelSelect').value = modelId;
			fillUitvoeringenSelect(document.getElementById('modelSelect'));
		}
		
		if(document.getElementById('uitvoeringSelect'))
		{
			document.getElementById('uitvoeringSelect').value = uitvoeringId;			
			chooseUitvoering(document.getElementById('uitvoeringSelect'));
		}
	}	
}

function setUserCarSelection(merkId, modelId, uitvoeringId)
{
	// CONTAINER EMPTY
	if(document.getElementById('carSelector'))
	{
		var carCont		     = document.getElementById('carSelector');
		carCont.innerHTML	 =  '<b>Merk</b><br />' +
								'<div id=\'merkSelectContainer\'>' + 
								'<select id=\'merkSelect\' style=\'font-size:8pt; width:142px; margin-bottom:5px;\' onChange=\'fillModelSelect(this);\'></select>' +
								'</div>' + 
								'<b>Model</b><br />' +
								'<div id=\'modelSelectContainer\'>' + 
								'<select id=\'modelSelect\' style=\'font-size:8pt; width:142px; margin-bottom:5px;\' onChange=\'fillUitvoeringenSelect(this);\' DISABLED></select>' + 
								'</div>' + 
								'<b>Uitvoering</b><br />' + 
								'<div id=\'uitvoeringSelectContainer\'>' + 
								'<select id=\'uitvoeringSelect\' style=\'font-size:8pt; width:142px;\' cols="2" onChange=\'chooseUitvoering(this);\' DISABLED></select>' + 
								'</div>' + 
								'<div id=\'resetCarButtonConatiner\' style=\'display:none\'>' + 
								'<input type="button" id="resetCarButton" onClick="reSetCarSelection();" style="margin-top:3px; margin-left:6px; position: relative; overflow:hidden; background: url(../AMPage/AM_button_carselector_2.png) no-repeat; border:0px; width:134px; height:27px; font-size:10pt; font-family:arial; font-weight:normal; cursor:pointer;">' +  
								'</div>';
	}
	
	// INITIATE CONTAINERS
	var merkCont			 = document.getElementById('merkSelectContainer');
	var modelCont			 = document.getElementById('modelSelectContainer');
	var uitvoeringCont		 = document.getElementById('uitvoeringSelectContainer');			

	merkCont.innerHTML		 = '<div class="CAR_SELECTOR_TOP_VALUE">' + merkId +'</div>';
	modelCont.innerHTML		 = '<div class="CAR_SELECTOR_TOP_VALUE">' + modelId +'</div>';
	uitvoeringCont.innerHTML = '<div class="CAR_SELECTOR_TOP_VALUE">' + uitvoeringId +'</div>';

	try
	{
		document.getElementById('resetCarButtonConatiner').style.display = 'block';
	} catch(e){ }
}






/* SET CAR-SELECTION */  // -> CURRENTLY NOT USED
function setCarSelection()
{
	// INITIATE CONTAINERS
	var merkCont		= document.getElementById('merkSelectContainer');
	var modelCont		= document.getElementById('modelSelectContainer');
	var uitvoeringCont  = document.getElementById('uitvoeringSelectContainer');			
}

function setMerkSelection(merkCont)
{
	var merkSelect	    = document.getElementById('merkSelect');
	var merkNaam	    = merkSelect.options[merkSelect.selectedIndex].text; 
	var merkId		    = merkSelect.value; 
	
	document.getElementById('resetCarButtonConatiner').style.display = 'block';

	var url = 'inc/inc_pages/car_selector_ajax.php?ajaxAction=setSession&key=autoMerkId&value=' + merkId;
	var response = doRequest(url);
}

function setBouwjaarSelection(bouwjaarCont)
{
	var bouwjaarSelect	= document.getElementById('bouwjaarSelect');
	var bouwJaar		= bouwjaarSelect.value;
	
	var url = 'inc/inc_pages/car_selector_ajax.php?ajaxAction=setSession&key=autoBouwJaar&value=' + bouwJaar;
	var response = doRequest(url);
}


function setModelSelection(modelCont)
{
	var modelSelect		= document.getElementById('modelSelect');
	var modelNaam		= modelSelect.options[modelSelect.selectedIndex].text; 
	var modelId			= modelSelect.value; 

	document.getElementById('productCarButtonConatiner').style.display = 'block';

	var url = 'inc/inc_pages/car_selector_ajax.php?ajaxAction=setSession&key=autoModelId&value=' + modelId;
	doRequest(url);
}

function setUitvoeringSelection(uitvoeringCont)
{
	var uitvoeringSelect= document.getElementById('uitvoeringSelect');
	var url				= 'inc/inc_pages/car_selector_ajax.php?ajaxAction=setSession&key=autoUitvoeringId&value=' + uitvoeringSelect.value;
	doRequest(url);
}






function setCarDataToZero()
{	
	// SET CAR SPECIFICATION FIELD
	var carCont		   = document.getElementById('carSelector');
	carCont.innerHTML  = '<div style="margin-bottom:0px; padding-bottom:5px; padding-right:4px; width:141px; border-bottom:white solid 1px;">Geef hieronder uw auto gegevens in:</div><br />';
	carCont.innerHTML += '<b>Merk</b><br /><input type="text" id="carUserMerk" style="font-size:8pt; width:142px; margin-bottom:5px;" value="Type hier uw automerk" onFocus="this.select();"><br />';
	carCont.innerHTML += '<b>Model</b><br /><input type="text" id="carUserModel" style="font-size:8pt; width:142px; margin-bottom:5px;" value="Type hier uw automodel" onFocus="this.select();"><br />';
	carCont.innerHTML += '<b>Uitvoering</b><br /><input type="text" id="carUserUitvoering" style="font-size:8pt; width:142px; margin-bottom:5px;" value="Type hier de uitvoering" onFocus="this.select();"><br />';
	carCont.innerHTML += '<b>Bouwjaar</b><br /><input type="text" id="carUserJaar" style="font-size:8pt; width:142px; margin-bottom:5px;" value="Type hier het bouwjaar" onFocus="this.select();"><br />';
	carCont.innerHTML += '<input type="button" id="resetCarButton" class="buttonGray" onClick="setCarInput();" value="Opslaan" style="margin-top:10px; margin-left:8px;">';

	document.getElementById('carUserMerk').focus();
}

function setCarInput()
{
	var userMerkInput		 = document.getElementById('carUserMerk').value;
	var userModelInput		 = document.getElementById('carUserModel').value;
	var userUitvoeringInput  = document.getElementById('carUserUitvoering').value + ' ' + document.getElementById('carUserJaar').value;

	var url			   = 'inc/inc_pages/car_selector_ajax.php?ajaxAction=setSession&key=autoMerkId&value=' + userMerkInput;
	var response	   = doRequest(url);

	var url			   = 'inc/inc_pages/car_selector_ajax.php?ajaxAction=setSession&key=autoModelId&value=' + userModelInput;
	var response	   = doRequest(url);

	var url			   = 'inc/inc_pages/car_selector_ajax.php?ajaxAction=setSession&key=autoUitvoeringId&value=' + userUitvoeringInput;
	var response	   = doRequest(url);

	// UPDATE AUTO-DATA FIELDS
	if(document.getElementById('required_Automerk')) document.getElementById('required_Automerk').value = userMerkInput;
	if(document.getElementById('required_Automodel')) document.getElementById('required_Automodel').value = userModelInput;
	if(document.getElementById('required_Auto uitvoering')) document.getElementById('required_Auto uitvoering').value = userUitvoeringInput;

	setUserCarSelection(userMerkInput, userModelInput, userUitvoeringInput);
}








/* RESET CAR-SELECTION */ 
function reSetCarSelection()
{
	var merkCont		 = document.getElementById('merkSelectContainer');
	var modelCont		 = document.getElementById('modelSelectContainer');
	var uitvoeringCont   = document.getElementById('uitvoeringSelectContainer');

	var masterCont		 = document.getElementById('carSelector');

	merkCont.innerHTML   = '<select id=\'merkSelect\' style=\'font-size:8pt; width:142px; margin-bottom:5px;\' onChange=\'fillModelSelect(this);\'></select>';
	modelCont.innerHTML  = '<select id=\'modelSelect\' style=\'font-size:8pt; width:142px; margin-bottom:5px;\' onChange=\'fillUitvoeringenSelect(this);\' DISABLED></select>';
	uitvoeringCont.innerHTML = '<select id=\'uitvoeringSelect\' style=\'font-size:8pt; width:142px;\' cols=\'2\' onChange=\'chooseUitvoering(this);\' DISABLED></select>';

	// SHOW CONTAINER
	if(document.getElementById('modelContainer'))		document.getElementById('modelContainer').style.display		 = 'none';
	if(document.getElementById('uitvoeringContainer'))  document.getElementById('uitvoeringContainer').style.display = 'none';


	try
	{
		document.getElementById('resetCarButtonConatiner').style.display = 'none';
		document.getElementById('productCarButtonConatiner').style.display = 'none';		
	} catch(e){ }
	
	
	fillMerkSelect();

	var url = 'inc/inc_pages/car_selector_ajax.php?ajaxAction=setSession&key=autoMerkId&value=';
	doRequest(url);

	var url = 'inc/inc_pages/car_selector_ajax.php?ajaxAction=setSession&key=autoModelId&value=';
	doRequest(url);

	var url = 'inc/inc_pages/car_selector_ajax.php?ajaxAction=setSession&key=autoUitvoeringId&value=';
	doRequest(url);

	// RESET CARDATA ON PAGE
	if(document.getElementById('required_Automerk'))		document.getElementById('required_Automerk').value = '';
	if(document.getElementById('required_Automodel'))		document.getElementById('required_Automodel').value = '';
	if(document.getElementById('required_Auto uitvoering')) document.getElementById('required_Auto uitvoering').value = '';

	try
	{
		carUserReset();
	}
	catch(e){}

	// RELOAD PAGE
	window.location.reload();
}







function delAllOptions(selectCont)
{
	try
	{
		selectCont.length = 0;	
	} catch(e){ }
}