$(function(){


	//$('.MoreInfoBox').hide();
	//$('.SimilarBox').hide();
	
		
	if(!$('#showvtype').is(':checked'))
	{
		$('#vehicleType').hide();
	}
	
	if(!$('#showfilter').is(':checked'))
	{
		$('#filters').hide();
	}
	
	if(!$('#showVEDbands').is(':checked'))
	{
		$('#vedbands').hide();
	}
	if(!$('#showMPGbands').is(':checked'))
	{
		$('#mpgbands').hide();
	}
	
	if(!$('#showManAuto').is(':checked'))
	{
		$('#manauto').hide();
	}
	
	$('.moreinfo').live('click',function(event) {
	
		var index = $('.moreinfo').index(this);
		
		var sim = $('.similar')[index];
		sim.src = "/search_database/images/similar.png";
		
		//next bit of code use to make sure the right image is replaced
		//IE resets the image src when using Ajax !
		var src = $(this).attr("src");
		var strMatch = /moreinfo.png/;
		var matchPos = src.search(strMatch);
		
		if(matchPos != -1) {
			$(this).attr("src","/search_database/images/moreinfo-on.png");
		} else {
		
			$(this).attr("src","/search_database/images/moreinfo.png");
		}
		
		$('#SimilarBox' + index).hide('slow', function() {
			$('#MoreInfoBox' + index).slideToggle('slow');
			if (jQuery.browser.msie)  
            this.style.removeAttribute('filter');
		});


	})
	
	$('.similar').live('click',function(event) {
	
		var index2 = $('.similar').index(this);
		
		var moreinfo = $('.moreinfo')[index2];
		moreinfo.src = "/search_database/images/moreinfo.png";
		
		//next bit of code use to make sure the right image is replaced
		//IE resets the image src when using Ajax !
		var src = $(this).attr("src");
		var strMatch = /similar.png/;
		var matchPos = src.search(strMatch);
		
		if(matchPos != -1) {
			$(this).attr("src","/search_database/images/similar-on.png");
		} else {
		
			$(this).attr("src","/search_database/images/similar.png");
		}
		
		$('#MoreInfoBox' + index2).hide('slow', function() {
			$("#SimilarBox" + index2).slideToggle("slow");
			if (jQuery.browser.msie)  
            this.style.removeAttribute('filter');
		});
	})
	
	
	$('#searchVehicleClass').click(function(){
		$('#vehicleClass').removeClass('hide');
		$('#makemodel').addClass('hide');
		$('#searchby').val('vehicleclass');
		$('#searchVehicleClass .tab_left').addClass('tab_left_blue').removeClass('tab_left_grey');
		$('#searchVehicleClass .tab_middle').addClass('tab_middle_blue').removeClass('tab_middle_grey');
		$('#searchVehicleClass .tab_right').addClass('tab_right_blue').removeClass('tab_right_grey');
		$('#searchMakeModel .tab_left').addClass('tab_left_grey').removeClass('tab_left_purple');
		$('#searchMakeModel .tab_middle').addClass('tab_middle_grey').removeClass('tab_middle_purple');
		$('#searchMakeModel .tab_right').addClass('tab_right_grey').removeClass('tab_right_purple');
		$('#resultsSection .tab_left').addClass('tab_left_blue').removeClass('tab_left_purple');
		$('#resultsSection .tab_middle').addClass('tab_middle_blue').removeClass('tab_middle_purple');
		$('#resultsSection .tab_right').addClass('tab_right_blue').removeClass('tab_right_purple');
		$('#resultWrap').addClass('blue').removeClass('purple');
		$('#resultsSection').addClass('resultSetBGBlue').removeClass('resultSetBGPurple');
		$('#container').addClass('containerBGBlue').removeClass('containerBGPurple');
		$('#vehicle_header').addClass('headerBGBlue').removeClass('headerBGPurple');
		$('#search-bottom').addClass('bottomBGBlue').removeClass('bottomBGPurple');
		$('#filters').addClass('containerBGBlue').removeClass('containerBGPurple');
		return false;
	});
	
	
	$('#searchMakeModel').click(function(){
		$('#vehicleClass').addClass('hide');
		$('#makemodel').removeClass('hide');
		$('#searchby').val('makemodel');
		$('#searchMakeModel .tab_left').addClass('tab_left_purple').removeClass('tab_left_grey');
		$('#searchMakeModel .tab_middle').addClass('tab_middle_purple').removeClass('tab_middle_grey');
		$('#searchMakeModel .tab_right').addClass('tab_right_purple').removeClass('tab_right_grey');
		$('#searchVehicleClass .tab_left').addClass('tab_left_grey').removeClass('tab_left_blue');
		$('#searchVehicleClass .tab_middle').addClass('tab_middle_grey').removeClass('tab_middle_blue');
		$('#searchVehicleClass .tab_right').addClass('tab_right_grey').removeClass('tab_right_blue');
		$('#resultsSection .tab_left').addClass('tab_left_purple').removeClass('tab_left_blue');
		$('#resultsSection .tab_middle').addClass('tab_middle_purple').removeClass('tab_middle_blue');
		$('#resultsSection .tab_right').addClass('tab_right_purple').removeClass('tab_right_blue');
		$('#resultWrap').addClass('purple').removeClass('blue');
		$('#resultsSection').removeClass('resultSetBGBlue').addClass('resultSetBGPurple');
		$('#container').addClass('containerBGPurple').removeClass('containerBGBlue');
		$('#vehicle_header').addClass('headerBGPurple').removeClass('headerBGBlue');
		$('#search-bottom').addClass('bottomBGPurple').removeClass('bottomBGBlue');
		$('#filters').addClass('containerBGPurple').removeClass('containerBGBlue');
		return false;
	});
	
	
	$('#specificSearch').click(function(){
	
		var make, model, makeval, modelval, makemodel;
		
		make = $('#fullSearchManu :selected').text();
		model = $('#fullSearchModel :selected').text();
		makeval = $('#fullSearchManu').val();
		modelval = $('#fullSearchModel').val();
		makemodel = "";
		
		if(makeval !== ""){
			makemodel = "/Used/" + make + "/";
		}
		
		if(makeval != "" && modelval != "")
		{
			makemodel += model + "/";
		}
		
		//alert(makemodel);
		location.href="/vehicle-search/" + makemodel;
		return false;
		
		
	});
	
	$('#showvtype').click(function(event) {
			 
			$("#vehicleType" ).slideToggle("slow");
	});
	
	$('#showfilter').click(function(event) {

			$("#filters" ).slideToggle("slow");
	});
	
	$('#criteria1').click(function(event) {

			$("#vehicleClass" ).slideToggle("slow");
	});
	
	$('#showVEDbands').click(function(event) {

			$("#vedbands" ).slideToggle("slow");
	});
	
	$('#showMPGbands').click(function(event) {

			$("#mpgbands").slideToggle("slow");
	});
	
	
	$('#showManAuto').click(function(event) {

			$("#manauto").slideToggle("slow");
	});
	
	
	$('#vehicleForm input').change(function(){
	
		var tag = $(this).attr('id');
		
		if(tag != 'showvtype' && tag != 'showVEDbands' && tag != 'showMPGbands' && tag != 'showfilter')
		{
			$('#submitButton').addClass('filterButton');
		}
	});

});