/* Non-Flash Overview Javascript */

var currentDetail = "";
var currentGal = 0;
var currentMenu = "swatch";
var currentDiv='';
/* MX5 & MXR only */
var currentVersion='';
var currentColor='';
var currentMX5Color='';
var currentMXRColor='';

/* Swap top version, used in the nav */
function swapVersion() {
	if(currentVersion == 'MX5'){
		currentVersion = 'MXR';
	}else{
		currentVersion = 'MX5';
	}
	if(currentVersion == 'MX5'){
		if(overviewElems[currentDiv].dv == 'ove'){
			document.getElementById("veh_main_nonflash_model_info_MX5").style.display = "block";
			document.getElementById("veh_main_nonflash_model_info_MXR").style.display = "none";
		}
		document.getElementById('linkMX5').className = 'leftnav_selected';
		document.getElementById('linkMXR').className = null;
	}else{
		if(overviewElems[currentDiv].dv == 'ove'){
			document.getElementById("veh_main_nonflash_model_info_MX5").style.display = "none";
			document.getElementById("veh_main_nonflash_model_info_MXR").style.display = "block";		
		}
		document.getElementById('linkMX5').className = null;
		document.getElementById('linkMXR').className = 'leftnav_selected';
	}
	displayOverview(overviewElems[currentDiv].el);
}

/* Sets initial version as selected by user*/
function selectVersion(model) {
	// Sets current model
	currentVersion = model;
	if(model == 'MX5'){
		document.getElementById("veh_main_nonflash_model_info_MX5").style.display = "block";
		document.getElementById("veh_main_nonflash_model_info_MXR").style.display = "none";
		document.getElementById('linkMX5').className = 'leftnav_selected';
		document.getElementById('linkMXR').className = null;
	}else{
		document.getElementById("veh_main_nonflash_model_info_MX5").style.display = "none";
		document.getElementById("veh_main_nonflash_model_info_MXR").style.display = "block";
		document.getElementById('linkMX5').className = null;
		document.getElementById('linkMXR').className = 'leftnav_selected';
	}
	// Displays overview
	displayOverview('ove');
	document.getElementById('veh_main_navMX5').style.display = "none";
	document.getElementById('veh_main_navMXR').style.display = "none";
	document.getElementById('veh_main_navswitch').style.display = "block";
}

function displayOverview(elem) {
	
	hideDetail();
	for(var n=0; n<overviewElems.length; ++n) {		
		// MX5 Selector
		if(((currentVersion == "MX5")||(currentVersion == "MXR"))&&(overviewElems[n].dv != "sel")){
			document.getElementById(overviewElems[n].el+"_MX5").style.display = "none";
			document.getElementById(overviewElems[n].el+"_MXR").style.display = "none";
		// Any other vehicle
		}else{
			document.getElementById(overviewElems[n].el).style.display = "none";
		}
		
		if((overviewElems[n].dv != "ove")&&(overviewElems[n].dv != "sel")){
			document.getElementById(overviewElems[n].el+"_item").className = null;
			if(currentVersion == "MX5"){
				document.getElementById('veh_main_navswapper').innerHTML = "MX-5 MIATA PRHT";
				document.getElementById('veh_main_navswapper').style.display = "block";
			}else if(currentVersion == "MXR"){
				document.getElementById('veh_main_navswapper').innerHTML = "MX-5 MIATA";
				document.getElementById('veh_main_navswapper').style.display = "block";
			}
		}
		
		if (overviewElems[n].dv==elem) currentDiv=n;
	}
	
	// MX5 Selector
	if((currentVersion == "MX5")||(currentVersion == "MXR")){
		document.getElementById(overviewElems[currentDiv].el+"_"+currentVersion).style.display = "block";
		document.getElementById('veh_main_menu_mx5').style.display = "block";
		document.getElementById('veh_main_menu_tail_mx5').style.display = "block";
		document.getElementById('veh_main_overview_item').className = null;
	// Any other vehicle
	}else{
		document.getElementById(overviewElems[currentDiv].el).style.display = "block";
	}
	
	if(overviewElems[currentDiv].dv != "ove"){
		document.getElementById(overviewElems[currentDiv].el +"_item").className = "veh_main_menu_items_selected";
		if((currentVersion == "MX5")||(currentVersion == "MXR")){
			document.getElementById("veh_main_nonflash_model_info_MX5").style.display = "none";
			document.getElementById("veh_main_nonflash_model_info_MXR").style.display = "none";
		}else{
			document.getElementById("veh_main_nonflash_model_info").style.display = "none";
		}
		document.getElementById("veh_main_menu_items").style.display = "block";
	}else{
		if(currentVersion == "MX5"){
			document.getElementById("veh_main_nonflash_model_info_MX5").style.display = "block";
			document.getElementById("veh_main_nonflash_model_info_MXR").style.display = "none";
			document.getElementById("veh_main_menu_items").style.display = "none";
		}else if(currentVersion == "MXR"){
			document.getElementById("veh_main_nonflash_model_info_MXR").style.display = "block";
			document.getElementById("veh_main_nonflash_model_info_MX5").style.display = "none";
			document.getElementById("veh_main_menu_items").style.display = "none";
		}
	}
	
}

function hideDetail() {
	if (currentDetail != "") document.getElementById(currentDetail).style.display = "none";
	document.getElementById("veh_main_shade").style.display = "none";
}

function displayDetail(elem,opt) {
	if (currentDetail != "") document.getElementById(currentDetail).style.display = "none";
	currentDetail = elem[opt]["id"];
	document.getElementById(elem[opt]["id"]).style.display = "block";
	displayDetailGalleryThumbs(elem[opt]["id"],elem[opt]["gallery"]);
	document.getElementById("veh_main_shade").style.display = "block";
}

function displayDetailGallery(elem,img,thumb) {
	if(!thumb) thumb = 0;
	galleryDiv = document.getElementById(elem);
	galleryDiv.innerHTML = "<img src=\"/MusaWeb/images/vehicles/nonflash/"+img+"\" border=\"0\" width=\"238\" height=\"245\" alt=\"Gallery Image\" />";
	if(document.getElementById("veh_detail_thumb"+currentGal)) document.getElementById("veh_detail_thumb"+currentGal).className = "";
	if(document.getElementById("veh_detail_thumb"+thumb)) document.getElementById("veh_detail_thumb"+thumb).className = "veh_main_detail_thumbs_selected";
	currentGal = thumb;
}

function displayDetailGalleryThumbs(elem,gal) {
	var thumbsHTML = "";
	for (var i=0; i<gal.length; i++) {
		thumbsHTML += "<a href=\"javascript:displayDetailGallery('"+elem+"_gallery','"+gal[i]+".jpg',"+i+");\">";
		thumbsHTML += "<img id=\"veh_detail_thumb"+i+"\" src=\"/MusaWeb/images/vehicles/nonflash/"+gal[i]+"_thumb.jpg\" border=\"0\" width=\"30\" height=\"30\" alt=\"Gallery Image Thumbnail\" />";
		thumbsHTML += "</a>";
	}
	if (gal.length>1) document.getElementById(elem+"_thumbs").innerHTML = thumbsHTML;
	displayDetailGallery(elem+"_gallery",gal[0]+".jpg");
}

function colorObject(colorName,vehImg) {
	this.colorName = colorName;
	this.vehImg = new Image();
	this.vehImg.src = "/MusaWeb/images/vehicles/nonflash/"+vehImg;
}

function colorName(colorNum) {
	document.getElementById("veh_main_colors_name").innerHTML = colors[colorNum].colorName;
}

function chooseColor(colorNum) {
	document.images["veh_main_color"].src = colors[colorNum].vehImg.src;
	document.images["veh_main_color"].alt = colors[colorNum].colorName;
	colorName[colorNum];
	document.getElementById(currentMenu+currentColor).className = "veh_main_color_swatch_notselected";
	currentColor = colorNum;
	document.getElementById(currentMenu+colorNum).className = "veh_main_color_swatch_selected";
}

function colorMX5Name(colorNum, version) {
	document.getElementById("veh_main_colors_name_"+version).innerHTML = colors[colorNum].colorName;
}

function chooseMX5Color(colorNum, version) {
	document.images["veh_main_color_"+version].src = colors[colorNum].vehImg.src;
	document.images["veh_main_color_"+version].alt = colors[colorNum].colorName;
	colorMX5Name[colorNum, version];
	if(version == 'MX5'){
		var currC = currentMX5Color;
		currentMX5Color = colorNum;
	}else{
		var currC = currentMXRColor;
		currentMXRColor = colorNum;
	}
	
	document.getElementById(currentMenu+currC+'_'+version).className = "veh_main_color_swatch_notselected";
	document.getElementById(currentMenu+colorNum+'_'+version).className = "veh_main_color_swatch_selected";
	
	
}

function hideOverviewNav() {
	// Particular for MX5 with divs renamed
	if(vehicleCode == 'MX5'){
		var navElem = document.getElementById("veh_main_menu_mx5");
		var tail = document.getElementById("veh_main_menu_tail_mx5");
		var swapNav = document.getElementById("veh_main_navswapper");
	}else{
		var navElem = document.getElementById("veh_main_menu");
		var tail = document.getElementById("veh_main_menu_tail");
	}
	var hideNav = document.getElementById("veh_main_navswitch");
	var veh_links = document.getElementsByName("veh_nonflash_link");
	if (hideNav.innerHTML == "HIDE NAVIGATION") {
		navElem.style.display = "none";
		tail.style.display = "none";
		// If it is MX5 hides the version swapper
		if(vehicleCode == 'MX5')  swapNav.style.display = "none";
		for (var i=0; i<veh_links.length; i++)
			veh_links[i].style.display = "none";
		hideNav.innerHTML = "SHOW NAVIGATION";
	} else {
		// Particular for MX5
		// Forbids the Nav, tail and version swap nav to appear at the modelSelector
		if(vehicleCode == 'MX5'){
			if(currentDiv != ""){
				navElem.style.display = "block";
				tail.style.display = "block";
				swapNav.style.display = "block";
			} 
		}else{
			navElem.style.display = "block";
			tail.style.display = "block";
		}
		for (var i=0; i<veh_links.length; i++)
			veh_links[i].style.display = "block";
		hideNav.innerHTML = "HIDE NAVIGATION";
	}
}