//var declaration
//--------------------------------------------
var menuImgPath = "../images/menu/";
var menuImgPrefix = "menu_";
var menuItemSeparator = "_";
var menuImgName;
var menuLength = [3, 11, 3, 3];
var currentMenuLength;
var imagesHiSuffix = "_hi.gif";
var imagesLoSuffix = "_lo.gif";
var menuImagesHi = new Array();
var menuImagesLo = new Array();
var lastSelected = "menu_1_1";
var lastSelectedMain = "menu_1_0";
var naviLoaded = false;
//--------------------------------------------

//images preloaden
//--------------------------------------------
//hi images
for(i = 0; i < menuLength.length; i++) {
	currentMenuLength = menuLength[i];
	for(j = 0; j <= currentMenuLength; j++) {
		menuImgName = menuImgPrefix + (i + 1) + menuItemSeparator + j;
		menuImagesHi[menuImgName] = new Image();
		menuImagesHi[menuImgName].src = menuImgPath + menuImgName + imagesHiSuffix;
	}
}

//lo images
for(i = 0; i < menuLength.length; i++) {
	currentMenuLength = menuLength[i];
	for(j = 0; j <= currentMenuLength; j++) {
		menuImgName = menuImgPrefix + (i + 1) + menuItemSeparator + j;
		menuImagesLo[menuImgName] = new Image();
		menuImagesLo[menuImgName].src = menuImgPath + menuImgName + imagesLoSuffix;
	}
}
//--------------------------------------------

//mouseover functions
//--------------------------------------------
function rollOver(whichImage) {
	document.images[whichImage].src = menuImagesHi[whichImage].src;
}

function rollOut(whichImage) {
	if(whichImage != lastSelected) {
		document.images[whichImage].src = menuImagesLo[whichImage].src;
	}
}

function selectImg(whichImage) {
	if(lastSelected == "") {
		rollOver(whichImage);
		lastSelectedMain = whichImage.substring(0,7) + "0";
		rollOver(lastSelectedMain);
		lastSelected = whichImage;
	}
	else {
		deselectImg(lastSelected);
		deselectImg(lastSelectedMain);
		lastSelectedMain = whichImage.substring(0,7) + "0";
		rollOver(whichImage);
		rollOver(lastSelectedMain);
		lastSelected = whichImage;
	}
}

function deselectImg(whichImage) {
		document.images[whichImage].src = menuImagesLo[whichImage].src;
}
//--------------------------------------------

//set navi loaded for remote control
//--------------------------------------------
function setNaviLoaded(status) {
	naviLoaded = status;
}
//--------------------------------------------