var car_flag = false;
var my_tab = 'select';

var load = new Object();
load['select'] = false;
load['research'] = false;
load['config'] = false;
load['covo'] = false;
load['stdequip'] = false;
load['gallery'] = false;
load['pricecheck'] = false;
load['inventory'] = false;

var urls = new Object();
urls[false] = new Object();
urls[false]['select'] = "select.html";
urls[false]['inventory'] = "inventory.html";
urls[false]['gallery'] = "gallery.html";
urls[false]['covo'] = "covo.html";
urls[false]['config'] = "config.html";
urls[false]['stdequip'] = "stdequip.html";
urls[false]['research'] = "research.html";
urls[false]['pricecheck'] = "http://inventory.carprices.com/cgi-bin/pricecheck_cars.cgi";

var navcolors = new Object();
navcolors['select'] = "#911f03";
navcolors['inventory'] = "#d95700";
navcolors['gallery'] = "#e5a100";
navcolors['covo'] = "#13828f";
navcolors['config'] = "#8f1445";
navcolors['stdequip'] = "#347f4c";
navcolors['research'] = "#105e8f";
navcolors['pricecheck'] = "#70148f";

var sublinks = new Object();
sublinks['select'] = "";
sublinks['inventory'] = "";
sublinks['gallery'] = "";
sublinks['covo'] = "";
sublinks['config'] = "";
sublinks['stdequip'] = "";
sublinks['research'] = "";
sublinks['pricecheck'] = "";

function resize_banner (name) {
	var bframe = document.getElementById(name);
	if (bframe.contentDocument && bframe.contentDocument.body.offsetHeight) {
		bframe.height = bframe.contentDocument.body.offsetHeight;
	} else if (bframe.Document && bframe.Document.body.scrollHeight) {
		bframe.height = bframe.Document.body.scrollHeight;
	}
}

function resize_iframe (name) {
	if (name != 'if_pricecheck' && !(car_flag && name == 'if_inventory')) {
		var dyniframe = document.getElementById(name);
		if (dyniframe.contentDocument && dyniframe.contentDocument.body.offsetHeight) { //mozilla
			dyniframe.height = dyniframe.contentDocument.body.offsetHeight + 50;
		} else if (dyniframe.Document && dyniframe.Document.body.scrollHeight) {
			dyniframe.height = dyniframe.Document.body.scrollHeight + 30;
		}
	}
}

function refresh_ads () {
	if (CONF['banner_url'] != '') {
		var ad_div = document.getElementById('ad_banner');
		ad_div.innerHTML = "<iframe src=\"" + CONF['banner_url'] + "\" marginwidth=0 marginheight=0 scrolling=no frameborder=0 width=728 height=100 onload=\"resize_banner('ad_banner');\"></iframe>";
	}
	if (CONF['tower_url'] != '') {
		var ad_div = document.getElementById('ad_tower');
		ad_div.innerHTML = "<iframe src=\"" + CONF['tower_url'] + "\" marginwidth=0 marginheight=0 scrolling=no frameborder=0 width=160 height=600 onload=\"resize_banner('ad_banner');\"></iframe>";
	}
}

function to_print () {
	for (key in load) {
		if (load[key]) {
			var mydiv = document.getElementById(key);
			mydiv.style.display = 'block';
		}
	}
	window.print();
}

function show (name) {
	refresh_ads();
	var url = urls[car_flag][name];
	if (name == 'select') {
		if (Q['car_id']) {
			url = "/cgi-bin/cars/match.cgi?pass=1&car_id=" + Q['car_id'];
		} else if (Q['year'] && Q['make'] && Q['model']) {
			url = "/cgi-bin/cars/match.cgi?pass=1&year=" + Q['year'] + "&make=" + Q['make'] + "&model=" + Q['model'];
		}
	}
	if (car_flag && name == "select") {
		load['research'] = false;
		load['gallery'] = false;
		load['stdequip'] = false;
		load['config'] = false;
		load['covo'] = false;
		load['inventory'] = false;
		var mydiv = document.getElementById('carimage');
		mydiv.innerHTML = "";
		mydiv = document.getElementById('pricetable');
		mydiv.innerHTML = "";
		for (key in sublinks) {
			sublinks[key] = '';
		}
		car_flag = false;
	}
	show_xsell(true, false);

	var divs = new Object();
	var divspace = new Object();
	for (key in load) {
		divs[key] = document.getElementById(key);
		divspace[key] = document.getElementById(key + '_navspacer');
	}

	if (!load[name]) {
		divs[name].innerHTML = "<iframe name=\"if_" + name + "\" id=\"if_" + name + "\" src=\"" + url + "\" marginwidth=10 marginheight=0 scrolling=auto frameborder=0 width=\"100%\" height=1000 onload=\"resize_iframe('if_" + name + "');\"></iframe>";
		load[name] = true;
	}
	for (key in divs) {
	  if (key != 'inventory' || CONF['inventory_url'] != '') {
		divs[key].style.display = 'none';
		divspace[key].style.background = '#ffffff';
		var mydiv = document.getElementById(key + '_nav');
		if (urls[car_flag][key] != '') {
			mydiv.innerHTML = "<a href=\"javascript: show('" + key + "');\" onMouseOver=\"document." + key + "_navimg.src='images/tab_" + key + "_on.gif';\" onMouseOut=\"document." + key + "_navimg.src='images/tab_" + key + "_off.gif';\"><img src=\"images/tab_" + key + "_off.gif\" width=80 height=46 border=0 name=\"" + key + "_navimg\"></a>";
		} else {
			mydiv.innerHTML = "<img src=\"images/tab_" + key + "_off.gif\" width=80 height=46 border=0 name=\"" + key + "_navimg\" onMouseOver=\"document." + key + "_navimg.src='images/tab_unavailable.gif';\" onMouseOut=\"document." + key + "_navimg.src='images/tab_" + key + "_off.gif';\">";
		}
	  }
	}
	var subdiv = document.getElementById('subnav');
	subdiv.style.background = navcolors[name];
	subdiv.innerHTML = sublinks[name] + "<img src=\"images/trans.gif\" width=1 height=1>";
	divs[name].style.display = 'block';
	divspace[name].style.background = navcolors[name];
	var mydiv = document.getElementById(name + '_nav');
	mydiv.innerHTML = "<img src=\"images/tab_" + name + "_on.gif\" width=80 height=46 border=0 name=\"" + name + "_navimg\">";
	my_tab = name;
}

function select_car (year, make, model, trim, car_id, gallery_flag, color_flag, covo_flag) {
	car_flag = true;
	var zip = getCookie('zip');
	urls[true] = new Object();
	urls[true]['select'] = "/cgi-bin/cars/model.cgi";
	urls[true]['inventory'] = CONF['inventory_url'] + "year=" + year + "&make=" + escape(make) + "&model=" + escape(model) + "&car_id=" + car_id + "&zip=" + zip;
	if (gallery_flag) {
		urls[true]['gallery'] = "config/gallery.html";
	} else {
		urls[true]['gallery'] = "";
	}
	if (covo_flag) {
		urls[true]['covo'] = "/cgi-bin/cars/covo.cgi";
	} else {
		urls[true]['covo'] = "";
	}
	urls[true]['pricecheck'] = "http://inventory.carprices.com/cgi-bin/pricecheck_cars.cgi";
	urls[true]['research'] = "config/research.html";
	urls[true]['stdequip'] = "config/stdequip.html";
	if (color_flag) {
		urls[true]['config'] = "config/color.html";
	} else {
		urls[true]['config'] = "config/option.html";
	}
	setCookie("car_id", car_id);
	load['select'] = false;
	load['research'] = false;
	load['gallery'] = false;
	load['stdequip'] = false;
	load['config'] = false;
	load['covo'] = false;
	load['inventory'] = false;

	for (key in sublinks) {
		sublinks[key] = '';
	}
	if (my_tab != 'select' && urls[true][my_tab]) {
		show(my_tab);
	} else {
		show('research');
	}
	show_xsell(true, true, year, make, model, trim, car_id, zip);
}

function show_xsell (xflag, flag, year, make, model, trim, car_id, zip) {
	var mydiv = document.getElementById('xsell');
	var content = '';
	if (flag && (CONF['pq_name'] || CONF['ext1_name'] || CONF['ext2_name'] || CONF['ext3_name'] || CONF['ext4_name'] || CONF['ext5_name'] || CONF['ext6_name'])) {
		content += "<h1>" + year + " " + make + " " + model + " " + trim + " Next Steps</h1>";
		content += "<table cellspacing=5 border=0 cellpadding=0>";
		if (year >= CONF['pq_year']) {
			if (CONF['pq_name']) {
				var name = new String(CONF['pq_name']);
				name = name.replace(/##year##/g, year);
				name = name.replace(/##make##/g, make);
				name = name.replace(/##model##/g, model);
				name = name.replace(/##trim##/g, trim);
				var url = new String(CONF['pq_url']);
				url = url.replace(/##year##/g, year);
				url = url.replace(/##make##/g, make);
				url = url.replace(/##model##/g, model);
				url = url.replace(/##trim##/g, trim);
				url = url.replace(/##car_id##/g, car_id);
				url = url.replace(/##zip##/g, zip);
				url = url.replace(/##partner##/g, CONF['partner']);
				content += "<tr><td valign=top>";
				if (CONF['pq_icon']) {
					content += "<img src=\"" + CONF['pq_icon'] + "\">";
				}
				content += "</td><td valign=top class=a12><a href=\"" + url + "\" target=_blank><strong>" + name + "</strong></a><br>" + CONF['pq_text'] + "</td></tr>";
			}
		}
		for (var i = 1; i <= 6; i++) {
			if (CONF['ext' + i + '_name']) {
				var name = new String(CONF['ext' + i + '_name']);
				name = name.replace(/##year##/g, year);
				name = name.replace(/##make##/g, make);
				name = name.replace(/##model##/g, model);
				name = name.replace(/##trim##/g, trim);
				var url = new String(CONF['ext' + i + '_url']);
				url = url.replace(/##year##/g, year);
				url = url.replace(/##make##/g, make);
				url = url.replace(/##model##/g, model);
				url = url.replace(/##trim##/g, trim);
				url = url.replace(/##car_id##/g, car_id);
				url = url.replace(/##zip##/g, zip);
				content += "<tr><td valign=top>";
				if (CONF['ext' + i + '_icon']) {
					content += "<img src=\"" + CONF['ext' + i + '_icon'] + "\">";
				}
				content += "</td><td valign=top class=a12><a href=\"" + url + "\" target=_blank><strong>" + name + "</strong></a><br>" + CONF['ext' + i + '_text'] + "</td></tr>";
			}
		}
		content += "</table>";
	}
	if (xflag && CONF['xpress'] == 'Y') {
        content += "<table border=0 align=center cellpadding=0 cellspacing=0 id=product style=\"border-top: 1px solid #cccccc;\"><tr valign=top><td align=left valign=middle style=\"border-right: 1px solid #cccccc;\" width=140><img src=\"images/xpress_logo.gif\"></td><td width=250><h4 class=medhdr>New Cars Loans</h4>We do all the shopping for you through our vast network of lenders to get you the lowest rate. Be in control of buying your car get a pre-approved loan to take to a dealer so you know how much you can afford.<p align=center><strong><a href=\"javascript: popHelp('xpress_new_info.html?" + CONF['partner'] + "', 'xpress', '730', '400');\">Click For More Info</a></strong></p></td><td width=250><h4 class=medhdr>Loan Refinancing</h4>If you have a loan and you think you are paying too much it is probably because you are. Use our refinance calculator to see how much you can save. Refinance your loan today to put money back in your pocket tomorrow. <p align=center><strong><a href=\"javascript: popHelp('xpress_refi_info.html?" + CONF['partner'] + "', 'xpress', '730', '400');\">Click For More Info</a></strong></p></td></tr></table>";
	}

	mydiv.innerHTML = content;
}