//Global Variables Decleration
var title_array = new Array();
var img_array = new Array();
var colsize=3;
var thumbnailsArray = new Array();
var thumbnailsArray1 = new Array();
var tempArray = new Array();
var vehicleArray1 = new Array();
var vehicleType1 = new Array();
var sortType = new Array();
var	sortType1 = new Array();
var regArray = new Array();
var savTitle;
var xmlDoc;
var disclaimer ='';
var appendSeating = '';
var isEspanol = false;
var buttonID1 = "see_all_vehicles";

//Data structure for thumbnails
function thumb_ds(id, divId, title, img, price, fueleconomy, seating, vehicleType, offers, offersLink)
{
	this.id = id;
	this.divId = divId;
	this.title = title;
	this.img = img;
	this.price = price;
	this.fueleconomy = fueleconomy ;
	this.seating = seating;
	this.vehicleType = vehicleType;
	this.offers = offers;
	this.offersLink = offersLink;
}

//Pasring the XML file for Regional Nav and Thumbnails
function parseXML()
{
	/*var isSafari = (navigator.userAgent.toLowerCase().indexOf("safari") != -1);
	if(isSafari)
	{*/
		//alert("in safari");
		if (typeof jQuery != 'undefined') {
			jQuery.ajax({url: "xml/loadAllVehicles.xml", async: false, dataType: "xml",
				error: function (o, status, error) {if (typeof(console) != 'undefined') console.log("o: " + o + "\nstatus: " + status + "\nerror: " + error);},
					success: function (data, status) {xmlDoc = data; createBody(); }
				});
			}
	//}
	 
	 /*try //Internet Explorer
	  {
	  xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
	  }
	catch(e)
	  {
	  try //Firefox, Mozilla, Opera, etc.
		{
		xmlDoc=document.implementation.createDocument("","",null);
		xmlDoc.onload = createTopNav;
		}
	  catch(e)
		{
		alert(e.message);
		return;
		}
	  }
	xmlDoc.async=false;
	xmlDoc.load("xml/loadAllVehicles.xml");*/
}	

function createBody()
{
	currentLocation = window.location;
	if(String(currentLocation).indexOf("espanol") != -1)
	{
		appendSeating = "Hasta ";
		isEspanol = true;
	}
	else
	{
		appendSeating = "Up to ";
		isEspanol = false;
	}
	var spanImg = document.getElementById('spanImg');
	var forOffers = document.getElementById('forOffers');
	var goImg = document.getElementById('goImg');
	var forCpo = document.getElementById('forCpo');

	setOverSrc(spanImg);
	setOverSrc(forOffers);
	setOverSrc(goImg);
	setOverSrc(forCpo);

	var allVehicles = xmlDoc.getElementsByTagName("allVehicles");
	var sortsection = xmlDoc.getElementsByTagName("sortsection");
	savTitle = xmlDoc.getElementsByTagName("seeallcontent")[0].childNodes[0].nodeValue;	

	//creating see all vechicles
	var savContent = document.getElementById("savTitle");
	var allvehicles1 = document.createElement('img');
	allvehicles1.id = "allvehicles1";
	allvehicles1.src = savTitle;
	setOverSrc(allvehicles1);
	allvehicles1.alt= "see all vehicles";
	allvehicles1.title = "see all vehicles";
	allvehicles1.onclick = viewAllCars;
	savContent.appendChild(allvehicles1);
	
	var k=0;
	for(var j=0;j<3;j++)
	{
			vehicleArray1[j]=(allVehicles[0].getElementsByTagName("sections")[j].childNodes[0].nodeValue);

			//alert("Type of Car: "+allVehicles[0].getElementsByTagName("sections")[j].getAttribute('type'));
			vehicleType1[j] = allVehicles[0].getElementsByTagName("sections")[j].getAttribute('type');
		
			//Creates the Regional Nav			

			var vehicleDiv = document.createElement("div");
			vehicleDiv.id="vehiclediv"+j;
			var aEleVehicle = document.createElement('a');
			//aEleVehicle.innerHTML = vehicleType[j];
			aEleVehicle.id="aTag"+k;
			var imgType = document.createElement('img');
			imgType.id = "imgType_"+k;
			imgType.alt = vehicleType1[j];
			imgType.title = vehicleType1[j];
			imgType.src = vehicleArray1[j];
			setOverSrc(imgType);
			aEleVehicle.appendChild(imgType);
			aEleVehicle.onclick = new Function("viewCars("+k+")");
			/*aEleVehicle.style.color="#000000";
			aEleVehicle.style.textDecoration="none";*/
			vehicleDiv.appendChild(aEleVehicle);
			document.getElementById('carm').appendChild(vehicleDiv);
			regArray[k] = vehicleArray1[j];
			k++;
		}

	for(var j=0;j<3;j++)
	{
			sortType[j]=(sortsection[0].getElementsByTagName("sections")[j].childNodes[0].nodeValue);

			sortType1[j] = sortsection[0].getElementsByTagName("sections")[j].getAttribute('type');

			var sortDiv = document.createElement("div");
			sortDiv.id="sortdiv"+j;
			sortDiv.className="regNavContent";

			//sortDiv.style.width=185;
			//sortDiv.style.height=21;
			var aEleSort = document.createElement('a');
			//aEleSort.innerHTML = sortType[j];
			aEleSort.id = "aTag"+k;
			var imgType = document.createElement('img');
			imgType.id = "imgType_"+k;
			imgType.src = sortType[j];
			imgType.alt = sortType1[j];
			imgType.title = sortType1[j];
			setOverSrc(imgType);
			aEleSort.appendChild(imgType);
			aEleSort.onclick = new Function("viewOnSort("+k+")");
			aEleSort.style.color="#000000";
			aEleSort.style.textDecoration="none";
			sortDiv.appendChild(aEleSort);
			document.getElementById('sortv').appendChild(sortDiv);
			regArray[k] = sortType[j];
			k++;

		}
	//for Generating data for shoppingTools
	shoppingTools();

	
	var thumbnail = xmlDoc.getElementsByTagName("thumbnail");

	var disclaimerLength = xmlDoc.getElementsByTagName("disclaimer")[0].childNodes.length;
	var disclaimerNode = xmlDoc.getElementsByTagName("disclaimer")[0];
	disclaimer = '';
	for(var j=0;j<disclaimerLength;j++){
		if(disclaimerNode.childNodes[j].nodeType ==1){
			disclaimer += "<"+disclaimerNode.childNodes[j].nodeName+"/>";
		}
		else{
			disclaimer += disclaimerNode.childNodes[j].nodeValue;
			}
		}

	for(var i=0;i<thumbnail.length;i++)
	{
		var x = thumbnail[i].childNodes;
		var titleValue = null;
		var imgPath = null;
		var priceValue = null;
		var fueleconomyValue = null;
		var seatingValue = null;
		var vehicleType = null;
		var offersVal = null;
		var offersLink = null;
		vehicleType = thumbnail[i].getAttribute("type");
		for(var j=0;j<x.length;j++)
		{
			if(x[j].nodeName == "title")
			{
				titleValue = getValue(x,j);
			}
			if(x[j].nodeName == "img")
			{
				imgPath = getValue(x,j);
			}
			if(x[j].nodeName == "price")
			{
				priceValue = getValue(x,j);
			}
			if(x[j].nodeName == "fueleconomy")
			{
				fueleconomyValue = getValue(x,j);
			}
			if(x[j].nodeName == "seating")
			{
				seatingValue = getValue(x,j);
			}
			if(x[j].nodeName == "offers")
			{
				offersVal = getValue(x,j);
				offersLink = x[j].getAttribute("link");
				//alert("offersLink: "+offersLink);
			}
			if(x[j].nodeName == "offers")
			{
				offersVal = getValue(x,j);
				offersLink = x[j].getAttribute("link");
				//alert("offersLink: "+offersLink);
			}
		}
		//alert("titleValue: "+titleValue+"offersVal: "+offersVal);		
		thumbnailsArray.push(new thumb_ds(i,"divId_"+i,titleValue,imgPath,priceValue,fueleconomyValue,seatingValue,vehicleType,offersVal,offersLink));			
	}
	thumbnailsArray1 = thumbnailsArray;
	jQuery(".transparentDiv").hide();
	viewAll();
}


function getValue(obj,j)
{
	var val = obj[j].childNodes[0].nodeValue;
	return val;
}

function shoppingTools()
{
	var shopping = xmlDoc.getElementsByTagName("shoppingtools");

	var byn = shopping[0].getElementsByTagName("byn")[0].childNodes[0].nodeValue;
	var gab = shopping[0].getElementsByTagName("gab")[0].childNodes[0].nodeValue;
	var estimatePayments = shopping[0].getElementsByTagName("estimatePayments")[0].childNodes[0].nodeValue;
	var raq = shopping[0].getElementsByTagName("raq")[0].childNodes[0].nodeValue;

	var searchInventory = shopping[0].getElementsByTagName("searchInventory")[0].childNodes[0].nodeValue;
	var searchInventoryGo = shopping[0].getElementsByTagName("searchInventorygo")[0].childNodes[0].nodeValue;
	var locate = shopping[0].getElementsByTagName("locate")[0].childNodes[0].nodeValue;
	var locateGo = shopping[0].getElementsByTagName("locatego")[0].childNodes[0].nodeValue;
	
	var bynLink = shopping[0].getElementsByTagName("byn")[0].getAttribute("link");
	var gabLink = shopping[0].getElementsByTagName("gab")[0].getAttribute("link");
	var estimatePaymentsLink =  shopping[0].getElementsByTagName("estimatePayments")[0].getAttribute("link");
	var raqLink = shopping[0].getElementsByTagName("raq")[0].getAttribute("link");
	var searchInventoryLink= shopping[0].getElementsByTagName("searchInventorygo")[0].getAttribute("link");
	var locateLink = shopping[0].getElementsByTagName("locatego")[0].getAttribute("link");

	var bynDiv = document.createElement("div");
	bynDiv.id = "bynDiv1";
	var byn1 = document.createElement("a");
	byn1.id = "rab1";
	var byn1img = document.createElement("img");
	byn1img.src=byn;
	byn1img.alt="build your vehicle";
	byn1img.title="build your vehicle";
	setOverSrc(byn1img);
	byn1.appendChild(byn1img);
	byn1.href=bynLink;
	bynDiv.appendChild(byn1);
	document.getElementById('shoppingTools').appendChild(bynDiv);

	var gabDiv = document.createElement("div");
	gabDiv.id = "gabDiv1";
	var gab1 = document.createElement("a");
	gab1.id = "gab1";
	//raq1.innerHTML = raq;
	var gab1img = document.createElement("img");
	gab1img.src=gab;
	gab1img.alt = "get a brochure";
	gab1img.title = "get a brochure";
	setOverSrc(gab1img);
	gab1.appendChild(gab1img);
	gab1.href=gabLink;
	gabDiv.appendChild(gab1);
	document.getElementById('shoppingTools').appendChild(gabDiv);
	
	var estimatePaymentsDiv = document.createElement("div");
	estimatePaymentsDiv.id = "estimatePaymentsDiv1";
	var estimatePayments1 = document.createElement("a");
	estimatePayments1.id = "espayments1";
	//estimatePayments1.innerHTML = estimatePayments;
	var estimatePayments1img = document.createElement("img");
	estimatePayments1img.src=estimatePayments;
	estimatePayments1img.alt = "Estimate Payments";
	estimatePayments1img.title = "Estimate Payments";
	setOverSrc(estimatePayments1img);
	estimatePayments1.appendChild(estimatePayments1img);
	estimatePayments1.href=estimatePaymentsLink;
	estimatePaymentsDiv.appendChild(estimatePayments1);
	document.getElementById('shoppingTools').appendChild(estimatePaymentsDiv);

	var raqDiv = document.createElement("div");
	raqDiv.id = "raqDiv1";
	var raq1 = document.createElement("a");
	raq1.id = "raq1";
	var raq1img = document.createElement("img");
	raq1img.src=raq;
	raq1img.alt = "Request a quote";
	raq1img.title = "Request a quote";
	setOverSrc(raq1img);
	raq1.appendChild(raq1img);
	raq1.href=raqLink;
	raqDiv.appendChild(raq1);
	document.getElementById('shoppingTools').appendChild(raqDiv);


	var searchInventoryDiv = document.createElement("div");
	searchInventoryDiv.id = "searchInventoryDiv1";
	searchInventoryDiv.style.paddingBottom="1px";
	var searchInventory1 = document.createElement("a");
	searchInventory1.id = "searchInventory1";
	var searchInventory1img = document.createElement("img");
	searchInventory1img.src=searchInventory;
	searchInventory1img.alt = "Search Inventory";
	searchInventory1img.title = "Search Inventory";
	searchInventory1.appendChild(searchInventory1img);
	searchInventoryDiv.appendChild(searchInventory1);

	var goSearchinventory = document.createElement("a");
	goSearchinventory.id="goSearchinventory";
	var goSearchinventoryimg = document.createElement("img");
	goSearchinventoryimg.src=searchInventoryGo;
	goSearchinventoryimg.alt = "Go";
	goSearchinventoryimg.title = "Go";
	if(isEspanol)
	{
		goSearchinventoryimg.style.position = "relative";
		goSearchinventoryimg.style.left = "10px";
	}
	setOverSrc(goSearchinventoryimg);
	goSearchinventory.appendChild(goSearchinventoryimg);
	//goSearchinventory.href=searchInventoryLink;
	goSearchinventory.onclick = searchInventoryGo1;
	searchInventoryDiv.appendChild(goSearchinventory);
	document.getElementById('locateDealertools').appendChild(searchInventoryDiv);

	
	var locateDiv = document.createElement("div");
	locateDiv.id="locateDiv1";
	var locate1 = document.createElement("a");
	locate1.id = "locate1";
	var locate1img = document.createElement("img");
	locate1img.src=locate;
	locate1img.alt="Locate a Dealer";
	locate1img.title="Locate a Dealer";
	locate1.appendChild(locate1img);
	locateDiv.appendChild(locate1);

	var goLocate1 = document.createElement("a");
	goLocate1.id="goLocate1";
	var goLocate1img = document.createElement("img");
	goLocate1img.src= locateGo;
	goLocate1img.alt = "Go";
	goLocate1img.title = "Go";
	setOverSrc(goLocate1img);
	goLocate1.appendChild(goLocate1img);
	//goLocate1.href=locateLink;
	goLocate1.onclick = locateGo1;
	locateDiv.appendChild(goLocate1);
	document.getElementById('locateDealertools').appendChild(locateDiv);

	//jQuery("#regional_nav > div > div > a > img").css("cursor","pointer");
}

//-----------------------------------------------------------------------------------------------------------------------

//creates the DOM struture for all the vehicles
function viewAll()
{
	var j=0;
	try{
		jQuery.ifixpng("/img/sav_redesign/spacer.gif");
		jQuery("img[@src$='.png']").ifixpng();	
			
	}
	catch(e)
	{
	}

	var imageObj = new Image();
	var imageObjOn = new Image();
	vehImages = new Array();
	vehImagesOn = new Array();
	for(var k=0; k<thumbnailsArray.length; k++) 
    {
		vehImages[k] = thumbnailsArray[k].img;
		imageObj.src=vehImages[k];
		temp = thumbnailsArray[k].img;
		var newStr = temp.replace(".jpg","_on.jpg");			
		vehImagesOn[k] = newStr;
		imageObjOn.src=vehImagesOn[k];
    }

	for(i=0;i<thumbnailsArray.length;i++)
	{	
		var divEle = document.createElement('div');
		divEle.id = "divId_"+i;

		//Div for appending title
		var textDiv = document.createElement('div');
		textDiv.id = "textDiv_"+i;
		textDiv.style.height = "15px";
		textDiv.style.width = "75px";
		textDiv.style.position = "absolute";
		textDiv.style.top = "0px";
		textDiv.style.left = "60px";
		//Title Div
		/*var innerDiv = document.createElement('div');
		innerDiv.id = "innerDiv_"+i;
		innerDiv.innerHTML = thumbnailsArray[i].title;
		textDiv.appendChild(innerDiv);*/

		if(thumbnailsArray[i].offers!=null)
		{
			var offersDiv = document.createElement('div');
			offersDiv.id = "offersDiv_"+i;
			var aOffers = document.createElement('a');
			aOffers.id="aOffers_"+i;
			var imgOffers = document.createElement('img');
			imgOffers.id="imgOffers_"+i;
			imgOffers.alt = "Offers";
			imgOffers.title = "Offers";
			if(isEspanol)
			{
				imgOffers.src = "/img/sav_redesign/navs_buttons/sav_btn_offers_es.gif";
			}
			else
			{
				imgOffers.src = "/img/sav_redesign/navs_buttons/sav_btn_offers.gif";
			}
			setOverSrc(imgOffers);
			//aOffers.href="http://www.nissanusa.com"+thumbnailsArray[i].offers;
			aOffers.style.textDecoration = "none";
			aOffers.appendChild(imgOffers);
			//aOffers.onclick = new Function("viewOffers("+i+")");
			offersDiv.appendChild(aOffers);
			offersDiv.style.position="absolute";
			offersDiv.style.top="0px";
			offersDiv.style.left="27px";
			offersDiv.style.zIndex = "10";
			//divEle.appendChild(offersDiv);
			textDiv.appendChild(offersDiv);
		}
		
		var offersId = i;
		
		jQuery(imgOffers).click(function(event){
			if(event.target == this)
			{	
				var t = this.id;
				var id = t.replace("imgOffers_","");
				window.location.href = thumbnailsArray[id].offers;
			}
			event.stopPropagation();
		  }
		);

		//jQuery("#innerDiv_"+i).css({"width":"150","height":"20"});
		divEle.appendChild(textDiv);
		//jQuery("#textDiv_"+i).css({"width":"140","height":"40"});
		jQuery("#textDiv_"+i).fadeIn('700');
		
		var additionalDiv = document.createElement('div');
		additionalDiv.id = "additionalDiv_"+i;
		additionalDiv.style.height = "15px";
		additionalDiv.style.width = "125px";
		additionalDiv.style.position = "absolute";
		additionalDiv.style.top="12px";
		additionalDiv.style.left = "6px";
		//additionalDiv.style.fontWeight = "bold";
		additionalDiv.style.cursor = "pointer";
		divEle.appendChild(additionalDiv);


		var imgEle = document.createElement('div');
		imgEle.id = "imgEle_"+i;
		var imgElem = document.createElement('img');
		imgElem.id = "img_"+i;
		imgElem.src = thumbnailsArray[i].img;
		vehImages[i] = thumbnailsArray[i].img;
		imgElem.alt = thumbnailsArray[i].title;
		imgElem.title = thumbnailsArray[i].title;
		imgEle.appendChild(imgElem);
		divEle.appendChild(imgEle);
	

		jQuery("#img_"+i).css({"width":"137px","height":"57px"});
		jQuery("#img_"+i).fadeIn('700');



		var exisitingObj = document.getElementById('thumbnail_container');
		exisitingObj.appendChild(divEle);
		//jQuery("#divId_"+i).css({"width":"150","height":"100","float":"left","background":"url(img/bg_thumnbnail.jpg) no-repeat"});
		jQuery("#divId_"+i).css({"width":"135px","height":"84px","float":"left"});
		jQuery("#divId_"+i).fadeIn('700');

		tempArray[j] = thumbnailsArray[i];
		
		var newTitle = thumbnailsArray[i].title;
		newTitle= newTitle.toString();
		divEle.onclick = new Function("parseVehicleXML("+i+")");
		
		var pngImg = thumbnailsArray[i].img;
		var pngImg_on = thumbnailsArray[i].img+"_on.jpg";
		var temp;

		var priceDiv;

			jQuery(divEle).hover(function () {				
				temp = this.childNodes[2].childNodes[0].src;
				var newStr = temp.replace(".jpg","_on.jpg");			
				this.childNodes[2].childNodes[0].src = newStr;

				//Displaying Price
				/*var div_Id = this.id;
				var price = getPrice(div_Id);
				if(this.childNodes[1].childNodes.length == 0)
				{	
					priceDiv = document.createElement('div');
					priceDiv.id = "priceDiv";
					priceDiv.innerHTML = price;
					this.childNodes[1].appendChild(priceDiv);
				}*/
				
				//IE6 PNG Issue
				/*try{
					jQuery("img[@src$="+pngImg+"]").ifixpng();
				}
				catch(e)
				{
				}*/
				 //jQuery(this).fadeTo("slow", 0.6);
			 },
			function () {			
				this.childNodes[2].childNodes[0].src = temp;
		
				//Displaying Price
				/*try
				{
					this.childNodes[1].removeChild(priceDiv);
				}
				catch (e)
				{
					return;
				}*/

				//IE6 PNG Issue
				/*try{
					jQuery("img[@src$="+pngImg+"]").ifixpng();
				}
				catch(e)
				{
				}*/
				//jQuery(this).fadeTo("slow", 1);
			 });


		j++;
	}
	
	crmEvent1({'category':'all_vehicles'});
	positionVehicles(thumbnailsArray);
	showVehicles(thumbnailsArray);
}

//--------------------------------------------------------------------------------------------------------------------

//view All vehicles from the link All Vehicles
function viewAllCars()
{
	crmEvent1({'category':'all_vehicles'});
	changeLinks('allvehicles1');
	buttonID1="see_all_vehicles";
	changeGlobalLinks();
	tempArray =  new Array();
	for(var i=0;i<thumbnailsArray.length;i++)
	{
		tempArray[i] = thumbnailsArray[i];
	}
	removeAdditionalDiv(tempArray);
	positionVehicles(tempArray);
	showVehicles(tempArray);
}


//View cars based on vehicle type
function viewCars(aTagId)
{
	var aValue ;//= document.getElementById('aTag'+aTagId).innerHTML;
	if(aTagId==0)
	{
		aValue="CARS/MINIVANS";
		buttonID1="cars";
		crmEvent2({'category':'cars_minivans'});
	}
	else if(aTagId==1)
	{
		aValue= "SUVS/CROSSOVERS";
		buttonID1="suvs";
		crmEvent3({'category':'crossovers_suvs'});
	}
	else if(aTagId==2)
	{
		aValue = "TRUCKS";
		buttonID1="trucks";
		crmEvent4({'category':'trucks'});
	}

	changeLinks(aTagId);
	window.setTimeout(changeGlobalLinks,1000);
		
	hideCars(tempArray);
	removeAdditionalDiv(tempArray);

	tempArray = new Array();
	var j=0;
	for(i=0;i<thumbnailsArray.length;i++)
	{
		if(aValue == thumbnailsArray[i].vehicleType)
		{
			tempArray[j] = thumbnailsArray[i];
			j++;
		}
		//alert("temparray: "+tempArray);
	}
	positionVehicles(tempArray);
	showVehicles(tempArray);
}
//------------------------------------------------------------------------------------------------------------------

//View cars based on sort sections
function viewOnSort(sortTagId)
{	
	var sortValue;// = document.getElementById('sortATag'+sortTagId).innerHTML;
	var price = new  Array();
	var fuel = new Array();
	var seating = new Array();
	var tempSortArray = new Array();
	
	//changeLinks("sortATag"+sortTagId);
	changeLinks(sortTagId);
	buttonID1="see_all_vehicles";
	changeGlobalLinks();
	
	if(sortTagId==3)
		sortValue="BY PRICE";
	else if(sortTagId==4)
		sortValue= "BY FUEL ECONOMY";
	else if(sortTagId==5)
		sortValue = "BY SEATING";

	
	hideCars(tempArray);
	removeAdditionalDiv(tempArray);

	//Sorting based on Price Values
	var newPrice = new Array();
	var tempPriceArray = new Array();
	for(i=0;i<thumbnailsArray.length;i++)
	{
		tempArray[i] = thumbnailsArray[i];
	}
	//tempArray = thumbnailsArray; //Sorts all the vehciles
	if(sortValue == "BY PRICE")
	{
		for(var i=0;i<tempArray.length;i++)
		{
			price[i] = tempArray[i].price;
			newPrice[i] = price[i].replace(',','');
			tempPriceArray[i] = (tempArray[i].price).replace(',','');
		}
			
		//Sorting the price values
		newPrice.sort(sortNumber);
		for(var k=0; k<newPrice.length; k++)
		{
			j = 0;
			while(j < tempPriceArray.length)
			{
				if(newPrice[k] == tempPriceArray[j])
				{
					tempSortArray[k] = tempArray[j];
					tempPriceArray.splice(j,1);
					tempArray.splice(j,1);
					newPrice.splice(k,1,"NaN");
				}
				j++;
			}
		}

		for(var i=0;i<newPrice.length;i++)
		{
			var k = tempSortArray[i].id;
			var z = tempSortArray[i].price;
			createAdditionalDiv(k,"$"+z+"<sup style='font-size:7px;color:black;'>[1]</sup>");
			tempArray[i]=tempSortArray[i];
		}
			/*for(i=0;i<thumbnailsArray.length;i++)
			{
				alert("id1:"+thumbnailsArray[i].id);
			}*/

	}
	
	//Sorting based on fuel economy Values

	else if(sortValue == "BY FUEL ECONOMY")
	{
		var j=0;
		for(var i=0;i<tempArray.length;i++)
		{
			fuel[i] = tempArray[i].fueleconomy;
		}
		
		//Sorting the fuel values
		fuel.sort(sortNumber);
		
		//Sorting in reverse order
		var tempFuelArray = new Array();
		var j=0;
		for(var i=(fuel.length)-1; i>=0; i--)
		{
			tempFuelArray[j] = fuel[i];
			j++;
		}
		
		for(var i=0; i<fuel.length; i++)
		{
			fuel[i] = tempFuelArray[i];
		}

		for(var k=0; k<fuel.length; k++)
		{
			j=0;
			while(j < tempArray.length)
			{			
				if(fuel[k] == tempArray[j].fueleconomy)
				{
					tempSortArray[k]=tempArray[j];
					tempArray.splice(j,1);
					fuel.splice(k,1,"NaN");
				}
				j++;
			}
		}
		
		for(var i=0;i<fuel.length;i++)
		//for(var i=(fuel.length)-1; i>=0; i--)
		{
			var k = tempSortArray[i].id ;
			createAdditionalDiv(k,tempSortArray[i].fueleconomy+" MPG<sup style='font-size:7px;color:black;'>[2]</sup>");
			tempArray[i]=tempSortArray[i];
		}
	}
	
	//Sorting based on Seating values

	else if(sortValue == "BY SEATING")
	{

		var j=0;
		for(var i=0;i<tempArray.length;i++)
		{
			seating[i] = tempArray[i].seating;
		}
		seating.sort(sortNumber);

		for(var k=0; k<seating.length; k++)
		{
			j = 0;
			while(j < tempArray.length)
			{
				if(seating[k] == tempArray[j].seating)
				{
					tempSortArray[k]=tempArray[j];
					tempArray.splice(j,1);
					seating.splice(k,1,"NaN");
				}
				j++;
			}
		}
		
		for(var i=0;i<seating.length;i++)
		{
			var k = tempSortArray[i].id ;
			createAdditionalDiv(k,appendSeating+tempSortArray[i].seating);
			tempArray[i]=tempSortArray[i];
		}
	}
	
	positionVehicles(tempSortArray);
	showVehicles(tempSortArray);
}
//--------------------------------------------------------------------

function getDisclaimerText()
{
	//document.getElementById("dwrite").innerHTML = disclaimer ;
	document.getElementById("tPopUpImg1").innerHTML = disclaimer ;
}