var cTimeoutPeriod = 500;
var sMenuTimer = null;
var sMainMenuImages;
var sMainMenuWidths;
var sSubMenuWidths;
var sActiveMenu = -1;
var sSelectedMenu = -1;
var sSelectedMenuItem = -1;

/*  headMenuSet() --------------------------------------------------------------*/
function headMenuSet( menuNo, mode )
{
	if ((menuNo != sActiveMenu) && (menuNo != sSelectedMenu)) {
		var imgObj;

		if (mode == 0) {
			imgObj = sMainMenuImages[menuNo][0];
		} else {
			imgObj = sMainMenuImages[menuNo][1];
		}

	   changeImage("menuImage" + menuNo, imgObj);
	}

	switch (mode) {
		case 0:
			if ((sMainMenuImages[menuNo].length > 2) /*&& ( sActiveMenu != -1 )*/) {
				window.clearTimeout(sMenuTimer);
				sMenuTimer = window.setTimeout("hideMenu(" + menuNo + ");", cTimeoutPeriod);
			} else {
				hideMenu(menuNo);
			}	
			break;

		case 1:
			window.clearTimeout(sMenuTimer);
			sMenuTimer = window.setTimeout("showMenu(" + menuNo + ");", cTimeoutPeriod );
			break;

		case 2:
			window.clearTimeout(sMenuTimer);
			showMenu(menuNo);
			break;
	}
}

/*  headMenuSubSet() -----------------------------------------------------------*/
function headMenuItemSet( menuNo, itemNo, mode )
{
	if ((menuNo != sSelectedMenu) || (itemNo != sSelectedMenuItem)) {
		var imgObj;

		if (mode == 0) {
			imgObj = sMainMenuImages[menuNo][2 + itemNo * 2];
		} else {
			imgObj = sMainMenuImages[menuNo][2 + itemNo * 2 + 1];
		}

		changeImage("menuImage" + menuNo + "-" + itemNo, imgObj);
	}

	window.clearTimeout(sMenuTimer);
	switch (mode) {
		case 0:
			sMenuTimer = window.setTimeout("hideMenu(" + menuNo + ");", cTimeoutPeriod);
			break;
	}
}

function getDivName( menuNo  )
	{ return "mainMenu" + menuNo + "div"; }

/*  showMenu() -----------------------------------------------------------------*/
function showMenu(menuNo)
{
	if (menuNo != sActiveMenu) {
		hideMenu(sActiveMenu);
	}

	menu = document.getElementById("subMenu" + menuNo);
	if (menu) {
		menu.style.visibility = "visible";
		sActiveMenu = menuNo;
	}
}

/*  hideMenu() -----------------------------------------------------------------*/
function hideMenu( menuNo )
{
	if (menuNo != -1) {
		if ( menuNo != sSelectedMenu ) {
			changeImage("menuImage" + menuNo, sMainMenuImages[menuNo][0]);
		}

		if (sMainMenuImages[menuNo].length > 2) {
			subMenu = document.getElementById("subMenu" + menuNo);
			subMenu.style.visibility = "hidden";
			sActiveMenu = -1;
		}
	}
}

/* changeImage() ---------------------------------------------------------------*/
function changeImage(imgId, imgObj)
{
	obj = document.getElementById(imgId);
	obj.src = imgObj.src;
}

/* menuImageLoaded() -----------------------------------------------------------*/
function menuImageLoaded( menuNo, subNo )
{
	// Filling width values
	if ( subNo == -1 ) {
		if ( sMainMenuWidths[menuNo] != 0 ) return;	
		var imgWidth = -1;
		if ( document.layers )
			imgWidth = document['mainMenu'].document['mainMenu' + menuNo + 'image'].width;
		else
			imgWidth = document['mainMenu' + menuNo + 'image'].width;

		sMainMenuWidths[menuNo] = imgWidth;
	} else {
		if ( sSubMenuWidths[menuNo][subNo] != 0 ) return;	
		var imgWidth = -1;
		if ( document.layers )
			imgWidth = document['mainMenu'].document['mainMenu' + menuNo + '-' + subNo + 'image'].width;
		else
			imgWidth = document['mainMenu' + menuNo + '-' + subNo + 'image'].width;

		sSubMenuWidths[menuNo][subNo] = imgWidth;
	}

	// Check if it is the last value to be filled
	for ( var i = 0; i < sMainMenuWidths.length; i++ ) {
		if ( sMainMenuWidths[i] == 0 ) return;
	}
	for ( var i = 0; i < sMainMenuWidths.length; i++ ) {
		for ( var j = 0; j < sSubMenuWidths[i].length; j++ ) {
			if ( sSubMenuWidths[i][j] == 0 ) return;
		}
	}

	// Displace submenus
	for ( var i = sMainMenuWidths.length - 1; i > 0; i-- ) {
		sMainMenuWidths[i - 1] += sMainMenuWidths[i] + 15;
	}
	for ( var i = 0; i < sMainMenuWidths.length; i++ ) {
		var lineWidth = 0;
		for ( var j = 0; j < sSubMenuWidths[i].length; j++ ) {
			lineWidth += sSubMenuWidths[i][j] ;
			if ( j != sSubMenuWidths[i].length - 1 ) lineWidth += 3;
		}
		alert( lineWidth );
		var disPlace = sMainMenuWidths[i] + 35;
		if ( disPlace < lineWidth ) disPlace = lineWidth;
		
		if ( document.all ) document.all['mainMenu' + i + 'div'].style.left = sRightMargin - disPlace;
		if ( document.layers ) document.layers['mainMenu' + i + 'div'].left = sRightMargin - disPlace;
		if ( document.getElementById )
			document.getElementById( 'mainMenu' + i + 'div' ).style.left = sRightMargin - disPlace;
	}
}

function turnnavon( imgName ) {
	var imgOn = navdirectory + imgName + "_high.gif";
	document[imgName].src = imgOn;
	return;
}

function turnnavoff(imgName) {
	var imgOff = navdirectory + imgName + "_off.gif";
	document[imgName].src = imgOff;
	return;
}


function footeron(imgName) {
	var imgOn = footerdirectory + imgName + "_on.gif";
	document[imgName].src = imgOn;
	return;
}

function footeroff(imgName) {
	var imgOff = footerdirectory + imgName + "_off.gif";
	document[imgName].src = imgOff;
	return;
}