/* globals */

var imagePath = root + 'images/nav/'  // root is defined in the page
var imagesCached = false
var dynImages = new Array()
var cachedImages = new Array()

dynImages['home'] = new Array('home.gif', 'home_2.gif')
dynImages['about'] = new Array('about.gif', 'about_2.gif')
dynImages['products'] = new Array('products.gif','products_2.gif')
dynImages['support'] = new Array('support.gif','support_2.gif')
dynImages['catalog'] = new Array('catalog.gif','catalog_2.gif')
dynImages['specials'] = new Array('specials.gif','specials_2.gif')
dynImages['contact'] = new Array('contact.gif','contact_2.gif')

/* image rollover functions */

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]
			}
		}	
		imagesCached = true //global to know when images are done loaded
	}
	return true
}
		
function roll_over(imgName) {
	var img, rollSrc
	img = document.images[imgName]
	if (document.images && imagesCached) {
		rollSrc = cachedImages[imgName][1].src
		img.src = rollSrc
	}
	return true
}

function roll_out(imgName) {
	var img, defaultSrc
	img = document.images[imgName]
	if (document.images && imagesCached) {
		defaultSrc = cachedImages[imgName][0].src
		img.src = defaultSrc
	}
	return true
}

window.onload = preloadImages
function initPage () {
	imagesCached = preloadImages()
	if ( document.layers && (document.layers.length > 0) )
		NS_flattenImages();
}