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

dynImages['about'] = new Array('about.gif', 'about_over.gif')
dynImages['achievers'] = new Array('achievers.gif', 'achievers_over.gif')
dynImages['news'] = new Array('news.gif','news_over.gif')
dynImages['help'] = new Array('help.gif', 'help_over.gif')
dynImages['contact'] = new Array('contact.gif', 'contact_over.gif') 

function preloadImages() {
	if (document.images) {
		// iterate thru the dynImages array...
		for (var imgName in dynImages) {
			// for each entry in the dynImages array, create an array in the cachedImages array
			// these arrays may contain n image objects, representing n image states
			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 initPage () {
	imagesCached = preloadImages()
	if ( document.layers && (document.layers.length > 0) )
		NS_flattenImages();
}

window.onload = initPage