var gModelID = null;
var stylesSelected = "";
var paramSelected = "";


function myTrim(stringValue){return stringValue.replace(/(^\s*|\s*$)/, "");}

function check_this(brand){
	document.getElementById("pontiac").className = "unchecked";
	document.getElementById("buick").className = "unchecked";
	document.getElementById("gmc").className = "unchecked";
	document.getElementById("chevy").className = "unchecked";
	document.getElementById("saturn").className = "unchecked";
	brand.className="checked";
}

function getEBI(ID){
	return document.getElementById(ID);
}

function getMake(){
	if(getEBI("BU").checked){
		return "Buick";
	}else if(getEBI("CH").checked){
		return "Chevrolet";
	}else if(getEBI("PG").checked){
		return "Pontiac";
	}else if(getEBI("GC").checked){
		return "GMC";
	}else if (getEBI("SAT").checked){
		return "Saturn";
	}

}

function getStyle(){
	if(getEBI("2DCoupe").checked){
		return "2DCoupe";
	}else if(getEBI("4DSedan").checked){
		return "4DSedan";
	}else if(getEBI("SportConv").checked){
		return "SportConv";
	}else if(getEBI("SporUtil").checked){
		return "SporUtil";
	}else if(getEBI("PickupTruck").checked){
		return "PickupTruck";
	}else if(getEBI("SportVan").checked){
		return "SportVan";
	}
	

}

function setId(element, eId){
	if(myTrim(eId).length>0){
		element.id = eId;
	}
}

function setClass(element, eClass){
	if(myTrim(eClass).length>0){
		element.className = eClass;
	}
}


function clearList(){
	getEBI("results").parentNode.removeChild(getEBI("results"));
	getEBI("pContentBottomblue").parentNode.removeChild(getEBI("pContentBottomblue"));
}

function createResults(){
	var list, print, textNode, results, header, h1, p, span, a, contentBottom, search;
	var Make = getMake();
	results = document.createElement("div");
	setId(results, "results");
	results.appendChild(document.createElement("br"));
		header = document.createElement("div");
		setId(header, "pResultsHeader");
			h1 = document.createElement("h1");
			textNode = document.createTextNode("Vehicle Quick Facts: " + Make);
			h1.appendChild(textNode);
			header.appendChild(h1);
		results.appendChild(header);
		p = document.createElement("p");
		setId(p, "result_txt");
			textNode = document.createTextNode("To download specific model information, click on the PDF icon.");
			p.appendChild(textNode);
		results.appendChild(p);
		print = document.createElement("div");
			setId(print, "print");
			a = document.createElement("a");
			a.href="javascript:window.self.print()";
				span = document.createElement("span");
					textNode = document.createTextNode("Print");
					span.appendChild(textNode);
				a.appendChild(span);
			print.appendChild(a);
		results.appendChild(print);

		createList(results);
		
		getEBI("pContentBg").appendChild(results);
}

/*function setParam(name, value){
		var cParam ;
		if(document.location.href.indexOf("&")>-1 && document.location.href.indexOf("&")>-1){
			cParam = "&"+name+"=";
		}
		else{
			cParam = "?"+name+"=";
		}
		var index = (document.location.href).indexOf(cParam);
		if(index > -1){
			document.location = document.location.href.substring(0,index+cParam.length).split('#').join('') + value;
		}
		else{
			document.location = document.location.href.split('#').join('') + cParam + value;
		}
	}*/
var search_button = false;
function swapSearch(){
	document.getElementById('test').className="firstSearch";
	
		
}
	
function loadQuickFacts(){
	stylesSelected = "";
	paramSelected = "";
	
	var list;
	var Make = getMake();
	var Style = getStyle();
	var li, ul, upTable, downTable;
	var divTop_border, divBottom_border, divRight_border, divLeft_border, divContent_cont;
	var imgVehicle_pic, tableVehicle_data, thead, tr, th, textNode, tBody, td, a, span, radio;
	
	if ((Make=="Buick" && Style=="2DCoupe") || (Make=="Buick" && Style=="PickupTruck") || (Make=="Buick" && Style=="SportConv")){
		alert("We're sorry. No vehicles available. Please expand your search criteria.");
		stylesSelected = "";
		paramSelected = "";
	}
	if (Make=="Pontiac" && Style=="PickupTruck"){
		alert("We're sorry. No vehicles available. Please expand your search criteria.");
		stylesSelected = "";
		paramSelected = "";
	}
	if ((Make=="GMC" && Style=="SportConv") || (Make=="GMC" && Style=="2DCoupe") || (Make=="GMC" && Style=="4DSedan")){
		stylesSelected = "";
		paramSelected = "";
		alert("We're sorry. No vehicles available. Please expand your search criteria.");
	}
	/*if (Make=="Pontiac" && Style=="SporUtil") {
		alert("We're sorry. No vehicles available. Please expand your search criteria.");
	}*/
	
	if ((Make=="Saturn" && Style=="SportVan")||(Make=="Saturn" && Style=="PickupTruck"))
		{stylesSelected = "";
		paramSelected = "";
		alert("We're sorry. No vehicles available. Please expand your search criteria.");


		}
	
	swapSearch();
	
	if(getEBI("mainList")){
			clearList();
	}

	if(quickFacts[Make]["Styles"][Style]){
		
		if(!getEBI("results")){
			createResults();
		}
		
		list = getEBI("mainList");
		
	
		for (Model in quickFacts[Make]["Styles"][Style]){
			li = document.createElement("li");
			
			divTop_border = document.createElement("div");
			setClass(divTop_border, "top_border");
			li.appendChild(divTop_border);
			
			divBottom_border = document.createElement("div");
			setClass(divBottom_border, "bottom_border");
			divTop_border.appendChild(divBottom_border);
			
			divRight_border = document.createElement("div");
			setClass(divRight_border, "right_border");
			divBottom_border.appendChild(divRight_border);
			
			divLeft_border = document.createElement("div");
			setClass(divLeft_border, "left_border");
			divRight_border.appendChild(divLeft_border);
			
			divContent_cont = document.createElement("div");
			setClass(divContent_cont, "content_cont");
			divLeft_border.appendChild(divContent_cont);
			
				imgVehicle_pic = document.createElement("img");
				imgVehicle_pic.src = "/certified/images/quickfacts/"+quickFacts[Make]["Styles"][Style][Model]["imgUrl"];//watch this!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
				setClass(imgVehicle_pic, "vehicle_pic");
				divContent_cont.appendChild(imgVehicle_pic);
				
				tableVehicle_data = document.createElement("table");
				tableVehicle_data.width = "525";
				tableVehicle_data.cellspacing = "5";
				tableVehicle_data.cellpadding = "0";
				setClass(tableVehicle_data, "vehicle_data");
				divContent_cont.appendChild(tableVehicle_data);
				
				thead = document.createElement("thead");
				tableVehicle_data.appendChild(thead);
			
				tr = document.createElement("tr");
				thead.appendChild(tr);

				th = document.createElement("th");
				textNode = document.createTextNode("make");
				th.appendChild(textNode);	
				tr.appendChild(th);		
				
				th = document.createElement("th");
				textNode = document.createTextNode("model");
				th.appendChild(textNode);	
				tr.appendChild(th);	
				
				/*th = document.createElement("th");
				textNode = document.createTextNode("pictures");
				th.appendChild(textNode);	
				tr.appendChild(th);	*/
			
				
					for (var i=0; i<quickFacts[Make]["Styles"][Style][Model]["years"].length; i++){
						th = document.createElement("th");
						textNode = document.createTextNode(2000+i+4);
						th.appendChild(textNode);	
						tr.appendChild(th);			
					}
			 
				/*th = document.createElement("th");
				textNode = document.createTextNode("search");
				th.appendChild(textNode);	
				tr.appendChild(th);	*/
			
			tBody = document.createElement("tbody");
			tableVehicle_data.appendChild(tBody);

			tr = document.createElement("tr");
			tBody.appendChild(tr);
			
			td = document.createElement("td");
			textNode = document.createTextNode(Make);
			td.appendChild(textNode);	
			tr.appendChild(td);	
			td = document.createElement("td");
			textNode = document.createTextNode(Model.replace(/_/," "));
			td.appendChild(textNode);	
			tr.appendChild(td);	
			/*td = document.createElement("td");
				a = document.createElement("a");
				//a.href = ' javascript:overlayWindow(this, "photo");'; //watch this!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
				a.href ='javascript:void(0);';
				setClass(a, "camera_icon");
					span = document.createElement("span");
						textNode = document.createTextNode(quickFacts[Make]["Styles"][Style][Model]["imgUrl"]);
						span.appendChild(textNode);
					a.appendChild(span);	
				td.appendChild(a);	
			tr.appendChild(td);*/	
			
			for (var i=0; i<quickFacts[Make]["Styles"][Style][Model]["years"].length; i++){
				td = document.createElement("td");
				if(quickFacts[Make]["Styles"][Style][Model]["years"][i]!=""){
					a = document.createElement("a");
					a.href = "/certified/pdf/20"+quickFacts[Make]["Styles"][Style][Model]["years"][i]+"/"+quickFacts[Make]["Styles"][Style][Model]["years"][i]+Make+'_'+Model+'.pdf';
					setClass(a, "pdf_icon");
					a.setAttribute("target", "_blank");
						span = document.createElement("span");
							textNode = document.createTextNode("Pdf Icon 20"+quickFacts[Make]["Styles"][Style][Model]["years"][i]);
							span.appendChild(textNode);
						a.appendChild(span);	
					td.appendChild(a);	
				}else{
					span = document.createElement("span");
						setClass(span, "notpdf_icon");
					td.appendChild(span);	
				}
				tr.appendChild(td);	
			}
			
		/*	td = document.createElement("td");
				radio = document.createElement("input");
					setClass(radio, quickFacts[Make]["Styles"][Style][Model]["id"]);
					radio.type = "radio";
					radio.name = "search";
					radio.onclick = function () {
						setModelID(this);
					};
				td.appendChild(radio);	
			tr.appendChild(td);*/
			
		
			stylesSelected = Model + ";" + stylesSelected;
			
			
			/*stylesSelected = stylesSelected.length;*/
			
			

			
			list.appendChild(li);
		}
		/*var search = document.createElement("div");
		setId(search, "search");
		a = document.createElement("a");
		a.href = '';
		setClass(a, "pdf_icon");
		a.href = "javascript:searchCar();return false;";
		a.onclick = searchCar;
			span = document.createElement("span");
				textNode = document.createTextNode("Search");
				span.appendChild(textNode);
			a.appendChild(span);	
		search.appendChild(a);	
		getEBI("results").appendChild(search);*/
		
		var back = document.createElement("div");
		setId(back, "back");
		a = document.createElement("a");
			a.href="#pContentHeader";
			span = document.createElement("span");
			textNode = document.createTextNode("Back to Top");
			span.appendChild(textNode);
			a.appendChild(span);
		back.appendChild(a);
		list.appendChild(back);

		var contenBottom = document.createElement("div");
		setId(contenBottom, "pContentBottomblue");
		getEBI("pContentBg").appendChild(contenBottom);
		
	}
	clickTrack({s_pageName:'GM CERTIFIED | VEHICLE QUICK FACTS | RESULTS', s_prop1:'Division', s_lnk:false});

}


function getStylesSelected(){

 
  var str = stylesSelected;
  var strl= "";
  str1 = (str.lastIndexOf(";"))
  str =  (str.substring(0,str1))
  stylesSelected = str;
   return stylesSelected;
}

function getParamsSelected(){
	paramSelected = getMake() + ";" + getStyle();
	return paramSelected;
   	
}

function setModelID(ModelRadio){
	gModelID = ModelRadio.className;
}

function searchCar() {
	var makeId = quickFacts[getMake()]["id"];
	if(gModelID != null){
		document.location = "/cuv/gmcertified/uis.make.jhtml?Make="+makeId+"&Model="+gModelID;
	}else{
		alert("Please select a vehicle");
		return false;
	}
}


function createList(father){
	var list = document.createElement("ul");
	setId(list, "mainList");
	setClass(list, "list_cont");
	father.appendChild(list);
}
function validate(Make, Style){
	
	var band = 0;
	
	if ((Make=="Buick" && Style=="2DCoupe") || (Make=="Buick" && Style=="PickupTruck") || (Make=="Buick" && Style=="SportConv")){
		alert("We're sorry. No vehicles available. Please expand your search criteria.");
		band = 1;
	}
	if (Make=="Pontiac" && Style=="PickupTruck"){
		alert("We're sorry. No vehicles available. Please expand your search criteria.");
		band= 1;
	}
	if ((Make=="GMC" && Style=="SportConv") || (Make=="GMC" && Style=="2DCoupe") || (Make=="GMC" && Style=="4DSedan")){
		alert("We're sorry. No vehicles available. Please expand your search criteria.");
		band = 1;
	}
	
	swapSearch();
	return band;
}
function changeSizeFO(vehicleId){
	var results = 0;
	var frmr;
	var h;
	var ulh;
	var impCarLists = document.getElementsByTagName("ul");
	for (var i = 0; i < impCarLists.length; i++) {
		if (impCarLists[i].id == vehicleId) {
			results = impCarLists[i].getElementsByTagName("li").length;
			break;
		}
	}
	ulh = results * 90;
	document.getElementById(vehicleId).style.height = ulh + "px";
	h = results * 90 + 150;
	parent.changeSizetoFrm(h);
	/*alert(this.getElementById("frmQuickResults"));
	//alert(this.document.getElementById("frmQuickResults"));
	frmr = document.getElementsByTagName("iframe")[0];
	frmr.style.height = h + "px";*/
}
function changeSizetoFrm(h){
	
	document.getElementById("frmQuickResults").style.height = h + "px";
	
}

function showresults(){
	var Make = getMake();
	var Style = getStyle();
	if (validate(Make,Style) == "0"){
		document.getElementById("frmQuickResults").src="/certified/quickfacts/results_content.jsp?make=" + Make +"&style=" + Style;
		document.getElementById("frmQuickResults").style.visibility="visible";
		
	}else{
		document.getElementById("frmQuickResults").src="";
		document.getElementById("frmQuickResults").style.height = "0px";
	}
}

function loadresults(make,style){
	document.getElementById(make+'_'+style).style.display="block";
}

/*Change size of the iFrame to Featured*/