over = new Array()
norm = new Array()

// preload upper menu images
itemNames = 'email,home'
items = itemNames.split(",")
for (var i in items) {
	over[items[i]]= new Image()
	over[items[i]].src= 'img/' + items[i] + '_over.gif'
	norm[items[i]]= new Image()
	norm[items[i]].src= 'img/' + items[i] + '_out.gif'
}


// preload main menu images
stateNames = '1,2,3,4'
states = stateNames.split(",")
for (var i in states) {
	over[states[i]]= new Image()
	over[states[i]].src= 'img/' + states[i] + '.gif'
	norm[states[i]]= new Image()
	norm[states[i]].src= 'img/' + states[i] + '.gif'
}

// item change
function rollOn(image) {
	if(document.images) {
		var item = image.name
   		document.images[item].src = over[item].src 
	}
}

// item reset
function rollOff(image) {
	if(document.images) {
		var item = image.name
    	document.images[item].src = norm[item].src
	}
}