//Detail layer information parsing and display in layer.
var vehicleArray = new Array();
var xmlDoc1;
var trimsArray;
var trimsCount;

var int_lg ="";
var int_sm ="";
var ext_lg ="";
var ext_sm ="";

/*function trims_ds(vehicledetail, buv, rab, raq, locate, vehicleContent,trimName)
{
	this.vehicledetail = vehicledetail;
	this.buv = buv;
	this.rab = rab ;
	this.raq = raq ;
	this.locate = locate;
	this.vehicleContent = vehicleContent;
	this.trimName = trimName;
}*/

function trims_ds(heading, trimName, price, pricedetail, mpg, seating, lgExterior, smExterior, lgInterior, smInterior, tabImage, content, shopping, shoppingLink)
{
	this.heading = heading;
	this.trimName = trimName;
	this.price = price;
	this.pricedetail = pricedetail ;
	this.mpg = mpg ;
	this.seating = seating;
	this.lgExterior = lgExterior;
	this.smExterior = smExterior;
	this.lgInterior = lgInterior;
	this.smInterior = smInterior;
	this.tabImage = tabImage;
	this.content = content;
	this.shopping = shopping;
	this.shoppingLink = shoppingLink;
}


/*function vehcile_ds(id, price, pricedetail, lgExterior, smExterior, lgInterior, smInterior, mpg, seating)
{
	this.id = id;
	this.price = price;
	this.pricedetail = pricedetail;
	this.lgExterior = lgExterior;
	this.smExterior = smExterior;
	this.lgInterior = lgInterior;
	this.smInterior = smInterior;
	this.mpg = mpg ;
	this.seating = seating;	
}*/

function vehcile_ds(id, seemoreimages, disclaimer, trimsLength)
{
	this.id = id;
	this.seemoreimages = seemoreimages;
	this.disclaimer = disclaimer;
	this.trimsLength = trimsLength;
}

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

function parseVehicleXML(id1) 
{	
	/*try //Internet Explorer
	  {
	  xmlDoc1=new ActiveXObject("Microsoft.XMLDOM");
	  }
	catch(e)
	  {
	  try //Firefox, Mozilla, Opera, etc.
		{
		xmlDoc1=document.implementation.createDocument("","",null);
		}
	  catch(e)
		{
		alert(e.message);
		return;
		}
	  }	
	xmlDoc1.async=false;
	xmlDoc1.load("xml/vehiclespecificdetails.xml");*/
	if (typeof jQuery != 'undefined') {
		jQuery.ajax({url: "xml/vehiclespecificdetails.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) {xmlDoc1 = data; vehicleDetails(id1); }
			});
		}
}
	
function vehicleDetails(id1)
{
	trimsArray = new Array(new Array(12),new Array(12));
	//var vehicleArray = new Array(new Array(12),new Array(12),new Array(12));
	
	var vehicle = xmlDoc1.getElementsByTagName("Vehicle");
	//alert("length: "+vehicle.length+"childNodes: "+vehicle[id1].getAttribute("id"));
	


	var vehicleNodes = vehicle[id1].childNodes;
	var k = 0;
	for(var i=0; i<vehicleNodes.length;i++)
	{	
		var tabImage = null;
		var pricedetail = '';
		if(vehicleNodes[i].nodeName == "trim")
		{
			trimDataLength = vehicleNodes[i].childNodes.length;
			var trimName = vehicleNodes[i].getAttribute("name");
			for(var j=0; j<trimDataLength;j++ )
			{
				if(vehicleNodes[i].childNodes[j].nodeName == "heading")
				{
					var heading = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;

					/*//var disclaimer = vehicleNodes[i].childNodes[0].nodeValue;
					var heading = '';
					if(vehicleNodes[i].childNodes[j].nodeType ==1)
					{
						heading += "<"+vehicleNodes[i].childNodes[j].nodeName+"/>";
					}
					else
					{
						heading += vehicleNodes[i].childNodes[j].nodeValue;
					}*/
				}
				if(vehicleNodes[i].childNodes[j].nodeName == "price")
				{
					var price = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
				}
				if(vehicleNodes[i].childNodes[j].nodeName == "pricedetail")
				{
					var pricedetail = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
				}
				if(vehicleNodes[i].childNodes[j].nodeName == "mpg")
				{
					var mpg = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
				}
				if(vehicleNodes[i].childNodes[j].nodeName == "seating")
				{
					var seating = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
				}
				if(vehicleNodes[i].childNodes[j].nodeName == "lgExterior")
				{
					var lgExterior = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
				}
				if(vehicleNodes[i].childNodes[j].nodeName == "smExterior")
				{
					var smExterior = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
				}
				if(vehicleNodes[i].childNodes[j].nodeName == "lgInterior")
				{
					var lgInterior = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
				}
				if(vehicleNodes[i].childNodes[j].nodeName == "smInterior")
				{
					var smInterior = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
				}
				if(vehicleNodes[i].childNodes[j].nodeName == "tabImage")
				{
					tabImage = vehicleNodes[i].childNodes[j].childNodes[0].nodeValue;
				}
				if(vehicleNodes[i].childNodes[j].nodeName == "vehcilecontent")
				{
					var content = new Array();
					var content1=0;
					for(var z=0; z<vehicleNodes[i].childNodes[j].childNodes.length; z++)
					{
						if(vehicleNodes[i].childNodes[j].childNodes[z].nodeName == "content")
						{
							//alert("content value: "+vehicleNodes[i].childNodes[j].childNodes[z].childNodes[0].nodeValue);
							content[content1] = vehicleNodes[i].childNodes[j].childNodes[z].childNodes[0].nodeValue;
							content1++;
						}
					}
					
					/*for(var l=0; l<4; l++)
					{
						alert("shopping value:"+content[l]);
					}*/

				}
				if(vehicleNodes[i].childNodes[j].nodeName == "shoppingtools")
				{
					//alert("shoppingtools length: "+vehicleNodes[i].childNodes[j].childNodes.length);
					var shopping = new Array();
					var shoppingLink = new Array();
					var shopping1=0;
					for(var z=0; z<vehicleNodes[i].childNodes[j].childNodes.length; z++)
					{
						if(vehicleNodes[i].childNodes[j].childNodes[z].nodeName == "explore")
						{
							shopping[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].childNodes[0].nodeValue;
							shoppingLink[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].getAttribute("link");
							shopping1++;
						}
						else if(vehicleNodes[i].childNodes[j].childNodes[z].nodeName == "buv")
						{
							shopping[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].childNodes[0].nodeValue;
							shoppingLink[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].getAttribute("link");
							shopping1++;
						}
						else if(vehicleNodes[i].childNodes[j].childNodes[z].nodeName == "rab")
						{
							shopping[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].childNodes[0].nodeValue;
							shoppingLink[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].getAttribute("link");
							shopping1++;
						}
						else if(vehicleNodes[i].childNodes[j].childNodes[z].nodeName == "raq")
						{
							shopping[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].childNodes[0].nodeValue;
							shoppingLink[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].getAttribute("link");
							shopping1++;
						}
						else if(vehicleNodes[i].childNodes[j].childNodes[z].nodeName == "locate")
						{
							shopping[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].childNodes[0].nodeValue;
							shoppingLink[shopping1] = vehicleNodes[i].childNodes[j].childNodes[z].getAttribute("link");
							shopping1++;
						}
						//alert("shopping value: "+shopping[shopping1]);
					}
				}
			}
			trimsArray[0][k] =  new trims_ds(heading,trimName,price,pricedetail,mpg,seating,lgExterior,smExterior,lgInterior,smInterior,tabImage,content,shopping,shoppingLink);
			k++;
		}

		if(vehicleNodes[i].nodeName == "seemoreimages")
		{
			var seemoreimages = vehicleNodes[i].getAttribute("link");
			//alert("seemoreimages value: "+vehicleNodes[i].getAttribute("link"));
		}
		if(vehicleNodes[i].nodeName == "disclaimer")
		{
			//var disclaimer = vehicleNodes[i].childNodes[0].nodeValue;
			var x = vehicleNodes[i].childNodes;
			var disclaimer = '';
			for(var j=0;j<vehicleNodes[i].childNodes.length;j++){
				
				if(vehicleNodes[i].childNodes[j].nodeType ==1){
					disclaimer += "<"+vehicleNodes[i].childNodes[j].nodeName+"/>";
				}
				else{
					disclaimer += vehicleNodes[i].childNodes[j].nodeValue;
				}
			}
		}
		var vehicleId = vehicle[id1].getAttribute("id");
	}

	vehicleArray.push(new vehcile_ds(vehicleId,seemoreimages,disclaimer,k));
	trimsCount = k;
	
	viewVehiclesdetails(id1, trimsCount);
}

//END OF PARSING OF THE XML FILE.
//-----------------------------------------------------------------------------------------------

//Clear the layer data
function clearDivData()
{
	if(document.getElementById('vehicledetail_layer1'))
	{
		if(document.getElementById('vehicledetail_layer1')){
			try
			{
				document.getElementById('vehicledetail_layer').removeChild((document.getElementById('vehicledetail_layer').lastChild));
			}
			catch (e)
			{
				alert(e);
				return;
			}
		}
	}
}

function viewVehiclesdetails(id1, trimsCount)
{
	clearDivData();
	jQuery("#layer").css('visibility','visible');
	jQuery("#layerBackground").css('visibility','visible');
	jQuery("#layer").show();
	jQuery("#layerBackground").show();
	jQuery(".transparentDiv").show();

	var closeImg = document.getElementById("closeButton");
	setOverSrc(closeImg);
	var newTitle = thumbnailsArray[id1].title;
	generateCrmEvents();
	//alert("in viewVehiclesdetails id:"+vehicleArray[0].id+"\ntitle:"+newTitle);
	if(vehicleArray[0].id == newTitle)
	{	

		trimsCount = vehicleArray[0].trimsLength;

			var vehicledetail_layer1 = document.createElement('div');
			vehicledetail_layer1.id = "vehicledetail_layer1";
			vehicledetail_layer1.className = "vehicledetail_layer1";

			/*var headingDiv = document.createElement('div');
			headingDiv.id = "headingDiv";
			headingDiv.className = "headingDiv";
			headingDiv.innerHTML = "2009 Nissan "+vehicleArray[0].id;
			vehicledetail_layer1.appendChild(headingDiv);*/

			if(thumbnailsArray[id1].offers!=null)
			{
				var splOffers = document.createElement('div');
				splOffers.id = "splOffers";
				splOffers.className = "splOffers";
				if(isEspanol)
					splOffers.style.left = "340px";
				var splOffersA = document.createElement('a');
				splOffersA.id = "splOffersA";
				var splOffersImg = document.createElement('img');
				if(isEspanol)
				{
					splOffersImg.src= "/img/sav_redesign/navs_buttons/snap_btn_offers_es.gif";
				}
				else
				{
					splOffersImg.src= "/img/sav_redesign/navs_buttons/snap_btn_offers.gif";
				}
				splOffersImg.alt = "Special Offers";
				splOffersImg.title = "Special Offers";
				setOverSrc(splOffersImg);
				splOffersA.appendChild(splOffersImg);
				splOffersA.href=thumbnailsArray[id1].offersLink;
				splOffers.appendChild(splOffersA);
				vehicledetail_layer1.appendChild(splOffers);
			}

		var divEle = document.createElement("div");
		divEle.className = "tabbernav";

		for(var i=0; i<trimsCount;i++)
		{				
			
			
			var vehicleLayer = document.createElement('div');
			vehicleLayer.id  ="vehicleLayer_"+i;
			vehicleLayer.className = "vehicleLayer";

			var headingDiv = document.createElement('div');
			headingDiv.id = "headingDiv_"+i;
			headingDiv.className = "headingDiv";
			headingDiv.innerHTML = trimsArray[0][i].heading;
			vehicleLayer.appendChild(headingDiv);

			/*if(thumbnailsArray[id1].offers!=null)
			{
				var splOffers = document.createElement('div');
				splOffers.id = "splOffers";
				splOffers.className = "splOffers";
				var splOffersImg = document.createElement('img');
				splOffersImg.src= "img/navs_buttons/snap_btn_offers.gif";
				setOverSrc(splOffersImg);
				splOffers.appendChild(splOffersImg);
				vehicleLayer.appendChild(splOffers);
			}*/

			var mainContainer = document.createElement('div');
			mainContainer.id="mainContainer";
			mainContainer.className="mainContainer";

			var largeImageDiv = document.createElement('div');
			largeImageDiv.id = "largeImageDiv_"+i;
			largeImageDiv.className = "vehicleImage";
			var largeImageDivImg = document.createElement('img');
			//ext_lg = "img/images/"+vehicleArray[0].id+"/"+vehicleArray[0].lgExterior;
			ext_lg = trimsArray[0][i].lgExterior;
			largeImageDivImg.src= ext_lg;
			largeImageDiv.appendChild(largeImageDivImg);
			mainContainer.appendChild(largeImageDiv);

			var priceDiv = document.createElement('div');
			priceDiv.id = "priceDiv_"+i;
			priceDiv.className = "priceDiv";
			priceDiv.innerHTML = trimsArray[0][i].price;
			mainContainer.appendChild(priceDiv);

			
			var mpgSeating = document.createElement('div');
			mpgSeating.id="mpgSeating_"+i;
			mpgSeating.className="mpgSeating";

			var mpgDiv = document.createElement('div');
			mpgDiv.id="mpgDiv";
			mpgDiv.className="mpgDiv";
			mpgDiv.innerHTML = trimsArray[0][i].mpg;
			mpgSeating.appendChild(mpgDiv);

			var seatingDiv = document.createElement('div');
			seatingDiv.id="seatingDiv";
			seatingDiv.className="seatingDiv";
			var seatingUl = document.createElement('ul');
			var seatingLi = document.createElement('li');
			seatingLi.innerHTML = trimsArray[0][i].seating;
			seatingUl.appendChild(seatingLi);
			seatingDiv.appendChild(seatingUl);
			//seatingDiv.innerHTML = trimsArray[0][i].seating;
			mpgSeating.appendChild(seatingDiv);

			mainContainer.appendChild(mpgSeating);
			
			var priceDetailDiv = document.createElement('div');
			priceDetailDiv.id="priceDetailDiv_"+i;
			priceDetailDiv.className="priceDetailDiv";
			priceDetailDiv.innerHTML = trimsArray[0][i].pricedetail;
			mainContainer.appendChild(priceDetailDiv);

			vehicleLayer.appendChild(mainContainer);

			var smallImageDiv = document.createElement('div');
			smallImageDiv.id = "smallImageDiv_"+i;
			smallImageDiv.className = "smallImageDiv ";
			var smallImageDivImg = document.createElement('img');
			//int_sm = "img/images/"+vehicleArray[0].id+"/"+vehicleArray[0].smInterior;
			int_sm = trimsArray[0][i].smInterior;

			smallImageDivImg.src= int_sm;
			smallImageDivImg.style.cursor = "pointer";
			smallImageDiv.appendChild(smallImageDivImg);
			vehicleLayer.appendChild(smallImageDiv);

			var changeViewDiv = document.createElement("div");
			changeViewDiv.id = "changeViewDiv";
			changeViewDiv.className = "changeViewDiv";
			var changeViewA = document.createElement("a");
			changeViewA.id = "changeViewA";
			changeViewA.onclick = new Function("change("+i+")");
			changeViewA.style.color="#000000";
			changeViewA.style.cursor = "pointer";
			changeViewA.innerHTML ="Change View";
			if(isEspanol)
				changeViewA.innerHTML ="Cambia la perspectiva";
			changeViewDiv.appendChild(changeViewA);
			vehicleLayer.appendChild(changeViewDiv);
			
			/*jQuery(changeViewA).hover(function () {		
				jQuery(changeViewA).css("color","#C81444");
			 },
			function () {			
				jQuery(changeViewA).css("color","#000000");
			 });*/


			//Added
			vehicleLayer.style.display = "none";
			vehicledetail_layer1.appendChild(vehicleLayer);

			/*int_lg = "img/images/"+vehicleArray[0].id+"/"+vehicleArray[0].lgInterior;
			ext_sm = "img/images/"+vehicleArray[0].id+"/"+vehicleArray[0].smExterior;*/

			int_lg = trimsArray[0][i].lgInterior;
			ext_sm = trimsArray[0][i].smExterior;


			smallImageDiv.onclick = new Function("change("+i+")");

			/*
			var tabDisclaimerDiv = document.createElement('div');
			tabDisclaimerDiv.id = "tabDisclaimerDiv";
			tabDisclaimerDiv.className = "tabDisclaimerDiv";

			
			//For tabs 
			var tabMenus = document.createElement('div');
			tabMenus.id = "tabMenus";
			tabMenus.className = "tabMenus";

			if(trimsCount>1)
			{
				var tabEle = document.createElement('div');
				var tabA = document.createElement('a');
				var tabImg = document.createElement('img');
				tabImg.id = "tabImg_"+i;
				if(i==0)
				{
					var temp = trimsArray[0][i].tabImage;
					var newStr = temp.replace(".gif","_on.gif");	
					tabImg.src = newStr;
				}
				else
				{
					tabImg.src = trimsArray[0][i].tabImage;
				}
				tabA.appendChild(tabImg);
				tabEle.appendChild(tabA);
				tabEle.onclick = new Function("showDiv("+i+")");
				//tabEle.innerHTML = trimsArray[0][k].heading;
				tabEle.id="tabEle_"+i;
				tabEle.className = "tabEle_"+i;
				divEle.appendChild(tabEle);
			}
			*/
		}
		//End of i loop

			var tabDisclaimerDiv = document.createElement('div');
			tabDisclaimerDiv.id = "tabDisclaimerDiv";
			tabDisclaimerDiv.className = "tabDisclaimerDiv";

			
			//For tabs 
			var tabMenus = document.createElement('div');
			tabMenus.id = "tabMenus";
			tabMenus.className = "tabMenus";


			if(trimsCount>1)
			{
				var divEle = document.createElement("div");
				divEle.className = "tabbernav";
				for(var k=0;k<trimsCount;k++)
				{
					var tabEle = document.createElement('div');
					var tabA = document.createElement('a');
					var tabImg = document.createElement('img');
					tabImg.id = "tabImg_"+k;
					if(k==0)
					{
						var temp = trimsArray[0][k].tabImage;
						var newStr = temp.replace(".gif","_on.gif");	
						tabImg.src = newStr;
					}
					else
					{
						tabImg.src = trimsArray[0][k].tabImage;
					}
					tabA.appendChild(tabImg);
					tabEle.appendChild(tabA);
					tabEle.onclick = new Function("showDiv("+k+")");
					//tabEle.innerHTML = trimsArray[0][k].heading;
					tabEle.id="tabEle_"+k;
					tabEle.className = "tabEle_"+k;
					divEle.appendChild(tabEle);
				}
			}
			tabMenus.appendChild(divEle);

			/*if(trimsCount>1)
			{
				var divEle = document.createElement("div");
				divEle.className = "tabbernav";
				for(var k=0;k<trimsCount;k++)
				{
					var tabEle = document.createElement('div');
					tabEle.onclick = new Function("showDiv("+k+")");
					tabEle.innerHTML = trimsArray[0][k].heading;
					tabEle.id="tabEle_"+k;
					tabEle.className = "tabEle_"+k;
					divEle.appendChild(tabEle);
				}
				tabMenus.appendChild(divEle);
			}*/
			//--------------------------------
			

			var seeMoreImagesDiv = document.createElement('div');
			seeMoreImagesDiv.id = "seeMoreImagesDiv";
			seeMoreImagesDiv.className = "seeMoreImagesDiv";
			var seeMoreImagesA = document.createElement("a");
			seeMoreImagesA.id = "seeMoreImagesA";
			seeMoreImagesA.style.color="#000000";
			seeMoreImagesA.style.cursor = "pointer";
			seeMoreImagesA.style.textDecoration = "underline";
			seeMoreImagesA.innerHTML ="See More Images";
			if(isEspanol)
				seeMoreImagesA.innerHTML ="Ver más imágenes";
			seeMoreImagesA.href = vehicleArray[0].seemoreimages;
			seeMoreImagesDiv.appendChild(seeMoreImagesA);
			//seeMoreImagesDiv.innerHTML = "See More Images";
			vehicledetail_layer1.appendChild(seeMoreImagesDiv);

			/*jQuery(seeMoreImagesDiv).hover(function () {				
				jQuery(seeMoreImagesDiv).css("color","#C81444");
			 },
			function () {			
				jQuery(seeMoreImagesDiv).css("color","#000000");
			 });*/

			for(var k=0;k<trimsCount;k++)
			{
				var tabMenu = document.createElement('div');
				tabMenu.id = 'tabMenu_'+k;
				
				/*var vehicleDetail = document.createElement('div');
				vehicleDetail.innerHTML = trimsArray[0][k].vehicledetail;
				tabMenu.appendChild(vehicleDetail);*/
				
				var contentdivEle = document.createElement('div');
				contentdivEle.id = "contentdivEle";
				var copyHeader = document.createElement('div');
				copyHeader.id = "copyHeader";
				copyHeader.innerHTML = trimsArray[0][k].content[0];
				copyHeader.className="copyHeader";
				contentdivEle.appendChild(copyHeader);
				var copyFeatures = document.createElement('div');
				copyFeatures.id = "copyFeatures";
				copyFeatures.style.position = "relative";
				copyFeatures.style.top = "-15px";
				copyFeatures.style.height = "80px";
				var ulElement = document.createElement('ul');
				ulElement.style.listStyleType = "disc";
				ulElement.style.paddingTop = "10px";
				for(var j=1; j<trimsArray[0][k].content.length; j++)
				{
					/*var bulletImg = document.createElement('img');
					bulletImg.src = "/img/sav_redesign/bullet.gif";
					bulletImg.style.position = "relative";
					bulletImg.style.top = -5;
					bulletImg.style.left = -20;*/
					var contentDetail = document.createElement('li');
					contentDetail.id = "contentDetail_"+j;
					contentDetail.style.paddingBottom = "2px";
					/*contentDetail.style.position = "relative";
					contentDetail.style.top = -10;
					contentDetail.style.left = 0;
					contentDetail.style.lineHeight = 0.10;*/
					contentDetail.innerHTML = trimsArray[0][k].content[j];
					//ulElement.appendChild(bulletImg);
					ulElement.appendChild(contentDetail);
				}
				copyFeatures.appendChild(ulElement);
				contentdivEle.appendChild(copyFeatures);
				tabMenu.appendChild(contentdivEle);
			
				var explore = document.createElement('div');
				explore.id = "explore";
				explore.className = "explore";
				explore.style.paddingLeft = "25px";
				var exploreA = document.createElement('a');
				var exploreImg = document.createElement('img');
				exploreImg.src = trimsArray[0][k].shopping[0];
				exploreImg.alt = "Explore your Vehicle";
				exploreImg.title = "Explore your Vehicle";
				setOverSrc(exploreImg);
				exploreA.appendChild(exploreImg);
				exploreA.href=trimsArray[0][k].shoppingLink[0];
				explore.appendChild(exploreA);
				tabMenu.appendChild(explore);
				
				var seperateDiv = document.createElement('div');;
				seperateDiv.id = "seperateDiv";
				seperateDiv.className = "seperateDiv";
				tabMenu.appendChild(seperateDiv);
				
				var shopDiv = document.createElement('div');
				shopDiv.id = "shopDiv";
				shopDiv.className = "shopDiv";

				var buv = document.createElement('div');
				buv.id = "buv";
				jQuery("buv").css("paddingBottom","5px");
				var buvA = document.createElement('a');
				var buvImg = document.createElement('img');
				buvImg.src = trimsArray[0][k].shopping[1];
				buvImg.alt = "Build your Vehicle";
				buvImg.title = "Build your Vehicle";
				setOverSrc(buvImg);
				buvA.appendChild(buvImg);
				buvA.href= trimsArray[0][k].shoppingLink[1];
				buv.appendChild(buvA);
				shopDiv.appendChild(buv);

				var rab = document.createElement('div');
				rab.id = "rab";
				jQuery("rab").css("paddingBottom","5px");
				var rabA = document.createElement('a');
				var rabImg = document.createElement('img');
				rabImg.src = trimsArray[0][k].shopping[2];
				rabImg.alt = "Get A Brochure";
				rabImg.title = "Get A Brochure";
				setOverSrc(rabImg);
				rabA.appendChild(rabImg);
				rabA.href = trimsArray[0][k].shoppingLink[2];
				rab.appendChild(rabA);
				shopDiv.appendChild(rab);

				var raq = document.createElement('div');
				raq.id = "raq";
				jQuery("raq").css("paddingBottom","5px");
				var raqA = document.createElement('a');
				var raqImg = document.createElement('img');
				raqImg.src = trimsArray[0][k].shopping[3];
				raqImg.alt = "Request a Quote";
				raqImg.title = "Request a Quote";
				setOverSrc(raqImg);
				raqA.appendChild(raqImg);
				raqA.href = trimsArray[0][k].shoppingLink[3];
				raq.appendChild(raqA);
				shopDiv.appendChild(raq);

				tabMenu.appendChild(shopDiv);

				var locate = document.createElement('div');
				locate.id = "locate";
				locate.className = "locateText";
				/*var locateA = document.createElement('a');
				var locateImg = document.createElement('img');
				locateImg.src = trimsArray[0][k].shopping[4];
				setOverSrc(locateImg);
				locateA.appendChild(locateImg);
				locate.appendChild(locateA);*/
				locate.innerHTML = trimsArray[0][k].shopping[4];
				tabMenu.appendChild(locate);

				var zipCodeDiv = document.createElement("div");
				zipCodeDiv.id = "zipCodeDiv";
				zipCodeDiv.className= "zipCodeDiv";
				var zipCode1 = "<input type='text' id='zipCodeDealer"+k+"' style='width:150px;border:1px solid #B2B2B2;background-color:#E9E9E9' class='zipCodeShort' value='Zip Code or City, State' onfocus='zipCodeFocus("+k+");'>";
				tabMenu.appendChild(zipCodeDiv);
				zipCodeDiv.innerHTML = zipCode1;
				
				var goLocateDiv = document.createElement("div");
				goLocateDiv.id="goLocateDiv";
				goLocateDiv.className = "goLocateDiv";
				var goLocateDealer = document.createElement("a");
				goLocateDealer.id="goLocateDealer";
				var goLocateDealerImg = document.createElement("img");
				if(isEspanol)
					goLocateDealerImg.src="/img/sav_redesign/sav_globalnav_top/spanish/sav_reg_btn_go_es.gif";
				else
					goLocateDealerImg.src="/img/sav_redesign/sav_globalnav_top/sav_reg_btn_goWht.gif";
				goLocateDealerImg.alt = "Go";
				goLocateDealerImg.title = "Go";
				setOverSrc(goLocateDealerImg);
				goLocateDealer.appendChild(goLocateDealerImg);
				//goLocateDealer.href = trimsArray[0][k].shoppingLink[4];
				goLocateDealer.onclick = new Function("locateDealerGo("+k+")");
				goLocateDiv.appendChild(goLocateDealer);
				tabMenu.appendChild(goLocateDiv);

				tabMenu.className = "tabmenu";
				tabMenus.appendChild(tabMenu);
			}
			tabDisclaimerDiv.appendChild(tabMenus);


			var disclaimerDiv = document.createElement('div');
			disclaimerDiv.id = "disclaimerDiv";
			disclaimerDiv.className = "disclaimerDiv";
			var disclaimerA = document.createElement("a");
			disclaimerA.id = "disclaimerA";
			//disclaimerA.onclick = new Function("showPopup("+id1+")");
			disclaimerA.onclick = showDhtmlLayer;//new Function("showDhtmlPop('disclaimerPopUpDiv',event,this,'anchorcenter');return false");
			disclaimerA.style.color="#000000";
			disclaimerA.style.cursor = "pointer";
			disclaimerA.innerHTML ="Disclaimer";
			if(isEspanol)
				disclaimerA.innerHTML ="Legal";
			disclaimerDiv.appendChild(disclaimerA);
			//disclaimerDiv.innerHTML = "Disclaimer";
			tabDisclaimerDiv.appendChild(disclaimerDiv);

			/*jQuery(disclaimerA).hover(function () {				
				jQuery(disclaimerA).css("color","#C81444");
			 },
			function () {			
				jQuery(disclaimerA).css("color","#000000");
			 });*/

			//Disclaimer Popup
			var disclaimerPopUpDiv = document.createElement("div");
			disclaimerPopUpDiv.id = "disclaimerPopUpDiv";
			disclaimerPopUpDiv.className = "disclaimerPopUpDiv";
			//disclaimerPopUpDiv.className = "tTabSoaFrameBg";

			/*var tDisclaimerPopUpDisplayBorder = document.createElement("div");
			tDisclaimerPopUpDisplayBorder.id = "tDisclaimerPopUpDisplayBorder";
			/*tDisclaimerPopUpDisplayBorder.style.height = 100;
			tDisclaimerPopUpDisplayBorder.style.width = 300;
			tDisclaimerPopUpDisplayBorder.style.zIndex = 150;
			tDisclaimerPopUpDisplayBorder.className = "tDisclaimerPopUpDisplayBorder";
			disclaimerPopUpDiv.appendChild(tDisclaimerPopUpDisplayBorder);*/

			var tDisclaimerPopUpContainer = document.createElement("div");
			tDisclaimerPopUpContainer.id = "tDisclaimerPopUpContainer";
			tDisclaimerPopUpContainer.style.height = "125px";
			tDisclaimerPopUpContainer.style.width = "325px";
			tDisclaimerPopUpContainer.style.zIndex = "150";

			var closeATag = document.createElement("a");
			closeATag.id = "closeATag";
			closeATag.onclick = hideDhtmlLayer;
			
			var closeImgTag = document.createElement("img");
			closeImgTag.id = "closeImgTag";
			if(isEspanol)
				closeImgTag.src = "/img/sav_redesign/navs_buttons/dis_close_es.gif";
			else
				closeImgTag.src = "/img/sav_redesign/navs_buttons/dis_close.gif";
			closeImgTag.alt = "Close";
			closeImgTag.title = "Close";
			setOverSrc(closeImgTag);
			closeImgTag.style.position = "absolute";
			closeImgTag.style.top = "0px";
			closeImgTag.style.left = "260px";
			closeATag.appendChild(closeImgTag);
			tDisclaimerPopUpContainer.appendChild(closeATag);

			var tPopUpImg = document.createElement("div");
			tPopUpImg.id = "tPopUpImg";
			tPopUpImg.className ="tPopUpImg";
			tPopUpImg.innerHTML = vehicleArray[0].disclaimer;
			tDisclaimerPopUpContainer.appendChild(tPopUpImg);
			
			disclaimerPopUpDiv.appendChild(tDisclaimerPopUpContainer);

			tabDisclaimerDiv.appendChild(disclaimerPopUpDiv);
			
			vehicledetail_layer1.appendChild(tabDisclaimerDiv);
	

			document.getElementById('vehicledetail_layer').appendChild(vehicledetail_layer1);
			
			document.getElementById('tabMenu_0').style.display="block";
			document.getElementById('vehicleLayer_0').style.display="block";
		
			/*if(trimsCount>1)
			{
				document.getElementById('tabEle_0').style.background="#FFFFFF";
				document.getElementById('tabEle_1').style.background="#9B9798";
			}*/
			var vehicleName = vehicleArray[0].id;
			//create_div(mainContainer,vehicleName);	
		}
		vehicleArray.pop();
		jQuery("#splOffers > img").css("cursor","pointer");
		//trimsArray = null;	
}

var b=true;
function showDiv(val1)
{
	var count = trimsCount;
	//alert("count: "+count+"val1: "+val1);

	var largeImageDiv = jQuery("#largeImageDiv_"+val1);
	var imge =largeImageDiv.children("img");

	var smallImageDiv = jQuery("#smallImageDiv_"+val1);
	var imgi =smallImageDiv.children("img");

	int_sm = trimsArray[0][val1].smInterior;
	ext_lg = trimsArray[0][val1].lgExterior;

	b=true;
	imge.attr("src",ext_lg);
	imgi.attr("src",int_sm);

	var temp = trimsArray[0][val1].tabImage;
	newStr = temp.replace(".gif","_on.gif");	
	document.getElementById('tabMenu_'+val1).style.display='block';
	document.getElementById('tabImg_'+val1).src = newStr;
	document.getElementById('vehicleLayer_'+val1).style.display='block';
 	var name = trimsArray[0][val1].trimName;

	if(val1==1)
	{
		generateTabEvents1(name);
		document.getElementById('tabMenu_'+0).style.display='none';
		document.getElementById('tabImg_'+0).src = trimsArray[0][0].tabImage;
		document.getElementById('vehicleLayer_'+0).style.display='none';
	}
	if(val1==0)
	{
		generateTabEvents0(name);
		document.getElementById('tabMenu_'+1).style.display='none';
		document.getElementById('tabImg_'+1).src = trimsArray[0][1].tabImage;
		document.getElementById('vehicleLayer_'+1).style.display='none';
	}
}

// Image change effect
function change(id){

	var largeImageDiv = jQuery("#largeImageDiv_"+id);
	var imge =largeImageDiv.children("img");

	var smallImageDiv = jQuery("#smallImageDiv_"+id);
	var imgi =smallImageDiv.children("img");
	var name = trimsArray[0][id].trimName;
	if(b){
		generateInteriorCRM(name);
		/*jQuery("#smallImageDiv_"+id).hide();
	    jQuery("#largeImageDiv_"+id).hide();*/

	    int_lg = trimsArray[0][id].lgInterior;
	    ext_sm = trimsArray[0][id].smExterior;
	
		imge.attr("src",int_lg);
		imgi.attr("src",ext_sm);
	
		/*jQuery("#largeImageDiv_"+id).fadeIn(2800);
		jQuery("#smallImageDiv_"+id).fadeIn(2800);*/
		
		jQuery("#priceDiv_"+id).hide();
		jQuery("#mpgSeating_"+id).hide();
		jQuery("#priceDetailDiv_"+id).hide();
	}
	else{
		generateExteriorCRM(name);
		/*jQuery("#smallImageDiv_"+id).hide();
	    jQuery("#largeImageDiv_"+id).hide();*/
		
		int_sm = trimsArray[0][id].smInterior;
		ext_lg = trimsArray[0][id].lgExterior;
		
		imge.attr("src",ext_lg);
		imgi.attr("src",int_sm);

		/*jQuery("#largeImageDiv_"+id).fadeIn(2800);
		jQuery("#smallImageDiv_"+id).fadeIn(2800);*/

		jQuery("#priceDiv_"+id).fadeIn("slow");
		jQuery("#mpgSeating_"+id).fadeIn("slow");
		jQuery("#priceDetailDiv_"+id).fadeIn("slow");
	}
	b = !b;
}

function zipCodeFocus(i)
{
	document.getElementById('zipCodeDealer'+i).value = '';
}