function constructSelect(id, options, firstOption){
	var selectOptions='<option value="">'+firstOption+'</option>';
	for (var i=0;i<options.length;i++){
		selectOptions+='<option value="'+i+'">'+options[i]+'</option>';
	}
	$('#'+id).html(selectOptions);
}
$(document).ready(function()
{
	$.get("productselectordata.xml",null,function(xml){
		var selectData;
		var psArray=new Array();
		$(xml).find('make').each(function(){
			var name = $(this).attr('name');
			psArray.push(name);
		});
		constructSelect('firstlevelselect',psArray,'Select your Truck');
	});
	$('#firstlevelselect').change(function(){
		$('#secondlevel,#thirdlevel,#fourthlevel,#formfooter').slideUp();
		if($(this).val() != ''){
			$.get("productselectordata.xml",null,function(xml, value){
				var value=$('#firstlevelselect').val();
				var selectData;
				var psArray=new Array();
				$(xml).find('make:eq('+value+')').children().each(function(){
					var name = $(this).attr('name');
					psArray.push(name);
				});
				constructSelect('secondlevelselect',psArray,'Select the Model');
				$('#secondlevel').slideDown();
			});
		}
	});
	$('#secondlevelselect').change(function(){
		$('#thirdlevel,#fourthlevel,#formfooter').slideUp();
		if($(this).val() != ''){
			$.get("productselectordata.xml",null,function(xml, value){
				var flVal=$('#firstlevelselect').val();
				var slVal=$('#secondlevelselect').val();
				var selectData;
				var psArray=new Array();
				$(xml).find('make:eq('+flVal+') model:eq('+slVal+')').children().each(function(){
					var name = $(this).attr('name');
					psArray.push(name);
				});
				constructSelect('thirdlevelselect',psArray,'Select the Year');
				$('#thirdlevel').slideDown();
			});
		}
	});
	$('#thirdlevelselect').change(function(){
		$('#fourthlevel,#formfooter').slideUp();
		if($(this).val() != ''){
			$.get("productselectordata.xml",null,function(xml, value){
				var flVal=$('#firstlevelselect').val();
				var slVal=$('#secondlevelselect').val();
				var tlVal=$('#thirdlevelselect').val();
				var selectData;
				var psArray=new Array();
				$(xml).find('make:eq('+flVal+') model:eq('+slVal+') year:eq('+tlVal+')').children().each(function(){
					var name = $(this).attr('name');
					psArray.push(name);
				});
				constructSelect('fourthlevelselect',psArray,'Select the Bed');
				$('#fourthlevel').slideDown();
			});
		}
	});
	$('#fourthlevelselect').change(function(){
		if($(this).val() != ''){
			$.get("productselectordata.xml",null,function(xml, value){
				var flVal=$('#firstlevelselect').val();
				var slVal=$('#secondlevelselect').val();
				var tlVal=$('#thirdlevelselect').val();
				var olVal=$('#fourthlevelselect').val();
				var url=$(xml).find('make:eq('+flVal+') model:eq('+slVal+') year:eq('+tlVal+') bed:eq('+olVal+')').attr('url');
				$('#productselectorsubmit').attr({
					href: url
				});
				$('#formfooter').slideDown();
			});
		}else{
			$('#formfooter').slideUp();
		}
	});
});
