var productsSubNavs = new Array("pudding", "better-for-you", "layered-triples", "gel-snacks", "family-packs");
var puddingNav = new Array("chocolate", "vanilla", "tapioca", "butterscotch");
var betterForYouNav = new Array("fat-free-chocolate", "fat-free-vanilla", "fat-free-tapioca", "no-sugar-added-chocolate");
var layeredTriplesNav = new Array("ice-cream-sandwich", "milk-chocolate-variety", "banana-cream-pie", "lemon-meringue");
var gelSnacksNav = new Array("orange-strawberry", "sugar-free-cherry");
var familyPacksNav = new Array("chocolate-variety");


function displayProductNav(productType) {
	for (i=0; i<productsSubNavs.length; i++) {
		document.getElementById(productsSubNavs[i] + "-nav").style.display = "none";
		document.getElementById(productsSubNavs[i] + "-link").className = "off";
	}
	document.getElementById(productType + "-nav").style.display = "block";
	document.getElementById(productType + "-link").className = "on";
	switch(productType) {
		case "pudding":
			displayProduct(puddingNav[0], puddingNav, "pudding-images");
			break;
		case "better-for-you":
			displayProduct(betterForYouNav[0], betterForYouNav, "better-for-you-images");
			break;
		case "layered-triples":
			displayProduct(layeredTriplesNav[0], layeredTriplesNav, "layered-triples-images");
			break;
		case "gel-snacks":
			displayProduct(gelSnacksNav[0], gelSnacksNav, "gel-snacks-images");
			break;
		case "family-packs":
			displayProduct(familyPacksNav[0], familyPacksNav, "family-packs-images");
			break;
		default:
			//do nothing
			break;
	}
}

function displayProduct(product, nav, newNav) {
	var dir = "";
	switch(nav) {
		case betterForYouNav:
			dir = "/images/products/better-for-you/";
			break;
		case layeredTriplesNav:
			dir = "/images/products/layered-triples/";
			break;
		case gelSnacksNav:
			dir = "/images/products/gel-snacks/";
			break;
		case familyPacksNav:
			dir = "/images/products/family-packs/";
			break;
		default:
			dir = "/images/products/pudding/"
			break;
	}

	if (newNav != undefined) {
		for (i=0; i<productsSubNavs.length; i++) {
			document.getElementById(productsSubNavs[i] + "-images").style.display = "none";
		}
		document.getElementById(newNav).style.display = "block";
	}

	for (i=0; i<nav.length; i++) {
		var base = nav[i];
		var imageDiv = base + "-image-div";
		var image = base + "-image";
		document.getElementById(imageDiv).style.display = "none";
		if (document.images) {
			document.getElementById(image).src = dir + base + ".gif";
		}
	}
	
	if (document.images) {
		document.getElementById(product + "-image").src = dir + product + "-over.jpg";
	}
	document.getElementById(product + "-image-div").style.display = "block";
}