$(document).ready(function() { 

	//this checks if the element called comparison_row is clicked
	//it then gets and sets the comparison checkbox ('comparison')
	$('.comparison_row').click(function(){
	
		var ind = $('.comparison_row').index(this);
		
		var $this = $('.comparison')[ind];
		var $img = $('.addCompare')[ind];
		
		if($this.checked == true){
			$this.checked = false;
			$img.src = "/i/add-to-compare.png";
		}
		else
		{
			$this.checked = true;
			var chkCount = $(".comparison:checked").length; //how many compare items are checked.
			
			if(chkCount > 4)
			{
				$this.checked = false;
				alert("Please select four or less vehicles for comparison");
				return false;
			}
			
			
			$img.src = "/i/add-to-compare-on.png";
		}
		
		
	
		if ($('.comparison')[ind].checked === true)
		{
						
			var vehid = $('.comparison')[ind].value;
		
			//alert(vehid);
			$.post('basket.ajax.php', {vehid: vehid, basketType: 'compare', action: 'add'});
			
			
			
			if(chkCount === 1)
			{
				$('#mpg').removeClass('fadedtab');
				$('#mpg').addClass('tabGrey');
				$('#mpg').html('<a class="compare" href="?tab=compare">Compare</a>');
				$('#compareButton').attr('disabled', '');
			}
			
			
		}
		else
		{
			var vehid = $('.comparison')[ind].value;
		
			$.post('basket.ajax.php',{vehid: vehid, basketType: 'compare', action: 'remove'});
			
			var chkCount = $(".comparison:checked").length;
			
			if(chkCount === 0)
			{
				$('#mpg').addClass('fadedtab');
				$('#mpg').removeClass('tabGrey');
				$('#mpg').html('<a class="compare">Compare</a>');
				$('#compareButton').attr('disabled', 'disabled');
			}
			
		}
	});
	
	//check if add to lease is clicked.
	$('.lease_row').click(function(){
	
		var ind = $('.lease_row').index(this);
		
		var $this = $('.lease')[ind];
		var $img = $('.addLease')[ind];
		
		if($this.checked == true){
			$this.checked = false;
			$img.src = "/i/add-to-leasing.png";
		}
		else
		{
			$this.checked = true;
			$img.src = "/i/add-to-leasing-on.png";
		}
	
		if ($('.lease')[ind].checked === true)
		{
			var vehid = $this.value;
		
			$.post('basket.ajax.php',{vehid: vehid, basketType: 'lease', action: 'add'});
			
			var chkCount = $(".lease:checked").length;
			
			if(chkCount === 1)
			{
				$('#co2').removeClass('fadedtab');
				$('#co2').addClass('tabGrey');
				$('#co2').html('<a class="leasing" href="?tab=leasing">Leasing</a>');
				$('#leaseButton').attr('disabled', '');
			}
		}
		else
		{
			var vehid = $this.value;
		
			$.post('basket.ajax.php',{vehid: vehid, basketType: 'lease', action: 'remove'});
			
			var chkCount = $(".lease:checked").length;
			
			if(chkCount === 0)
			{
				$('#co2').addClass('fadedtab');
				$('#co2').removeClass('tabGrey');
				$('#co2').html('<a class="leasing">Leasing</a>');
				$('#leaseButton').attr('disabled', 'disabled');
			}
		}
	});
	
	//add to basket button is clicked on the search database page.
	$('.addVehicle').live('click', function()
	{
	
		if($('#loading').length > 0){ //checks to see if the element exists.
			$("#loading").unbind("ajaxStart");
		}
		
		
		
		var vehid = $(this).attr('id');
		$.post('/basket/basket.ajax.php',{vehid: vehid, basketType: 'basket', action: 'add'}, function(data){
		
			if($('#loading').length > 0)
			{
					$("#loading").ajaxStart(function(e){
						   $(this).show();
						   $('#ResultSet').fadeTo('slow', 0.33);
					});
			}
		});
		
		$(this).attr("src","/i/shopping-cart-small-added.png");
		$(this).attr('class','vehicleAdded');
		
		var items = $('#items-in-basket').text();
		$('#items-in-basket').text((items - 0)+ 1); //subtracting zero, turns a string to a numeric value.
		$('#shoppingCart').attr("src","/i/shopping-cart-added.png");
	
	});
	
	//add to basket button is clicked on the search database page.
	$('.vehicleAdded').live('click', function()
	{
	
		location.href='/basket/';
	
	});
	
			

});