function createOption(val,label){
	var opt = document.createElement('option');
    opt.value = val;
    opt.appendChild(document.createTextNode(label));
    return opt;
}

$(function(){
	$('.selection.frontpage.carModel').empty().append(createOption('','Select a model'));
	$('.selection.frontpage.carYear').empty().append(createOption('','Select a year'));
	$('.selection.frontpage.carMake').prepend(createOption('','Select a make'));
	
	$.ajax(
			{	url:'/ajax/search/get-make-list/lan/En',
				
				data:{},
				type:'GET',
				dataType:'json',
				success : function(data){
					$('.selection.frontpage.carMake').empty().append(createOption('','Select a make'));
					for(x in data){
						$('.selection.frontpage.carMake').append(createOption(data[x]['id'],data[x]['vehicleMake']));
					}
					$('.selection.frontpage.carYear').removeAttr('disabled');
					$('.selection.frontpage.carModel').attr('disabled','disabled');
				},
                error : function(xhr) {
                	ErrorMessage(xhr);
				}
			});
	
	$('.selection.frontpage.carMake').bind('change',function(){
		$.ajax(
				{	url:'/ajax/search/get-year-list/lan/En',
					
					data:{make:$(this).val()},
					type:'GET',
					dataType:'json',
					success : function(data){
						$('.selection.frontpage.carYear').empty().append(createOption('','Select a year'));
						for(x in data){
							$('.selection.frontpage.carYear').append(createOption(data[x]['id'],data[x]['vehicleYear']));
						}
						$('.selection.frontpage.carYear').removeAttr('disabled');
						$('.selection.frontpage.carModel').attr('disabled','disabled');
					},
	                error : function(xhr) {
	                	ErrorMessage(xhr);
					}
				});
		
	});
	
	$('.selection.frontpage.carYear').bind('change',function(){
		$.ajax(
				{	url:'/ajax/search/get-vehicle-list/lan/En',
					data:{make:$('.selection.frontpage.carMake').val(),year:$(this).val()},
					type:'GET',
					dataType:'json',
					success : function(data){
						$('.selection.frontpage.carModel').empty().append(createOption('','Select a model'));
						for(x in data){
							$('.selection.frontpage.carModel').append(createOption(data[x]['id'],data[x]['vehicleName']));
						}
						$('.selection.frontpage.carModel').removeAttr('disabled');
					},
	                error : function(xhr) {
	                	ErrorMessage(xhr);
					}
				});
		
	});
	
	$('.selection.frontpage.carModel').bind('change',function(){
		location.href="/search/index/model/"+$(this).val();
	});
});