// Cascading dHTML menu system v2.0
// James Austin 2003

function menuOver() {
	clearTimeout(timeOn);
}

function menuOut() {
 	timeOn = setTimeout("hideAllMenus()", 600);
}


function showMenu(menuNumber, eventObj) {

	hideAllMenus();
	
    if(!document.layers) {
		var x = 10;		
		var menuTop = 100;
		var menu = getStyleObject('menu'+menuNumber);
		x = getElementLeft('label'+menuNumber);
		menuTop = getElementTop('label'+menuNumber);
		menu.top=menuTop+16 +'px';
 		menu.left=x-1 +'px';
		menu.top=menuTop+16;
 		menu.left=x-1;
		var menuBox = getStyleObject('labelBox'+menuNumber);
		menuBox.backgroundColor = onColours[menuNumber];	
    } else  {
		var img = getImage('label' + menuNumber);
 		x = getImagePageLeft(img);
 		y = getImagePageTop(img);
		var menu = getStyleObject('menu'+menuNumber);
		menu.top = y+14;
 		menu.left=x-1;
		myStyle[menuNumber].bgColor=onColours[menuNumber];	
    } 
    var menuId = 'menu' + menuNumber;
    if(changeObjectVisibility(menuId, 'visible')) {
		return true;
    } else {
		return false;
    }
}

function showSideMenu(menuNumber, eventObj) {
	hideAllMenus();
    if(!document.layers) {
		var x = 10;
		var menuTop = 100;
		var menu = getStyleObject('menu'+menuNumber);
		x = getElementLeft('label'+menuNumber);
		menuTop = getElementTop('label'+menuNumber);
		menu.top=menuTop-12 +'px';
 		menu.left=x-1 +'px';
		menu.top=menuTop-12;
 		menu.left=x-1;
		var menuBox = getStyleObject('labelBox'+menuNumber);
		menuBox.backgroundColor = onColours[menuNumber];	
    } else  {
		var img = getImage('label' + menuNumber);
 		x = getImagePageLeft(img);
 		y = getImagePageTop(img);
		var menu = getStyleObject('menu'+menuNumber);
		menu.top = y;
 		menu.left=x-1;
		myStyle[menuNumber].bgColor=onColours[menuNumber];		
    } 
    var menuId = 'menu' + menuNumber;
    if(changeObjectVisibility(menuId, 'visible')) {
		return true;
    } else {
		return false;
    }
}

function showSubMenu(menuNumber, eventObj, tier, myAlign) {
   	hideAllMenusTier(tier);
    if(!document.layers) {
		var x = 10;
		var menuTop = 100;
		var menu = getStyleObject('menu'+menuNumber);
		if (myAlign=='right') {
			x = getElementLeft('label'+menuNumber);
			menuTop = getElementTop('label'+menuNumber);
			menu.top = menuTop +'px';
 			menu.left = x + 8 +'px';
			menu.top = menuTop;
 			menu.left = x + 8;
		} else {
			x = getElementLeft('label'+menuNumber);
			menuTop = getElementTop('label'+menuNumber);
			menu.top = menuTop + 'px';
 			menu.left = x - menuWidths[menuNumber] - menuItemBulletWidth + 'px';
			menu.top = menuTop;
 			menu.left = x - menuWidths[menuNumber] - menuItemBulletWidth;
		}
		var menuBox = getStyleObject('labelBox'+menuNumber);
		menuBox.backgroundColor = onColours[menuNumber];	
    } else  {
		var img = getImage('label' + menuNumber);
 		var x = getImagePageLeft(img);
 		var y = getImagePageTop(img);
		var menu = getStyleObject('menu'+menuNumber);
		if (myAlign=='right') {
			menu.left = x;
 			menu.top = y-2;
		} else {
			menu.left = x - menu.clip.right;
 			menu.top = y-2;
		}
		myStyle[menuNumber].bgColor=onColours[menuNumber];		
    } 
    var menuId = 'menu' + menuNumber;
    if(changeObjectVisibility(menuId, 'visible')) {
		return true;
    } else {
		return false;
    }
}


function hideAllMenus() {
    for(counter = 1; counter <= numMenus; counter++) {
		changeObjectVisibility('menu' + counter, 'hidden');
		if (document.layers) {
			myStyle[counter].bgColor=offColours[counter];
		} else {
			var menuBox = getStyleObject('labelBox'+counter);
			menuBox.backgroundColor = offColours[counter];	
		}
   }
}

function hideAllMenusTier(tierNum) {
    for(counter = 1; counter <= numMenus; counter++) {
		if (tier[counter] > tierNum) {
			changeObjectVisibility('menu' + counter, 'hidden');
			if (document.layers) {
				myStyle[counter].bgColor=offColours[counter];
			} else {
				var menuBox = getStyleObject('labelBox'+counter);
				menuBox.backgroundColor = offColours[counter];	
			}
		}
    }
}
	
	
	
function startMenuBar(width, numMenus) {
	if (document.layers) {
		document.write('<table width="' + width + '" cellpadding="0" cellspacing="0" border="0">');
		document.write('<tr><td bgColor="#000000" colspan="' + ((numMenus*2) + 1) + '"><img src="images/shim.gif" width="1" height="1" border="0"></td></tr>');
		document.write('<tr><td bgColor="#000000"><img src="images/shim.gif" width="1" height="1" border="0"></td>\n');	
	} else {
		document.write('<table width="' + width + '" cellpadding="0" cellspacing="0" border="0"><tr>');	
	}
}
	
function endMenuBar(numMenus) {
	document.write('</tr>');
	if (document.layers) {
		document.write('<tr><td bgColor="#000000" colspan="' + ((numMenus*2) + 1) + '"><img src="images/shim.gif" width="1" height="1" border="0"></td></tr>');
	}
	document.write('</table>\n');
}


function startMenu(menuNumber, width, tierNum) {
	tier[menuNumber] = tierNum;
	menuWidths[menuNumber] = width;
	
	if (document.layers) {
		 document.write('<div id="menu' + menuNumber + '" name="menu' + menuNumber + '" class="myMenu">');
		 document.write('<table width="' + width + '" cellpadding="0" cellspacing="0" border="0">');
		 document.write('<tr><td bgColor="#000000"><img src="images/shim.gif" width="1" height="1" border="0"></td>');
		 document.write('<td bgColor="#000000"><img src="images/shim.gif" width="1" height="1" border="0"></td>');
		 document.write('<td bgColor="#000000"><img src="images/shim.gif" width="1" height="1" border="0"></td></tr>\n');	
	} else {
		document.write('<div id="menu' + menuNumber + '" name="menu' + menuNumber + '" class="myMenu">');
		document.write('<table width="' + width + '" cellpadding="0" cellspacing="0" border="0">');
	}	
}
	
function endMenu() {
	document.write('</table></div>');
}
	
function menuItem(label, menuItemNumber, width, onColour, offColour, url, tier) {		
	if(document.layers) {
		document.write('<tr>');
		document.write('<td bgColor="#000000"><img src="images/shim.gif" width="1" height="1" border="0"></td>');
		document.write('<td width="' + width + '" valign="middle"><ilayer>');
		document.write('<layer width="' + width + '" ');
		document.write('onmouseover="bgColor=\'' + onColour + '\'; menuOver();  hideAllMenusTier(' + tier + ');" ');
		document.write('onmouseout="bgColor=\'' + offColour + '\'; menuOut();" ');
		document.write('id="menuItem' + menuItemNumber + '" name="menuItem' + menuItemNumber + '" ');
		document.write('bgcolor="' + offColour + '">');
		document.write('<img src="images/shim.gif" width="1" height="1" border="0" align="right">\n');
		document.write('<img src="' + menuItemBulletOff.src + '" width="' + menuItemBulletWidth + '" height="' + menuItemBulletHeight + '" border="0" align="left" name="menuBullet' + menuItemNumber + '" id="menuBullet' + menuItemNumber + '">\n');
		document.write('<a class="MenuItemLink" href="' + url + '">' + label + '</a>');
		document.write('</layer></ilayer></td>');
		document.write('<td bgColor="#000000"><img src="images/shim.gif" width="1" height="1" border="0"></td>');
		document.write('</tr>');
		document.write('<tr><td bgColor="#000000" colspan="3"><img src="images/shim.gif" width="1" height="1" border="0"></td></tr>\n');
	} else {
		document.write('<tr><td ');
		document.write('onMouseover="this.style.backgroundColor = \'' + onColour + '\'; menuBullet' + menuItemNumber + '.src=menuItemBulletOn.src; menuOver(); hideAllMenusTier(' + tier + ');" ');
		document.write('onMouseout = "this.style.backgroundColor = \'' + offColour + '\'; menuBullet' + menuItemNumber + '.src=menuItemBulletOff.src; menuOut();" ');
		document.write('width="100%" bgcolor="' + offColour + '" valign="middle" height="12" ');
		document.write('onClick="document.location.href=\'' + url + '\';" ');
		document.write('style="border: #000000 1px solid;">');
		document.write('<div id="menuItem' + menuItemNumber + '" name="menuItem' + menuItemNumber + '">');
		document.write('<img src="' + menuItemBulletOff.src + '" width="' + menuItemBulletWidth + '" height="' + menuItemBulletHeight + '" border="0" align="left" name="menuBullet' + menuItemNumber + '" id="menuBullet' + menuItemNumber + '">');
		document.write('<a class="MenuItemLink" href="' + url + '">&nbsp;' + label + '</a>');
		document.write('</div></td></tr>');
	}		
}
		
function subMenuLabel(label, menuNumber, menuItemNumber, width, onColour, offColour, url, tier, myAlign, parent) {		
	offColours[menuNumber] = offColour;
	onColours[menuNumber] = onColour;
	if(document.layers) {
		document.write('<tr>');
		document.write('<td bgColor="#000000"><img src="images/shim.gif" width="1" height="1" border="0"></td>');
		document.write('<td width="' + width + '" valign="middle">');
		document.write('<ilayer id="menuItemOuter' + menuItemNumber + '" name="menuItemOuter' + menuItemNumber + '">');
		document.write('<layer width="' + width + '" ');
		document.write('onmouseover="menuOver(); return !showSubMenu(' + menuNumber + ', event, ' + tier + ', \'' + myAlign + '\');" ');
		document.write('onmouseout="menuOut();"  ');
		document.write('id="menuItem' + menuItemNumber + '" name="menuItem' + menuItemNumber + '" ');
		document.write('bgcolor="' + offColour + '">');
		document.write('<a class="MenuItemLink" href="' + url + '">\n');
		document.write('<img src="' + subMenuLabelOff.src + '" width="' + subMenuBulletWidth + '" height="' + subMenuBulletHeight + '" border="0" align="left" name="menuBullet' + menuItemNumber + '" id="menuBullet' + menuItemNumber + '">\n');
		document.write('<img src="' + subMenuArrow.src + '" width="' + subMenuArrowWidth + '" height="' + subMenuArrowHeight + '" border="0" align="right">');
		document.write(label + '</a>');
		document.write('</layer></ilayer>');
		document.write('<img src="images/shim.gif" width="1" height="1" border="0" align="' + myAlign + '" id="label' + menuNumber + '" name="label' + menuNumber + '">');
		document.write('</td>');
		document.write('<td bgColor="#000000"><img src="images/shim.gif" width="1" height="1" border="0"></td>');
		document.write('</tr><tr><td bgColor="#000000" colspan="3"><img src="images/shim.gif" width="1" height="1" border="0"></td></tr>\n');
		myStyle[menuNumber] = eval('document.menu' + parent + '.document.menuItemOuter' + menuItemNumber + '.document.menuItem' + menuItemNumber);
	} else {
		document.write('\n<style>\n');
		document.write('\n#menuItem' + menuItemNumber + '{width: 100%; layer-background-color: ' + offColour + ';}\n');
		document.write('\n</style>\n');
		document.write('<tr><td width="100%" bgcolor="' + offColour + '" valign="middle" height="12" style="border: #000000 1px solid;" ');
		document.write('id="labelBox' + menuNumber + '" name="labelBox' + menuNumber + '">');
		document.write('<div id="menuItem' + menuItemNumber + '" name="menuItem' + menuItemNumber + '" ');
		document.write('onmouseover="menuBullet' + menuItemNumber + '.src=subMenuLabelOn.src; menuOver(); return !showSubMenu(' + menuNumber + ', event, ' + tier + ', \'' + myAlign + '\');"  ');
		document.write('onmouseout="menuOut(); menuBullet' + menuItemNumber + '.src=subMenuLabelOff.src;" ');
		document.write('onClick="document.location.href=\'' + url + '\';">');
		document.write('<a class="MenuItemLink" href="' + url + '">');
		document.write('<img src="' + subMenuLabelOff.src + '" width="' + subMenuBulletWidth + '" height="' + subMenuBulletHeight + '" border="0" align="left" name="menuBullet' + menuItemNumber + '" id="menuBullet' + menuItemNumber + '">');
		if(myAlign=='right') {
			document.write('<img src="' + subMenuArrow.src + '" width="' + subMenuArrowWidth + '" height="' + subMenuArrowHeight + '" border="0" align="right" id="label' + menuNumber + '" name="label' + menuNumber + '">');
		} else {
			document.write('<img src="' + subMenuArrow.src + '" width="' + subMenuArrowWidth + '" height="' + subMenuArrowHeight + '" border="0" align="right">');
			document.write('<img src="images/shim.gif" width="1" align="top" height="1" border="0"  id="label' + menuNumber + '" name="label' + menuNumber + '">');
		} 
		document.write('&nbsp;' + label);
		document.write('</a></div></td></tr>');
	}		
}
	

	function menuLabel(label, menuNumber, width, onColour, offColour, url) {
		offColours[menuNumber] = offColour;
		onColours[menuNumber] = onColour;
		if(document.layers) {
			document.write('<td width="' + width + '" valign="middle" height="2"><ilayer id="menuLabelOuter' + menuNumber + '" name="menuLabelOuter' + menuNumber + '"><layer width="' + width + '" onmouseover="menuOver(); return !showMenu(' + menuNumber + ', event);return false;" onmouseout="menuOut();" id="menuLabel' + menuNumber + '" name="menuLabel' + menuNumber + '" bgcolor="' + offColour + '"><a class="MenuItemLink" href="' + url + '"><img src="' + menuLabelOff.src + '" width="' + menuLabelBulletWidth + '" height="' + menuLabelBulletHeight + '" border="0" align="left" name="menuBullet' + menuNumber + '" id="menuBullet' + menuNumber + '">' + label + '</a></layer></ilayer><img src="images/shim.gif" width="1" height="1" border="0" align="left" id="label' + menuNumber + '" name="label' + menuNumber + '"></td><td bgColor="#000000"><img src="images/shim.gif" width="1" height="1" border="0"></td>\n');
			myStyle[menuNumber] = eval('document.menuLabelOuter' + menuNumber + '.document.menuLabel' + menuNumber);
		} else {
			document.write('\n<style>\n');
			document.write('\n#menuLabel' + menuNumber + '{width: ' + width + 'px; layer-background-color: ' + offColour + ';}\n');
			document.write('\n</style>\n');
			document.write('<td width="100%" bgcolor="' + offColour + '" valign="middle" height="12" style="border: #000000 1px solid;" id="labelBox' + menuNumber + '" name="labelBox' + menuNumber + '"><div id="menuLabel' + menuNumber + '" name="menuLabel' + menuNumber + '" onmouseover="label' + menuNumber + '.src=menuLabelOn.src; menuOver(); return !showMenu(' + menuNumber + ', event);"  onmouseout="label' + menuNumber + '.src=menuLabelOff.src; menuOut();" onClick="document.location.href=\'' + url + '\';"><a class="MenuItemLink" href="' + url + '">');
			document.write('<img src="' + menuLabelOff.src + '" width="' + menuLabelBulletWidth + '" height="' + menuLabelBulletHeight + '" border="0" align="left" id="label' + menuNumber + '" name="label' + menuNumber + '">');
			document.write('&nbsp;' + label + '</a></div></td>\n');
		}		
	}
	

	function startSideMenuBar(width) {
		if (document.layers) document.write('<table width="' + width + '" cellpadding="0" cellspacing="0" border="0"><tr><td bgColor="#000000" colspan="3"><img src="images/shim.gif" width="1" height="1" border="0"></td></tr>\n');	
		else document.write('<table width="' + width + '" cellpadding="0" cellspacing="0" border="0">\n');	
	}
	
	function endSideMenuBar() {
		document.write('</table>\n');
	}
	
	function sideMenuLabel(label, menuNumber, width, onColour, offColour, url) {
	
		offColours[menuNumber] = offColour;
		onColours[menuNumber] = onColour;
		
		if(document.layers) {
			document.write('<tr><td bgColor="#000000"><img src="images/shim.gif" width="1" height="1" border="0"></td><td width="' + width + '" valign="middle" height="2"><ilayer id="menuLabelOuter' + menuNumber + '" name="menuLabelOuter' + menuNumber + '"><layer width="' + width + '" onmouseover="menuOver(); return !showSideMenu(' + menuNumber + ', event);" onmouseout="menuOut();" id="menuLabel' + menuNumber + '" name="menuLabel' + menuNumber + '" bgcolor="' + offColour + '"><a class="MenuItemLink" href="' + url + '">\n');
			document.write('<img src="' + menuLabelOff.src + '" width="' + menuLabelBulletWidth + '" height="' + menuLabelBulletHeight + '" border="0" align="left" name="menuBullet' + menuNumber + '" id="menuBullet' + menuNumber + '">\n');
			document.write('' + label + '</a></layer></ilayer><img src="images/shim.gif" width="1" height="1" border="0" align="right" id="label' + menuNumber + '" name="label' + menuNumber + '"></td><td bgColor="#000000"><img src="images/shim.gif" width="1" height="1" border="0"></td></tr><tr><td bgColor="#000000" colspan="3"><img src="images/shim.gif" width="1" height="1" border="0"></td></tr>\n');
			myStyle[menuNumber] = eval('document.menuLabelOuter' + menuNumber + '.document.menuLabel' + menuNumber);
		} else {
			document.write('\n<style>\n');
			document.write('\n#menuLabel' + menuNumber + '{width: ' + width + 'px; layer-background-color: ' + offColour + ';}\n');
			document.write('\n</style>\n');
			document.write('<tr><td width="100%" bgcolor="' + offColour + '" valign="middle" height="12" style="border: #000000 1px solid;" id="labelBox' + menuNumber + '" name="labelBox' + menuNumber + '"><div id="menuLabel' + menuNumber + '" name="menuLabel' + menuNumber + '" onmouseover="menuBullet' + menuNumber + '.src=menuLabelOn.src; menuOver(); return !showSideMenu(' + menuNumber + ', event);"  onmouseout="menuBullet' + menuNumber + '.src=menuLabelOff.src; menuOut();" onClick="document.location.href=\'' + url + '\';"><a class="MenuItemLink" href="' + url + '">');
			document.write('<img src="' + menuLabelOff.src + '" width="' + menuLabelBulletWidth + '" height="' + menuLabelBulletHeight + '" border="0" align="left" name="menuBullet' + menuNumber + '" id="menuBullet' + menuNumber + '">');
			document.write('&nbsp;' + label + '</a></div><img src="images/shim.gif" width="1" height="1" border="0" align="right" id="label' + menuNumber + '" name="label' + menuNumber + '"></td></tr>\n');
		}		
	}	


	if (document.layers) onload = init;

	function init() {
  		setTimeout("onresize = redo", 1000);
	}

	function redo() {
  		location.reload();
	}
	
	document.onClick = hideAllMenus;
	window.onError = null;