/* rollover data */

var imagesCached = false
var imagePath = root + "images/gui/"
var cachedImages = new Array()
var dynImages = new Array()

// sample configuration of the dynImages array		
dynImages['home'] = new Array('home.gif', 'home_over.gif', 'home_sub.gif')
dynImages['aboutus'] = new Array('aboutus.gif', 'aboutus_over.gif', 'aboutus_sub.gif')
dynImages['collections'] = new Array('collections.gif', 'collections_over.gif', 'collections_sub.gif')
dynImages['yourkitchen'] = new Array('yourkitchen.gif', 'yourkitchen_over.gif', 'yourkitchen_sub.gif')
dynImages['contact'] = new Array('contact.gif','contact_over.gif','contact_sub.gif')
dynImages['spacer'] = new Array('spacer.gif')

function preloadImages() {
	if (document.images) {
		for (var imgName in dynImages) {
			cachedImages[imgName] = new Array()
			for (var i = 0; i < dynImages[imgName].length; i++) {
				cachedImages[imgName][i] = new Image
				cachedImages[imgName][i].src = imagePath + dynImages[imgName][i]
			}
		}	
	}
	return true
}

		

function NS_flattenImages (documentObj) {
	if (document.layers) {
		var me = NS_flattenImages
		if (!documentObj) {
			documentObj = window.document //top-level document is default value
		}

		/* add references to global document.images array */

		for (var i = 0; i < documentObj.images.length; i++) {
			var img = documentObj.images[i]
			if (img.name && !document.images[img.name]) {
				document.images[img.name] = img
			}
		}

		/* recursively search through layers for images */
		for (var i = 0; i <  documentObj.layers.length; i++) {
			me(documentObj.layers[i].document) //recurse
		}

	}
	return true
}


function roll_over(imgName) {
	var img, rollSrc

	if (document.images && imagesCached) {

		img = document.images[imgName]

		rollSrc = cachedImages[imgName][1].src

		img.src = rollSrc

	}

	return true

}



function roll_out(imgName) {

	var img, defaultSrc

	if (document.images && imagesCached) {

		img = document.images[imgName]

		defaultSrc = cachedImages[imgName][0].src

		img.src = defaultSrc

	}

	return true

}



function getImgPosition(imgName) {

	var pos = {x:0,y:0} 

	if (document.layers) {

		pos.x = document.images[imgName].x

		pos.y = document.images[imgName].y

	}

	else {

		var elt = getElt(imgName)

		pos.x = getEltPageLeft(elt)

		pos.y = getEltPageTop(elt)

	}

	return pos

}



/* subnav rollovers */

function sub_over(id) {

	if (document.layers) { // TEMP until NS4 bug is fixed

		return false

	}

	var img, rollSrc, curLayer

	var subnavIds = new Array('home', 'aboutus', 'yourkitchen', 'collections', 'contact')

	

	if (document.images && imagesCached) {

		// first, swap in the correct subnav image in place of the spacer

		img = document.images[id + 'SubImg']

		rollSrc = cachedImages[id][2].src

		img.src = rollSrc

		

		// and now, overwrite the default subnav image with the spacer gif

		img = document.images['defaultSubImg']

		rollSrc = cachedImages['spacer'][0].src

		img.src = rollSrc

	}

	

	// next, show the layer and bring it to the foreground

	curLayer = getElt(id + 'Layer')

	if (curLayer) {	

		// show current layer

		pos = getImgPosition('defaultSubImg')

		moveEltTo(curLayer, pos.x, pos.y)

		setEltZIndex (curLayer, 2)

		showElt(curLayer)

		

		// hide other layers

		for (var i = 0; i < subnavIds.length; i++) {

			if (id != subnavIds[i]) {

				elt = getElt(subnavIds[i] + 'Layer')

				hideElt(elt)

				setEltZIndex (elt, 1)

			}

		}

	}

	return true

}



/* onload handler */



function initPage() {

	if (document.layers) {

		NS_flattenImages()

		resizeBugfix()

	}

	imagesCached = preloadImages()

}



window.onload = initPage