// JavaScript Document

if(!Array.indexOf) {
	Array.prototype.indexOf=function(o) {
	for(var i=0;i<this.length;i++)
		if(this[i]==o) return i;
	return -1;
	}
}

var leftNav = new Array ("ipad","treo","blackberry","iphone","ipod","videoipod","nano","videonano");
var productNames = new Array ("iPad","Treo","Blackberry","iPhone","iPod","Video iPod","Nano","Video Nano");
var rightNav = new Array("about","shipping","privacy","disclaimer","contact");
var swatchNames = [	["classicivory",1,"Classic Python/Ivory"],
					["classiccharcoal",2,"Classic Python/Charcoal"],
					["classicbrown",3,"Classic Python/Brown"],
					["nakedyellow",4,"Naked Python/Yellow"],
					["nakedorange",5,"Naked Python/Orange"],
					["nakedgreen",6,"Naked Python/Green"],
					["nakedblue",7,"Naked Python/Blue"],
					["colordyedblack",8,"Color Dyed Python/Black on Black"],
					["colordyedgreen",9,"Color Dyed Python/Green on Green"]
					];

// preload nav items

for (i=0;i<leftNav.length;i++) {
	var navImgR = new Image();
	navImgR.src = "img/nav/" + leftNav[i] + "-r.gif";
	var navImgOn = new Image();
	navImgOn.src = "img/nav/" + leftNav[i] + "-on.gif";
}

for (i=0;i<rightNav.length;i++) {
	var navImgR = new Image();
	navImgR.src = "img/nav/" + rightNav[i] + "-r.gif";
	var navImgOn = new Image();
	navImgOn.src = "img/nav/" + rightNav[i] + "-on.gif";
}


// preload buttons
var addcartButton = new Image();
addcartButton.src = "img/buttons/cart-r.gif";
var closeButton = new Image();
closeButton.src = "img/buttons/close-r.gif";


var navApp = navigator.appName;


var pageURL = top.location.href;
var urlBits = pageURL.split("?");
var pageName = (urlBits[1]) ? urlBits[1] : null;
var pageName = (pageName) ? pageName.replace("#","") : null;
var contentPageExists = (rightNav.indexOf(pageName) >= 0) ? true : false;
var productPageExists = (leftNav.indexOf(pageName) >= 0) ? true : false;
var pageExists = ((contentPageExists) || (productPageExists)) ? true : false;
var productName;
var swatchOn;

/*
function checkPageName() {
	for(i=0;i<leftNav.length;i++) {
		if (pageName == leftNav[i]) {
			productPageExists = true;
		}
	}
	for(i=0;i<rightNav.length;i++) {
		if (pageName == rightNav[i]) {
			contentPageExists = true;
		}
	}
}

checkPageName();
*/

function hiLight() {
	if (pageName && pageExists) {
		document.images[pageName].src = "img/nav/" + pageName + "-on.gif";
	}
}


function getContent() {
	if ((!contentPageExists) && (pageName)) {
		top.document.location.href = "index.html";
	}
}


function loadSwatches() {

	for (i=0;i<swatchNames.length;i++) {
		var newSwatch = new Image();
		newSwatch.src = "img/product/swatches/photo/" + swatchNames[i][0] + ".jpg";
	}

	for (i=0;i<swatchNames.length;i++) {
		var navImgR = new Image();
		navImgR.src = "img/product/swatches/nav/" + swatchNames[i][0] + "-r.gif";
		var navImgOn = new Image();
		navImgOn.src = "img/product/swatches/nav/" + swatchNames[i][0] + "-on.gif";
	}
}

function getProduct() {

	if ((!productPageExists) && (pageName)) {
		top.document.location.href = "product.html?" + leftNav[0];
	} else {
		for (i=0;i<leftNav.length;i++) {
			if (leftNav[i] == pageName) {
				productName = productNames[i];
			}
		}
		loadSwatches();
		document.payForm.item_name.value = "Rebecca Omweg: Case for " + productName;
	}
}


function showSwatch(swatchName) {

	swatchName = swatchName.replace(" Python / ","");
	swatchName = swatchName.replace(" ","");
	swatchName = swatchName.toLowerCase();

	for (i=0;i<swatchNames.length;i++) {
		if (swatchNames[i][0] == swatchName) {
			document.payForm.os0.selectedIndex = swatchNames[i][1];
		}
	}

	if (swatchName == "--") {
		document.payForm.os0.selectedIndex = 0;
	} else {
	swatchOn = swatchName;
	document.getElementById('closeButton').style.display = 'block';
	document.getElementById('swatchDiv').style.display = 'block';
	document.images['swatchImg'].src = "img/product/swatches/photo/" + swatchName + ".jpg";
	document.images[swatchName].src = "img/product/swatches/nav/" + swatchName + "-on.gif";
		for (i=0;i<swatchNames.length;i++) {
			if (swatchNames[i][0] != swatchOn) {
				document.images[swatchNames[i][0]].src = "img/product/swatches/nav/" + swatchNames[i][0] + ".gif";
			}
		}
	}
}

function hideSwatch() {
	document.getElementById('closeButton').style.display = 'none';
	document.getElementById('swatchDiv').style.display = 'none';
	for (i=0;i<swatchNames.length;i++) {
		document.images[swatchNames[i][0]].src = "img/product/swatches/nav/" + swatchNames[i][0] + ".gif";
	}
	swatchOn = "";
//	document.payForm.os0.selectedIndex = 0;
}

function swatchHiLight() {
	if (swatchOn) {
		document.images[swatchOn].src = "img/product/swatches/nav/" + swatchOn + "-on.gif";
	}
}


function selectModel() {
	modelName = document.payForm.modelChoice.value;
	document.payForm.item_name.value = "Rebecca Omweg: Python Case for " + productName + " " + modelName;
}

function valForm() {
	if (document.payForm.os0.value == "--") {
		alert('Please choose a Style.');
	} else if (pageName == "blackberry" || pageName == "iphone" && document.payForm.modelChoice.value == "--") {
		alert('Please choose a Model.');
	} else {
		document.payForm.submit();
	}
}