// 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 leftNav = new Array ('iphone','ipodclassic','ipodtouch','treo','blackberry');
var productNames = new Array ('iPhone','iPod Classic','iPod Touch','Treo','Blackberry');
var rightNav = new Array('about','shipping','privacy','disclaimer','contact');
var swatchNames = [	['glazedfuchsia',1,'Glazed Python/Fuchsia'],
					['glazedteal',2,'Glazed Python/Teal'],
					['glazedivory',3,'Glazed Python/Ivory'],
					['glazedcharcoal',4,'Glazed Python/Charcoal'],
					['glazedbrown',5,'Glazed Python/Brown'],
					['glazedblack',6,'Glazed Python/Black'],
					['space',7,'space'],
					['nakedyellow',8,'Naked Python/Yellow'],
					['nakedorange',9,'Naked Python/Orange'],
					['nakedgreen',10,'Naked Python/Green'],
					['nakedblue',11,'Naked Python/Blue'],
					['nakedlime',12,'Naked Python/Lime'],
					['nakedblack',13,'Naked Python/Black']
					];

/*var swatchNames = [	['classicivory',1,'Classic Python/Ivory'],
					['classiccharcoal',2,'Classic Python/Charcoal'],
					['classicbrown',3,'Classic Python/Brown'],
					['classicblack',3,'Classic Python/Black'],
					['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'],
					['glazedfuchsia',10,'Glazed Python/Fuchsia'],
					['glazedteal',11,'Glazed Python/Teal']
					];*/

// 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 == "--") {
		swatchOn = null;
		document.payForm.os0.selectedIndex = 0;
		document.getElementById('closeButton').style.display = 'none';
		document.getElementById('swatchDiv').style.display = 'none';
		for (i=0;i<swatchNames.length;i++) {
			if (swatchNames[i][0] != 'space')
				document.images[swatchNames[i][0]].src = "img/product/swatches/nav/" + swatchNames[i][0] + ".gif";
		}
	} 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 && swatchNames[i][0] != 'space') {
				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++) {
		if (swatchNames[i][0] != 'space')
			document.images[swatchNames[i][0]].src = "img/product/swatches/nav/" + swatchNames[i][0] + ".gif";
	}
	swatchOn = null;
	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 ((pageName == "blackberry" || pageName == "iphone" || pageName == "treo") && document.payForm.modelChoice.value == "--") {
		alert('Please choose a Model.');
	} else if (document.payForm.os0.value == "--") {
		alert('Please choose a Style.');
	} else {
		document.payForm.submit();
	}
}