function getCompareModels(objComboManu){
	var objManuCombo = objComboManu;
	var objModelCombo = document.getElementById("model_select");
	var objModelDiv = document.getElementById("divModel");
	var objModelPlace = document.getElementById("model_place_holder");
	
			
			$.ajax({
				type: "POST",
				url: NEW_STR_URL,
				data: "action=get_models&manu_id=" + objManuCombo.value,
				error: function(errorResponse){alert(errorResponse.statusText);},
				success: function(xmlReponseResult) {
					
					var objNewCmbModel = document.createElement('SELECT');
						objNewCmbModel.name = "model_select";
						objNewCmbModel.id = "model_select";
						/*objNewCmbModel.onchange = function() { getCompareTrims(this); }*/

						/* To display the first option of the drop down */
						objNewCmbModel.options[0] = new Option(' -- Select Model -- ', '0');

					if(xmlReponseResult.getElementsByTagName('modelID').item(0).firstChild.nodeValue != 'NO_RECORDS')
					{
						for(var cnt=0; cnt < xmlReponseResult.getElementsByTagName('modelID').length; cnt++)
						{
							/* To assign values to variables from response xml tags */
							var modelID = xmlReponseResult.getElementsByTagName('modelID').item(cnt).firstChild.nodeValue;
							var modelName = xmlReponseResult.getElementsByTagName('modelName').item(cnt).firstChild.nodeValue;
							var modelYear = xmlReponseResult.getElementsByTagName('modelYear').item(cnt).firstChild.nodeValue;
						
							var strDisplay = modelYear + " " + modelName;
							
							/* To display values in drop down */
							objNewCmbModel.options[cnt+1] = new Option(strDisplay, modelID);
																		
						}
					}
					
					objModelPlace.style.display = "none";
					objModelDiv.style.display = "";
					objModelCombo.parentNode.replaceChild(objNewCmbModel, objModelCombo);
				}
			});
}


function getCompareTrims(objComboModel){

	var objModelCombo = objComboModel;
	var objTrimCombo = document.getElementById("style_select");
	var objTrimDiv = document.getElementById("spnTrim");
	var objTrimPlace = document.getElementById("trim_place_holder");

	if(objModelCombo.value != ''){
			$.ajax({
				type: "POST",
				url: NEW_STR_URL,
				data: "action=get_trims&model_id=" + objModelCombo.value,
				error: function(errorResponse){alert(errorResponse.statusText);},
				success: function(xmlReponseResult) {
					var objNewCmbModel = document.createElement('SELECT');
						objNewCmbModel.name = "style_select";
						objNewCmbModel.id = "style_select";
						//objNewCmbModel.onchange = function() { add_trim(this); }

						objNewCmbModel.options[0] = new Option(' -- Select Style -- ', '');

					if(xmlReponseResult.getElementsByTagName('trimID').item(0).firstChild.nodeValue != 'NO_RECORDS')
					{
						for(var cnt=0; cnt < xmlReponseResult.getElementsByTagName('trimID').length; cnt++)
						{
							var trimID = xmlReponseResult.getElementsByTagName('trimID').item(cnt).firstChild.nodeValue;
							var trimName = xmlReponseResult.getElementsByTagName('trimName').item(cnt).firstChild.nodeValue;

								objNewCmbModel.options[cnt+1] = new Option(trimName, trimID);
						}
					}
					
					objTrimPlace.style.display = "none";
					objTrimDiv.style.display = "";
					objTrimCombo.parentNode.replaceChild(objNewCmbModel, objTrimCombo);
				}
			});
	}
}

function add_trim(objTrimCombo){
	if (objTrimCombo.selectedIndex < 1) return;
	style_id = objTrimCombo.options[objTrimCombo.selectedIndex].value;
	//document.location = '?action=add&trimID=' + style_id;
	//document.location = 'compare-cars/add/' + style_id;
	location.href = HTTP_JS_SERVER + 'compare-cars/add/' + style_id;
}

function AddVehicle(strCmbModel){
	var strHidID = "hidCompare_";
	var strHidUrlID = "hidCompareUrl_";
	var strDivID = "divCompare_";
	var strModelID = document.getElementById(strCmbModel).value;
	if(strModelID != '')
	{
		var blnDup = false;
		var cntCheck = 0;
		var cntLimitReached = false;
		for(i = 1; i <= COMPARE_MAX; i++){
			var objHidden = document.getElementById(strHidID + i);
			if(strModelID == objHidden.value){
				blnDup = true;
			}
			if(objHidden.value == ''){
				cntCheck = i;
			}
		}

		if(cntCheck == 0){
			cntLimitReached = true;
		}

		if(blnDup){
			alert("Vehicle already added in comparison.");
		}
		else if(cntLimitReached){
			alert("Please remove any one vehicle to add new vehicle.");
		}
		else{
			$.ajax({
				type: "POST",
				url: NEW_STR_URL,
				data: "action=get_model_info&model_id=" + strModelID,
				error: function(errorResponse){alert(errorResponse.statusText + " error");},
				success: function(xmlReponseResult) {
					if(xmlReponseResult.getElementsByTagName('modelID').item(0).firstChild.nodeValue != 'NO_RECORDS')
					{
						var modelID = xmlReponseResult.getElementsByTagName('modelID').item(0).firstChild.nodeValue;
						var modelYear = xmlReponseResult.getElementsByTagName('modelYear').item(0).firstChild.nodeValue;
						var manuName = xmlReponseResult.getElementsByTagName('manuName').item(0).firstChild.nodeValue;
						var modelName = xmlReponseResult.getElementsByTagName('modelName').item(0).firstChild.nodeValue;
						var modelImage = xmlReponseResult.getElementsByTagName('modelImage').item(0).firstChild.nodeValue;
						var modelMSRP = xmlReponseResult.getElementsByTagName('modelMSRP').item(0).firstChild.nodeValue;
						var modelURL = xmlReponseResult.getElementsByTagName('modelURL').item(0).firstChild.nodeValue;
						var strNextURL = xmlReponseResult.getElementsByTagName('strNextURL').item(0).firstChild.nodeValue;	
						
						var strDisplayName = modelYear + " " + manuName +  " " + modelName;
						var compareSequence = 1;

						var flag = false;
						
						for(i = 1; i <= COMPARE_MAX; i++){
							var objHidden = document.getElementById(strHidID + i);
							var objHiddenUrl = document.getElementById(strHidUrlID + i);
							
							if(objHidden.value == ''){
								compareSequence = i;
								objHiddenUrl.value = strNextURL;
								break;
							}
							
						}
							
						var objDivOld = document.getElementById(strDivID + compareSequence);
						var objDivNew = document.createElement('div');
								objDivNew.id= strDivID + compareSequence;
								objDivNew.className = "compare_" + compareSequence

							var objSpanNew 	= document.createElement('span');
									var objBoldNew 	= document.createElement('b');
										var objTextDisplay = document.createTextNode(strDisplayName);
										objBoldNew.appendChild(objTextDisplay);

										/*var objbr1 = document.createElement('br');
										objBoldNew.appendChild(objbr1);

										objBoldNew.appendChild(document.createTextNode(trimName));*/

									objSpanNew.appendChild(objBoldNew);

									var objBr = document.createElement('br');
									objSpanNew.appendChild(objBr);

									var objTextMSRP = document.createTextNode("Base Price: " + modelMSRP);
									objSpanNew.appendChild(objTextMSRP);
							objDivNew.appendChild(objSpanNew);

							var objNewP = document.createElement('p');
								var objNewLink = document.createElement('a');
									objNewLink.href = modelURL;
										var objImage = document.createElement('img');
											objImage.src = modelImage;
											objImage.border = 0;
											//objImage.width = 130;
											objImage.width = 120; /* previously it was 100 */
											objImage.height = 80;
										objNewLink.appendChild(objImage);
								objNewP.appendChild(objNewLink);
							objDivNew.appendChild(objNewP);

							var objRemoveSpan = document.createElement('span');
									objRemoveSpan.className = "compareText";
									objRemoveSpan.align = "center";
									var objText1 =  document.createTextNode(" [ ");
									objRemoveSpan.appendChild(objText1);
									var objRemoveAnchor = document.createElement('a');
											objRemoveAnchor.href = "javascript: removeVehicle('" + compareSequence + "')";
											var objText1 =  document.createTextNode("Remove");
											objRemoveAnchor.appendChild(objText1);
									objRemoveSpan.appendChild(objRemoveAnchor);
									var objText2 =  document.createTextNode(" ] ");
									objRemoveSpan.appendChild(objText2);
							objDivNew.appendChild(objRemoveSpan);

						objDivOld.parentNode.replaceChild(objDivNew, objDivOld);
						objHidden.value = modelID;
					}
				}
			});
		}
	}
}

/*function AddVehicle(strCmbTrim){

	var strHidID = "hidCompare_";
	var strHidUrlID = "hidCompareUrl_";
	var strDivID = "divCompare_";
	var strTrimID = document.getElementById(strCmbTrim).value;
	if(strTrimID != ''){

		var blnDup = false;
		var cntCheck = 0;
		var cntLimitReached = false;
		for(i = 1; i <= COMPARE_MAX; i++){
			var objHidden = document.getElementById(strHidID + i);
			if(strTrimID == objHidden.value){
				blnDup = true;
			}
			if(objHidden.value == ''){
				cntCheck = i;
			}
		}

		if(cntCheck == 0){
			cntLimitReached = true;
		}

		if(blnDup){
			alert("Vehicle already added in comparison.");
		}
		else if(cntLimitReached){
			alert("Please remove any one vehicle to add new vehicle.");
		}
		else{
			$.ajax({
				type: "POST",
				url: NEW_STR_URL,
				data: "action=get_trim_info&trim_id=" + strTrimID,
				error: function(errorResponse){alert(errorResponse.statusText + " error");},
				success: function(xmlReponseResult) {
					if(xmlReponseResult.getElementsByTagName('trimID').item(0).firstChild.nodeValue != 'NO_RECORDS')
					{

						var trimID = xmlReponseResult.getElementsByTagName('trimID').item(0).firstChild.nodeValue;
						var trimYear = xmlReponseResult.getElementsByTagName('trimYear').item(0).firstChild.nodeValue;
						var trimManuName = xmlReponseResult.getElementsByTagName('trimManuName').item(0).firstChild.nodeValue;
						var trimModelName = xmlReponseResult.getElementsByTagName('trimModelName').item(0).firstChild.nodeValue;
						var trimName = xmlReponseResult.getElementsByTagName('trimName').item(0).firstChild.nodeValue;
						var trimImageName = xmlReponseResult.getElementsByTagName('trimImage').item(0).firstChild.nodeValue;
						var trimMSRP = xmlReponseResult.getElementsByTagName('trimMSRP').item(0).firstChild.nodeValue;
						var trimURL = xmlReponseResult.getElementsByTagName('trimURL').item(0).firstChild.nodeValue;
						var strNextURL = xmlReponseResult.getElementsByTagName('strNextURL').item(0).firstChild.nodeValue;	
						
						var strDisplayName = trimYear + " " + trimManuName +  " " + trimModelName;
						var compareSequence = 1;

						var flag = false;
						
						for(i = 1; i <= COMPARE_MAX; i++){
							var objHidden = document.getElementById(strHidID + i);
							var objHiddenUrl = document.getElementById(strHidUrlID + i);
							
							if(objHidden.value == ''){
								compareSequence = i;
								objHiddenUrl.value = strNextURL;
								break;
							}
							
						}
							
						var objDivOld = document.getElementById(strDivID + compareSequence);
						var objDivNew = document.createElement('div');
								objDivNew.id= strDivID + compareSequence;
								objDivNew.className = "compare_" + compareSequence

							var objSpanNew 	= document.createElement('span');
									var objBoldNew 	= document.createElement('b');
										var objTextDisplay = document.createTextNode(strDisplayName);
										objBoldNew.appendChild(objTextDisplay);

										var objbr1 = document.createElement('br');
										objBoldNew.appendChild(objbr1);

										objBoldNew.appendChild(document.createTextNode(trimName));

									objSpanNew.appendChild(objBoldNew);

									var objBr = document.createElement('br');
									objSpanNew.appendChild(objBr);

									var objTextMSRP = document.createTextNode("MSRP: " + trimMSRP);
									objSpanNew.appendChild(objTextMSRP);
							objDivNew.appendChild(objSpanNew);

							var objNewP = document.createElement('p');
								var objNewLink = document.createElement('a');
									objNewLink.href = trimURL;
										var objImage = document.createElement('img');
											objImage.src = trimImageName;
											objImage.border = 0;
											//objImage.width = 130;
											objImage.width = 130; /* previously it was 100 */
											/*objImage.height = 76;
										objNewLink.appendChild(objImage);
								objNewP.appendChild(objNewLink);
							objDivNew.appendChild(objNewP);

							var objRemoveSpan = document.createElement('span');
									objRemoveSpan.className = "compareText";
									objRemoveSpan.align = "center";
									var objText1 =  document.createTextNode(" [ ");
									objRemoveSpan.appendChild(objText1);
									var objRemoveAnchor = document.createElement('a');
											objRemoveAnchor.href = "javascript: removeVehicle('" + compareSequence + "')";
											var objText1 =  document.createTextNode("Remove");
											objRemoveAnchor.appendChild(objText1);
									objRemoveSpan.appendChild(objRemoveAnchor);
									var objText2 =  document.createTextNode(" ] ");
									objRemoveSpan.appendChild(objText2);
							objDivNew.appendChild(objRemoveSpan);

						objDivOld.parentNode.replaceChild(objDivNew, objDivOld);
						objHidden.value = trimID;
					}
				}
			});
		}
	}
}
*/


function removeVehicle(strSequence){
	var strHidID = "hidCompare_";
	var strHidUrlID = "hidCompareUrl_";
	var strDivID = "divCompare_";
	var objHid = document.getElementById(strHidID + strSequence);
	var objHiddenUrl = document.getElementById(strHidUrlID + i);
	objHid.value = "";
	objHiddenUrl.value = "0";
	var objOldDiv = document.getElementById(strDivID + strSequence);
	var objNewBlankDiv = createBlankDiv(strSequence);
	objOldDiv.parentNode.replaceChild(objNewBlankDiv, objOldDiv);
}

function createBlankDiv(strSequence){
	var strHidID = "hidCompare_";
	var strDivID = "divCompare_";

	if(strSequence == "1"){
		strDisText = "1st Vehicle";
	}else if(strSequence == "2"){
		strDisText = "2nd Vehicle";
	}else if(strSequence == "3"){
		strDisText = "3rd Vehicle";
	}else if(strSequence == "4"){
		strDisText = "4th Vehicle";
	}else{
		strDisText = "Vehicle";
	}

	var objDiv = document.createElement("div");
			objDiv.id = strDivID + strSequence;
			objDiv.className = "compare_blank" ;
			
			var objSpan = document.createElement('span');

			objSpan.appendChild(document.createTextNode(strDisText));

			objDiv.appendChild(objSpan);
			
			var objP = document.createElement('p');
				objP.className = "compareImg3";
				objP.appendChild(document.createTextNode(" "));
			objDiv.appendChild(objP);

			var objBr1 = document.createElement('br');
			objDiv.appendChild(objBr1);

			var objBr2 = document.createElement('br');
			objDiv.appendChild(objBr2);

			return  objDiv;
			
}


/*function removeVehicleStep2(strSequence,objForm){
		document.getElementById("hidCompare_"+strSequence).value = "";
		document.getElementById("hidCompareUrl_"+strSequence).value = "0";
		objForm.submit();
}*/

function removeVehicleStep2(strSequence,objForm){
		document.getElementById("hidCompareUrl_"+strSequence).value = "0";
		var hidURL1 = document.getElementById("hidCompareUrl_1").value;
		var hidURL2 = document.getElementById("hidCompareUrl_2").value;
		var hidURL3 = document.getElementById("hidCompareUrl_3").value;

		var strURl = HTTP_SERVER + 'compare-cars/' + hidURL1 + '/' + hidURL2 + '/' + hidURL3;

		window.location = strURl;
}

function get_Add_Url(modelID){
	var objAddTrimURL = document.getElementById("addTrimURL").value;
	if(modelID != ''){
			$.ajax({
				type: "POST",
				url: NEW_STR_URL,
				data: "action=get_add_url&model_id=" + modelID,
				error: function(errorResponse){alert(errorResponse.statusText);},
				success: function(xmlReponseResult) {
					window.location = xmlReponseResult;
				}
			});
	}
}


function getModels2(objComboManu,strSequence){
	var objManuCombo = objComboManu;
	var objModelCombo = document.getElementById("model_select_" + strSequence );
	var objModelDiv = document.getElementById("divModel_" + strSequence);
	var objModelPlace = document.getElementById("model_place_holder_" + strSequence);
	
	$.ajax({
		type: "POST",
		url: NEW_STR_URL,
		data: "action=get_models&manu_id=" + objManuCombo.value,
		error: function(errorResponse){alert(errorResponse.statusText);},
		success: function(xmlReponseResult) {
			
			var objNewCmbModel = document.createElement('SELECT');
				objNewCmbModel.name = "model_select_" + strSequence;
				objNewCmbModel.id = "model_select_" + strSequence;
				objNewCmbModel.onchange = function() { add_car(this,strSequence);}

				/* To display the first option of the drop down */
				objNewCmbModel.options[0] = new Option(' -- Select Model -- ', '');

			if(xmlReponseResult.getElementsByTagName('modelID').item(0).firstChild.nodeValue != 'NO_RECORDS')
			{
				for(var cnt=0; cnt < xmlReponseResult.getElementsByTagName('modelID').length; cnt++)
				{
					/* To assign values to variables from response xml tags */
					var modelID = xmlReponseResult.getElementsByTagName('modelID').item(cnt).firstChild.nodeValue;
					var modelName = xmlReponseResult.getElementsByTagName('modelName').item(cnt).firstChild.nodeValue;
					var modelYear = xmlReponseResult.getElementsByTagName('modelYear').item(cnt).firstChild.nodeValue;
				
					var strDisplay = modelYear + " " + modelName;
					
					/* To display values in drop down */
					objNewCmbModel.options[cnt+1] = new Option(strDisplay, modelID);
																
				}
			}
			
			objModelPlace.style.display = "none";
			objModelDiv.style.display = "";
			objModelCombo.parentNode.replaceChild(objNewCmbModel, objModelCombo);
		}
	});
}

function getTrims2(objComboModel,strSequence){
	var objModelCombo = objComboModel;
	var objTrimCombo = document.getElementById("style_select_" + strSequence);
	var objTrimDiv = document.getElementById("spnTrim_"+ strSequence);
	var objTrimPlace = document.getElementById("trim_place_holder_" + strSequence);

	if(objModelCombo.value != ''){
			$.ajax({
				type: "POST",
				url: NEW_STR_URL,
				data: "action=get_trims&model_id=" + objModelCombo.value,
				error: function(errorResponse){alert(errorResponse.statusText);},
				success: function(xmlReponseResult) {
					var objNewCmbModel = document.createElement('SELECT');
						objNewCmbModel.name = "style_select_" + strSequence;
						objNewCmbModel.id = "style_select_" + strSequence;
						objNewCmbModel.onchange = function() { add_car(this,strSequence); }

						objNewCmbModel.options[0] = new Option(' -- Select Style -- ', '');

					if(xmlReponseResult.getElementsByTagName('trimID').item(0).firstChild.nodeValue != 'NO_RECORDS')
					{
						for(var cnt=0; cnt < xmlReponseResult.getElementsByTagName('trimID').length; cnt++)
						{
							var trimID = xmlReponseResult.getElementsByTagName('trimID').item(cnt).firstChild.nodeValue;
							var trimName = xmlReponseResult.getElementsByTagName('trimName').item(cnt).firstChild.nodeValue;

								objNewCmbModel.options[cnt+1] = new Option(trimName, trimID);
						}
					}
					
					objTrimPlace.style.display = "none";
					objTrimDiv.style.display = "";
					objTrimCombo.parentNode.replaceChild(objNewCmbModel, objTrimCombo);
				}
			});
	}
}

function add_car(objtrim,strSequence){

	if(objtrim.value != ''){
		var blnDup  = false;
		var strHidID = "hidCompare_";
		var objHidden = document.getElementById( strHidID + strSequence);
		for(i = 1; i <= COMPARE_MAX; i++){
			var objHiddenTemp = document.getElementById(strHidID + i);
			if(objHiddenTemp.value != '' && objtrim.value == objHiddenTemp.value){
				blnDup = true;
				break;
			}
		}

		var objForm = document.frmNewCompare;
		if(blnDup){
			alert("Vehicle already added in compare.")
		}else{
			if(objHidden.value == ''){
				objHidden.value = objtrim.value;
				get_Add_Url(objHidden.value);//objForm.submit();
			}
		}
	}
}

function submitForm(objForm)
{
	var hidURL = document.getElementById("hidAddUrl").value;
	var strUrl = "";

		var strHidUrlID = "hidCompareUrl_";
		for(i = 1; i <= COMPARE_MAX; i++){		
			var objHiddenUrl = document.getElementById(strHidUrlID + i);
			if(hidURL != '0')
			{
				document.getElementById("hidCompareUrl_1").value = hidURL;
			}
			strUrl = strUrl + "/" + objHiddenUrl.value;		
		}

	window.location = HTTP_SERVER + 'compare-cars'+ strUrl;
}


function saveComparison(objForm)
{
	objForm.hidSaveCompare	.value = "saveComparison";
	objForm.submit();
}