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

$(productSearchResult.init);
$(function(){
	$('.selection.frontpage.carModel').unbind('change');
	$('.selection.frontpage.carYear').unbind('change');
	$('.selection.frontpage.carMake').unbind('change');
	$('.selection.frontpage.carModel').empty().append(createOption('',_getText('select-model')));
	$('.selection.frontpage.carYear').empty().append(createOption('',_getText('select-year')));
	$('.selection.frontpage.carMake').prepend(createOption('',_getText('select-make')));

	if ($('.selection.frontpage.carMake').length)
		$.ajax(
				{	url:'/ajax/search/get-make-list',
					
					data:{},
					type:'GET',
					dataType:'json',
					success : function(data){
						$('.selection.frontpage.carMake').empty().append(createOption('',_getText('select-make')));
						for(x in data){
							$('.selection.frontpage.carMake').append(createOption(data[x]['id'],data[x]['vehicleMake']));
						}
						$('.selection.frontpage.carYear').attr('disabled','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',
					
					data:{make:$(this).val()},
					type:'GET',
					dataType:'json',
					success : function(data){
						$('.selection.frontpage.carYear').empty().append(createOption('',_getText('select-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',
					data:{make:$('.selection.frontpage.carMake').val(),year:$(this).val()},
					type:'GET',
					dataType:'json',
					success : function(data){
						$('.selection.frontpage.carModel').empty().append(createOption('',_getText('select-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();
	});
});
/*$(function(){
	$('.empty')
	.append('<span class="filter">Solo Series: <input name="isSolo" searchby="series" type="checkbox"/></span>')
	.append('<span class="filter">Multi Series: <input name="isMulti" type="checkbox" searchby="series"/></span>')
	.append('<span class="filter">Omni Series: <input name="isOmni" type="checkbox" searchby="series"/></span>')
	.append('<span class="filter">Blade Series: <input name="isBlade" type="checkbox" searchby="series"/></span>')
	.append('<span class="filter">Transponder Bypass: <input name="isTransponder" type="checkbox" searchby="features"/></span>')
	.append('<span class="filter">Doorlock Control: <input name="isDoorlock" type="checkbox" searchby="features"/></span>')
	.append('<span class="filter">Alarm Control: <input name="isAlarm" type="checkbox" searchby="features"/></span>');
	$('.empty input:checkbox').bind('change',
			FilterResults);
			});

*/
function FilterResults(){
		
		var filters = [];
		$('tr.product').each(
			function(){
				var prod = $(this);
				var show = false;
				if($('span.filter input:checkbox[searchby=series]:checked').size()==0) show = true;
				$('span.filter input:checkbox[searchby=series]').each(
						function(){
							if($(this).attr('checked')){
							show = show || Filters[$(this).attr('name')](prod.attr('filters'));
							}
						});
				$('span.filter input:checkbox[searchby=features]').each(
						function(){
							if($(this).attr('checked')){
							show = show && Filters[$(this).attr('name')](prod.attr('filters'));
							}
						});
				if(show){
					if($.support.opacity){
						$(this).fadeIn('slow');
					} else {
						$(this).show();
					}
				} else {
					if($.support.opacity){
						$(this).fadeOut('slow');
					} else {
						$(this).hide();
					}
				}
							
				
			});		
	}