// JavaScript Document
	
	function ToggleValue(toggle)
	{
		var brandVal = document.getElementById("hdnBrand").value;
		if(toggle)
			brandVal = brandVal == 0 ? 1 : 0;
			
		if(brandVal == 1)
		{
			document.getElementById("trBrand").className = "display";	
			document.getElementById("divBrand").style.display = "none";		
		}
		else
		{
			document.getElementById("trBrand").className = "noDisplay";		
		}
		
		document.getElementById("hdnBrand").value = brandVal;
	}
	
	//toggle the values
	ToggleValue(false);
	
	function ToggleValueMore(toggle)
	{
		var val = document.getElementById("hdnMore").value;
		if(toggle)
			val = val == 0 ? 1 : 0;
			
		if(val == 1)
		{
			document.getElementById("trMore").className = "display";
			document.getElementById("divMore").innerHTML = "";		
		}
		else
		{
			document.getElementById("trMore").className = "noDisplay";		
		}
		
		document.getElementById("hdnMore").value = val;
	}
	
	//toggle more values
	ToggleValueMore(false);
	
	function selectAll(type, chkId)
	{
		var obj = document.getElementsByTagName("input");
		var val = document.getElementById("hdnBrand").value;
		
		if(type == "all")
		{
			bolVal = true;
		}
		else
		{
			bolVal = false;
		}
		
		
		for ( var i = 0 ; i < obj.length ; i++ )
		{
			if ( obj[i].type == "checkbox" && obj[i].id.indexOf(chkId) != -1 && obj[i].disabled == false)
			{
				if(val == 0)
				{
					if(obj[i].id.indexOf("Common") != -1)
						obj[i].checked = bolVal;
				}
				else
					obj[i].checked = bolVal;
			}
		}
	}
	
	
	var re = /^[0-9]*$/
	
	/* Validations */ 			
	//validations
	document.getElementById('butShow').onclick = form_Submit;
	document.getElementById('butShowBot').onclick = form_Submit;
	
	function form_Submit( e )
	{
		var isError = false;
				
		showHideImage();
		
		var spend1 = 0;
		var spend2 = 0;						
		if ( document.getElementById("txtSpend1").value != "" && !re.test ( document.getElementById("txtSpend1").value ) )
		{	
			document.getElementById("spnSpend").innerHTML = "Please provide your budget in numerics only, like 250000.";
			isError = true;
		}
		else
		{
			document.getElementById("spnSpend").innerHTML = "";
			spend1 = Number(document.getElementById("txtSpend1").value);
		}
		
		if ( document.getElementById("txtSpend2").value != "" && !re.test ( document.getElementById("txtSpend2").value ) )
		{	
			document.getElementById("spnSpend").innerHTML = "Please provide your budget in numerics only, like 250000.";
			isError = true;
		}
		else
		{
			if(document.getElementById("spnSpend").value == "")
				document.getElementById("spnSpend").innerHTML = "";
				
			spend2 = Number(document.getElementById("txtSpend2").value);
		}
		
		if((spend1 !=0 && spend2 != 0) && (spend2 <= spend1 ))	
		{
			document.getElementById("spnSpend").innerHTML = "Your budget range is not correct.";
			isError = true;
		}
		else
			if(document.getElementById("spnSpend").value == "")
				document.getElementById("spnSpend").innerHTML = "";	
		
		if ( document.getElementById("txtTravelCity").value != "" && !re.test ( document.getElementById("txtTravelCity").value ) )
		{	
			document.getElementById("spnCity").innerHTML = "Numbers Only";
			isError = true;
		}
		else
		{
			document.getElementById("spnCity").innerHTML = "";
		}
		
		if ( document.getElementById("txtTravelHighway").value != "" && !re.test ( document.getElementById("txtTravelHighway").value ) )
		{	
			document.getElementById("spnHighway").innerHTML = "Numbers Only";
			isError = true;
		}
		else
		{
			document.getElementById("spnHighway").innerHTML = "";
		}		

		if ( document.getElementById("txtSeat").value != "" && !re.test ( document.getElementById("txtSeat").value ) )
		{	
			document.getElementById("spnSeat").innerHTML = "Numbers Only";
			isError = true;
		}
		else
		{
			document.getElementById("spnSeat").innerHTML = "";
		}
				
		if ( isError == true ) 
		{
			window.scroll(0,200);
			return false;
		}
	}
	
	function showHideImage()
	{
		if(document.getElementById("txtSpend1").value == "" && document.getElementById("txtSpend2").value == "")
			document.getElementById("imgSpend").style.display = "none";
			
		if(document.getElementById("txtTravelCity").value == "")
			document.getElementById("imgCity").style.display = "none";
			
		if(document.getElementById("txtTravelHighway").value == "")
			document.getElementById("imgHighway").style.display = "none";
		
		if(document.getElementById('divResults') && document.getElementById("txtTravelCity").value == "" && document.getElementById("txtTravelHighway").value == "")
			document.getElementById("imgTravel").style.display = "none";
		
		
		if(document.getElementById("sliderValueFe").value == "0")
		{	document.getElementById("imgFuel").style.display = "none";
			if(document.getElementById('divResults'))
				document.getElementById("imgFuel1").style.display = "none";	}
		
		if(document.getElementById("sliderValueMc").value == "0")
		{	document.getElementById("imgMaintenance").style.display = "none";
			if(document.getElementById('divResults'))
				document.getElementById("imgMaintenance1").style.display = "none";	}
				
		if(document.getElementById("sliderValueRv").value == "0")
		{	document.getElementById("imgResale").style.display = "none";
			if(document.getElementById('divResults'))
				document.getElementById("imgResale1").style.display = "none";	}
				
		if(document.getElementById("sliderValueSa").value == "0")
		{	document.getElementById("imgSafety").style.display = "none";
			if(document.getElementById('divResults'))
				document.getElementById("imgSafety1").style.display = "none";	}
				
		if(document.getElementById("sliderValueCo").value == "0")
		{	document.getElementById("imgComfort").style.display = "none";
			if(document.getElementById('divResults'))
				document.getElementById("imgComfort1").style.display = "none";	}
				
		if(document.getElementById("sliderValuePe").value == "0")
		{	document.getElementById("imgPerformance").style.display = "none";
			if(document.getElementById('divResults'))
				document.getElementById("imgPerformance1").style.display = "none";	}
				
		if(document.getElementById("sliderValueVm").value == "0")
		{	document.getElementById("imgValue").style.display = "none";
			if(document.getElementById('divResults'))
				document.getElementById("imgValue1").style.display = "none";	}
		
		var obj = document.getElementsByTagName("input");
		var check = false;		
		for ( var i = 0 ; i < obj.length ; i++ )
		{
			if ( obj[i].type == "checkbox" && obj[i].id.indexOf("clstBrands") != -1 && obj[i].checked == true)
			{
				check = true;
				break;
			}
		}	
		if(check == false)
			document.getElementById("imgBrands").style.display = "none";
			
		if(document.getElementById("chkAirConditioner").checked == false && 
			document.getElementById("chkPowerSteering").checked == false &&
			document.getElementById("chkPowerWindows").checked == false && 
			document.getElementById("chkCentralLocking").checked == false && 
			document.getElementById("chkAutomaticTransmission").checked == false && 
			document.getElementById("chkABS").checked == false )
				document.getElementById("imgFeatures").style.display = "none";
			
		if(document.getElementById("txtSeat").value == "")
			document.getElementById("imgSeat").style.display = "none";
			
		if(document.getElementById("chkPetrol").checked == false && 
			document.getElementById("chkDiesel").checked == false &&
			document.getElementById("chkLPG").checked == false )
				document.getElementById("imgFuelType").style.display = "none";
			
		check = false;		
		for ( var i = 0 ; i < obj.length ; i++ )
		{
			if ( obj[i].type == "checkbox" && obj[i].id.indexOf("clstSegments") != -1 && obj[i].checked == true)
			{
				check = true;
				break;
			}
		}	
		if(check == false)
			document.getElementById("imgSegments").style.display = "none";
			
		check = false;		
		for ( var i = 0 ; i < obj.length ; i++ )
		{
			if ( obj[i].type == "checkbox" && obj[i].id.indexOf("chkBodyStyle") != -1 && obj[i].checked == true)
			{
				check = true;
				break;
			}
		}	
		if(check == false)
			document.getElementById("imgBody").style.display = "none";
		
		if(document.getElementById("chkHeightTall").checked == false)
		{	document.getElementById("imgTall").style.display = "none";
			if(document.getElementById('divResults'))
				document.getElementById("imgTall1").style.display = "none";	}
				
		if(document.getElementById("chkChauffeurDriven").checked == false)
		{	document.getElementById("imgChauffeur").style.display = "none";
			if(document.getElementById('divResults'))
				document.getElementById("imgChauffeur1").style.display = "none";	}
				
		if(document.getElementById("chkDriversComfortWomen").checked == false)
		{	document.getElementById("imgWomen").style.display = "none";
			if(document.getElementById('divResults'))
				document.getElementById("imgWomen1").style.display = "none";	}
				
		if(document.getElementById("chkHighSpeed").checked == false)
		{	document.getElementById("imgHighSpeed").style.display = "none";
			if(document.getElementById('divResults'))
				document.getElementById("imgHighSpeed1").style.display = "none";	}
	}
	
	//show or hide images
	showHideImage();
	/* Validatuions End Here */
	
	function prepareChecks( chkId )
	{
		if ( chkId.checked )
			addToComparisonList(chkId.value);
		else 
			removeFromComparisonList(chkId.value);
	}

	if(document.getElementById('divResults'))
	{
		var totalChecked = 0;
		var chks = document.getElementById('divResults').getElementsByTagName('input');
						
		function disableAll()
		{
			for ( var j = 0; j < chks.length; j++ )
			{
				if ( chks[j].type && chks[j].type == "checkbox" )
				{
					if ( !chks[j].checked ) chks[j].disabled = true;
				}
			}
		}
		
		function enableAll()
		{
			for ( var j = 0; j < chks.length; j++ )
			{
				if ( chks[j].type && chks[j].type == "checkbox" )
				{
					chks[j].disabled = false;
				}
			}
		}
		
		function showHideSelectComparison()
		{
			if (document.getElementById("hdnComparisonSelected") && document.getElementById("divResults"))
			{
				if(document.getElementById("hdnComparisonSelected").value != "")
				{
					document.getElementById("divSelectComparison").style.display = "";
					document.getElementById("divSelectComparison1").style.display = "";
				}
				else
				{
					document.getElementById("divSelectComparison").style.display = "none";
					document.getElementById("divSelectComparison1").style.display = "none";
				}
				
				var startMsg = "<span>Selected Vehicles [Can select vehicles across pages]</span><br>";
				
				document.getElementById("divSelectComparison").innerHTML = startMsg + document.getElementById("hdnComparisonSelectedNames").value;
				document.getElementById("divSelectComparison1").innerHTML = startMsg + document.getElementById("hdnComparisonSelectedNames").value;
				
				checkVehiclesSelected();
			}
		}
		
		function checkVehiclesSelected()
		{
			//this functions checks for the vehicles selected, and if it is equal to 4
			//then disables all the check boxes
			var selIds = document.getElementById("hdnComparisonSelected").value;
			
			if(selIds != "")
			{
				var ids = selIds.split(",");
				
				if(ids.length == 5)	//for maximum 4 selections
					disableAll();
				else
					enableAll();
			}
		}
		
		function checkSelectedItems()
		{
			if (document.getElementById("hdnComparisonSelected") && document.getElementById("divResults"))
			{
				var selIds = document.getElementById("hdnComparisonSelected").value;
			
				if(selIds != "")
				{
					var ids = selIds.split(",");
					
					//make the check boxes which are in the selected list to be checked
					for(var i = 0; i < ids.length -1; i++)
					{
						//also check the check box for the corresponding id
						for ( var j = 0; j < chks.length; j++ )
						{
							if ( chks[j].type && chks[j].type == "checkbox" && chks[j].value == ids[i] )
							{
								chks[j].disabled = false;
								chks[j].checked = true;
							}
						}
					}
				}
			}
		}
			
		showHideSelectComparison();
		checkSelectedItems();
		
		function addToComparisonList(carId)
		{
			document.getElementById("hdnComparisonSelected").value += carId + ",";
			var carName = document.getElementById("spnCar" + carId).innerHTML;
			
			while(carName.indexOf("\n") != "-1")
				carName = carName.replace("\n", "");
			
			var removeLink = "<a style=\"cursor:pointer;\" onclick='javascript:removeFromComparisonList(" + carId + ",\"" + carName + "\")'><b>Remove</b></a>";
			
			var carNameToBeAdded = removeLink + " " + carName + "<br>";
			document.getElementById("hdnComparisonSelectedNames").value += carNameToBeAdded;
			
			showHideSelectComparison();
		}
		
		function removeFromComparisonList(carId, carName)
		{
			document.getElementById("hdnComparisonSelected").value = 
						document.getElementById("hdnComparisonSelected").value.replace(carId + ",", "");
			
			var carNameT = "";
			if(carName)	
				carNameT = carName;
			else
				carNameT = document.getElementById("spnCar" + carId).innerHTML;
			
			while(carNameT.indexOf("\n") != "-1")
				carNameT = carNameT.replace("\n", "");
				
			var removeLink = "<a style=\"cursor:pointer;\" onclick='javascript:removeFromComparisonList(" + carId + ",\"" + carNameT + "\")'><b>Remove</b></a>";
			
			var carNameToBeReplaced = removeLink + " " + carNameT + "<br>";
			
			document.getElementById("hdnComparisonSelectedNames").value = 
						document.getElementById("hdnComparisonSelectedNames").value.replace(carNameToBeReplaced, "");
			
			//also unchek the check box for the corresponding id
			for ( var j = 0; j < chks.length; j++ )
			{
				if ( chks[j].type && chks[j].type == "checkbox" && chks[j].value == carId )
					chks[j].checked = false;
			}
			
			showHideSelectComparison();
		}

	}	
		
	function Compare_Click(e)
	{
		var car1 = "";
		var car2 = "";
		var car3 = "";
		var car4 = "";
		
		if (document.getElementById("hdnComparisonSelected") && document.getElementById("divResults"))
		{
			var selIds = document.getElementById("hdnComparisonSelected").value;
		
			if(selIds != "")
			{
				var ids = selIds.split(",");
				if(ids.length >= 3)
				{
					for(var j = 0; j < ids.length -1; j++)
					{
						if(car1 == "")
							car1 = ids[j];
						else if(car2 == "")
						{
							car2 = ids[j];
						}
						else if(car3 == "")
						{
							car3 = ids[j];
						}
						else if(car4 == "")
						{
							car4 = ids[j];
						}
					}
					window.open("/research/comparecars/CarComparison.aspx?car1="+ car1 + "&car2="+ car2 + "&car3="+ car3 + "&car4="+ car4,"");
				}
				else
					alert("Please select two cars to compare.");
			}
		}
		return false;
	}

	
	//on the lost focus event of the from budget textbox, check whether it is less 
	//than the min budget or greater than the max budget
	document.getElementById("txtSpend2").onblur = Spend2_Change;
	document.getElementById("txtSpend1").onblur = Spend1_Change;
	
	var minNewPrice 	= document.getElementById("hdnMinNewPrice").value;
	var minNewPriceCar 	= document.getElementById("hdnMinNewPriceCar").value;
	var minUsedPrice 	= document.getElementById("hdnMinUsedPrice").value;
	var minUsedPriceCar = document.getElementById("hdnMinUsedPriceCar").value;
	
	Spend2_Change();
	function Spend2_Change(e)
	{
		var maxBudget = -1;
		var minBudget = -1;
		
		var newCar = document.getElementById("rdbNew").checked; 
		var carType = newCar == true ? "new" : "used";
		var minPrice 	= newCar == true ? minNewPrice : minUsedPrice;
		var minPriceCar = newCar == true ? minNewPriceCar : minUsedPriceCar;
		
		if ( document.getElementById("txtSpend2").value != "" && re.test ( document.getElementById("txtSpend2").value ) )
		{	
			maxBudget = Number(document.getElementById("txtSpend2").value);
		}
		if ( document.getElementById("txtSpend1").value != "" && re.test ( document.getElementById("txtSpend1").value ) )
		{	
			minBudget = Number(document.getElementById("txtSpend1").value);
		}
		
		if((maxBudget != -1 && minBudget != -1) && (maxBudget <= minBudget))
		{
			document.getElementById("spnBudget").style.display = "block";
			document.getElementById("spnBudget").innerHTML = "Your maximum budget should be greater than your minimum budget.";	
			document.getElementById("txtSpend2").value = "";
			document.getElementById("txtSpend2").focus();
			return false;
		}
		else
		{
			document.getElementById("spnBudget").style.display = "none";	
			document.getElementById("spnBudget").innerHTML = "";

			if(maxBudget >= 0 && !(maxBudget > minPrice))
			{
				document.getElementById("spnBudget").innerHTML = "Please increase your budget! The lowest priced " + carType + " car is " + minPriceCar + " for Rs. " + minPrice + "/-.";	
				document.getElementById("txtSpend2").value = "";
				document.getElementById("txtSpend2").focus();
				document.getElementById("spnBudget").style.display = "block";
			}
			else
			{
				document.getElementById("spnBudget").innerHTML = "";
				document.getElementById("spnBudget").style.display = "none";
			}
			
			enableDisablePrices();
		}
	}
	
	function Spend1_Change(e)
	{
		Spend2_Change();
	}
	
	document.getElementById("rdbNew").onclick  = Spend2_Change;
	document.getElementById("rdbUsed").onclick = Spend2_Change;
	
	enableDisablePrices();
	
	function enableDisablePrices()
	{
		
		var newCar 		= document.getElementById("rdbNew").checked; 
								
		//get the minimum budget, and the maximum budget
		var minBudget = -1;
		if ( document.getElementById("txtSpend1").value != "" && re.test ( document.getElementById("txtSpend1").value ) )
		{	
			minBudget = Number(document.getElementById("txtSpend1").value);
		}
		
		var maxBudget = -1;
		if ( document.getElementById("txtSpend2").value != "" && re.test ( document.getElementById("txtSpend2").value ) )
		{	
			maxBudget = Number(document.getElementById("txtSpend2").value);
		}
		
		if(minBudget == -1 && maxBudget == -1)
		{
			document.getElementById("divStrikeBrandMsg").style.display = "none";
			document.getElementById("divStrikeFeatMsg").style.display = "none";
			//return;	
		}
				
		//enables or disables the makes. the makes not lying in the budget range is to be disabled
		var obj = document.getElementsByTagName('input');
		var brandDis = false;
		var brand = false;
		var featDis = false;
		var feat = false;
		
		for ( var i = 0 ; i < obj.length ; i++ )
		{
			if ( obj[i].type == "checkbox") //&&  )
			{
				var minPrice = -1;	
				var maxPrice = -1;	
				if(obj[i].id.indexOf("dlstBrands") != -1)
				{
					var hdnId = obj[i].id.substring(0,obj[i].id.lastIndexOf('_') + 1) + 
								(newCar == true ? "hdnNewPrice" : "hdnUsedPrice");
					
					minPrice = document.getElementById(hdnId).value;
					maxPrice = document.getElementById(hdnId + "Max").value;
					brand = true;
				}
				
				if(obj[i].id.indexOf("chkAirConditioner") != -1)
				{	
					var hdnId = "hdnAC" + (newCar == true ? "" : "Used");
					
					minPrice = document.getElementById(hdnId).value;
					maxPrice = document.getElementById(hdnId + "Max").value;
					feat = true;
				}
				
				if(obj[i].id.indexOf("chkPowerSteering") != -1)
				{	
					var hdnId = "hdnPowerSteering" + (newCar == true ? "" : "Used");
					
					minPrice = document.getElementById(hdnId).value;
					maxPrice = document.getElementById(hdnId + "Max").value;
					feat = true;
				}
								
				if(obj[i].id.indexOf("chkPowerWindows") != -1)
				{	
					var hdnId = "hdnPowerWindows" + (newCar == true ? "" : "Used");
					
					minPrice = document.getElementById(hdnId).value;
					maxPrice = document.getElementById(hdnId + "Max").value;
					feat = true;
				}
									
				if(obj[i].id.indexOf("chkCentralLocking") != -1)
				{	
					var hdnId = "hdnCentralLocking" + (newCar == true ? "" : "Used");
					
					minPrice = document.getElementById(hdnId).value;
					maxPrice = document.getElementById(hdnId + "Max").value;
					feat = true;
				}
									
				if(obj[i].id.indexOf("chkAutomaticTransmission") != -1)
				{	
					var hdnId = "hdnAutomaticTransmission" + (newCar == true ? "" : "Used");
					
					minPrice = document.getElementById(hdnId).value;
					maxPrice = document.getElementById(hdnId + "Max").value;
					feat = true;
				}
									
				if(obj[i].id.indexOf("chkABS") != -1)
				{	
					var hdnId = "hdnABS" + (newCar == true ? "" : "Used");
					
					minPrice = document.getElementById(hdnId).value;
					maxPrice = document.getElementById(hdnId + "Max").value;
					feat = true;
				}
							
				if(minPrice != -1 && maxPrice != 1)
				{
					if((minBudget > -1 && maxBudget > -1) && !((minPrice <= minBudget || minPrice <= maxBudget) && (maxPrice >= minBudget || maxPrice >= maxBudget)))
					{
						obj[i].checked = false;
						obj[i].disabled = true;	
						obj[i].parentNode.className = "disabledItems";
						obj[i].parentNode.title = minPrice == 0 ? "Price Not Available" : "Available from Rs. " + minPrice + "/-" + " to Rs. " + maxPrice + "/-";
						
						if(brand == true)
							brandDis = true;
						
						if(feat == true)
							featDis = true;
					}
					else if((minBudget == -1 && maxBudget > -1) && !(minPrice <= maxBudget))
					{
						obj[i].checked = false;
						obj[i].disabled = true;	
						obj[i].parentNode.className = "disabledItems";
						obj[i].parentNode.title = minPrice == 0 ? "Price Not Available" : "Available from Rs. " + minPrice + "/-" + " to Rs. " + maxPrice + "/-";
						
						if(brand == true)
							brandDis = true;
						
						if(feat == true)
							featDis = true;
					}
					
					else if((minBudget > -1 && maxBudget == -1) && !(maxPrice >= minBudget))
					{
						obj[i].checked = false;
						obj[i].disabled = true;	
						obj[i].parentNode.className = "disabledItems";
						obj[i].parentNode.title = minPrice == 0 ? "Price Not Available" : "Available from Rs. " + minPrice + "/-" + " to Rs. " + maxPrice + "/-";
						
						if(brand == true)
							brandDis = true;
						if(feat == true)
							featDis = true;
					}
					else
					{
						obj[i].disabled = false;	
						obj[i].parentNode.className = "";
						obj[i].parentNode.title = minPrice == 0 ? "Price Not Available" : "Available from Rs. " + minPrice + "/-" + " to Rs. " + maxPrice + "/-";
					}
				}
			}
		}
				
		if(brandDis == true)
			document.getElementById("divStrikeBrandMsg").style.display = "block";	
		else
			document.getElementById("divStrikeBrandMsg").style.display = "none";	
		
		if(featDis == true)
			document.getElementById("divStrikeFeatMsg").style.display = "block";	
		else
			document.getElementById("divStrikeFeatMsg").style.display = "none";	
	}