// array of "normal state" images
var normalImages = new Array('images/menu_home_normal.jpg', 'images/menu_about_normal.jpg', 'images/menu_facilities_normal.jpg', 'images/menu_activities_normal.jpg', 'images/menu_gallery_normal.jpg', 'images/menu_rates_normal.jpg', 'images/menu_reach_normal.jpg', 'images/menu_specials_normal.jpg');

// array of "hover state" images
var hoverImages = new Array('images/menu_home_hover.jpg', 'images/menu_about_hover.jpg', 'images/menu_facilities_hover.jpg', 'images/menu_activities_hover.jpg', 'images/menu_gallery_hover.jpg', 'images/menu_rates_hover.jpg', 'images/menu_reach_hover.jpg', 'images/menu_specials_hover.jpg');

// this function is called on page load
// it preloads all the hover images for faster swap response time
function preloadImages() {
	var i=0;
	objImage = new Image();

	for	(i=1; i<=hoverImages.length; i++) {
		objImage.src = hoverImages[i];
	}
}

window.onload=preloadImages;

// used on mouseover
// swap the named image into "hover" state
function setHover(num) {
	obj = eval('document.image' + num);
	obj.src = hoverImages[num-1];
}

// used on mouseout
// swap the named image into "normal" state
// second parameter is whether we're going back to the active or normal image, active=1;normal=0
function setNormal(num, imgtype){
	obj = eval('document.image' + num);
	if (imgtype == 0) {
		obj.src = normalImages[num-1];
	} else {
		var temp_text = obj.src;
		temp_text = temp_text.substring(0, temp_text.indexOf('_hover')) + '_active.jpg';
		obj.src = temp_text;
	}
}