/*****************************************************************************
** Copyright (C) 2002, Stephen Gould 
**
** FILENAME:	side.js
** AUTHOR:		Stephen Gould
** COMMENCED:	01 May 2002
** MODIFIED:	04 Jul 2002
** DESCRIPTION:	javascript for dymanic menus in web pages for CWC
**
*****************************************************************************/

/* Display Variables *********************************************************/

/*var inactiveColour = "c2def2";
var activeColour = "#ffffcc";
var activeSideColour = "#0000ff";*/
/* menu bar colour */
var inactiveSideColour = "dcdcdc";
/* colour of selected menu */

/*var activeColour = "#003F87";*/
var activeColourSideTop = "#003F87";
/*var activeSideColour = "#FF6699";*/
var sideMenuTopTextColour = "#ffffff";
var sideMenuTextColour = "#ffffff";
var sideHeading = "";
var sideMenuArray = new Array();
var activeSideMenu = -1;
var activeSideSubMenu = -1;

/* Style Sheet ***************************************************************/

var sytleSheet;
styleSheet = "<style type=\"text/css\">\n";

/* heading underneath logo*/
styleSheet += ".side {position:absolute; font:11px verdana, tahoma, arial, helvetica; " +
	"top: " + (subMenuTop - 1) + "px; left:0px; width: " + (menuLeft - 20) + "px; " +
	"padding: 0px; font-weight:bold;color:"+sideMenuTopTextColour+"}\n";

/* colour of LHS menu items*/
styleSheet += ".side a {color: #003F87}\n";

/* heading underneath logo*/
styleSheet += ".sidehead {display:block; margin-left:5px; padding:2px; }\n";

/* 2nd level of lhs menu */
styleSheet += ".sidemenu {font:11px verdana, tahoma, arial, helvetica; " +
	"font-weight:normal; color:"+sideMenuTopTextColour+";cursor:hand }\n";

/* colour of 2nd level LHS menu items */
styleSheet += ".sidemenu a {color: #ffffff}\n";

styleSheet += "</style>\n";

document.write(styleSheet);

/* Functions *****************************************************************/

function DisplaySideMenu(sideMenuId, sideSubMenuId) {
	var sideDiv;	
	var iconIndex;

	document.write("<table cellpadding=0 cellspacing=0 border=0 class=\"side\">");
	document.write("<tr>");
	document.write("<td width=15><img src=\"../images/transparent.gif\" height=\"1\" width=\"15\"></td>");
	document.write("<td width=\"100%\"></td></tr>");

	document.write("<tr><td colspan=2 bgcolor=\"#ffffff\">");
	document.write("<img src=\"../images/transparent.gif\" border=0 height=1 width=1>");
	document.write("</td></tr>");

	document.write("<tr><td colspan=2 bgcolor=\"" + activeColourSideTop + "\">");
	document.write("<span class=\"sidehead\">");
	document.write(sideHeading);
	document.write("</span></td></tr>");

	document.write("<tr><td colspan=2 bgcolor=\"#ffffff\">");
	document.write("<img src=\"../images/transparent.gif\" border=0 height=2 width=1>");
	document.write("</td></tr>");

	document.write("<tr><td colspan=2><br></td></tr>\n");

	iconIndex = 0;
	for (i = 0; i < sideMenuArray.length; i = i + 3) {
		document.write("<tr>");
		document.write("<td align=\"center\">");
		document.write("<img src=\"../images/side_active.gif\" style=\"visibility:hidden;\" id=\"sideicon" +
			iconIndex + "\"></td>");
		document.write("<td><a href=\"" +
			sideMenuArray[i + 2] + "\" onMouseOver=\"SideMenuActivate(" +
			iconIndex + ", 1);\" onMouseOut=\"SideMenuActivate(" +
			iconIndex + ", 0);\">");
		document.write(sideMenuArray[i] + "</a></td>");
		document.write("</tr>");
		if (sideMenuArray[i + 1] != "") {
			document.write("<tr>");
			document.write("<td></td>");
			document.write("<td><a href=\"" +
				sideMenuArray[i + 2] + "\" onMouseOver=\"SideMenuActivate(" +
				iconIndex + ", 1);\" onMouseOut=\"SideMenuActivate(" +
				iconIndex + ", 0);\">");
			document.write(sideMenuArray[i + 1] + "</a></td>");
			document.write("</tr>");
		}

		document.write("<tr><td colspan=2><br></td></tr>\n");
		iconIndex = iconIndex + 1;

		if (i/3 == sideMenuId) {
			document.write("<tr><td></td><td>");
			document.write("<table cellpadding=0 cellspacing=0 border=0 class=\"sidemenu\">");
			document.write("<tr>");
			document.write("<td width=15><img src=\"../images/transparent.gif\" height=\"1\" width=\"15\"></td>");
			document.write("<td width=\"100%\"></td></tr>");

			for (j = 0; j < sideSubMenu[sideMenuId].length; j = j + 3) {
				document.write("<tr>");
				document.write("<td align=\"center\">");
				document.write("<img src=\"../images/side_active2.gif\" style=\"visibility:hidden;\" id=\"sideicon" +
					iconIndex + "\"></td>");
				document.write("<td><a href=\"" +
					sideSubMenu[sideMenuId][j + 2] + "\" onMouseOver=\"SideMenuActivate(" +
					iconIndex + ", 1);\" onMouseOut=\"SideMenuActivate(" +
					iconIndex + ", 0);\">");
				document.write(sideSubMenu[sideMenuId][j] + "</a></td>");
				document.write("</tr>");
				if (sideSubMenu[sideMenuId][j + 1] != "") {
					document.write("<tr>");
					document.write("<td></td>");
					document.write("<td><a href=\"" +
						sideSubMenu[sideMenuId][j + 2] + "\" onMouseOver=\"SideMenuActivate(" +
						iconIndex + ", 1);\" onMouseOut=\"SideMenuActivate(" +
						iconIndex + ", 0);\">");
					document.write(sideSubMenu[sideMenuId][j + 1] + "</a></td>");
					document.write("</tr>");
				}
				document.write("<tr><td colspan=2><br></td></tr>\n");
				iconIndex = iconIndex + 1;
			}

			document.write("</table></td></tr>");
		}
	}

	document.write("</table>");

	activeSideMenu = sideMenuId;
	activeSideSubMenu = sideMenuId + sideSubMenuId + 1
	SideMenuActivate(activeSideMenu, 1);
	SideMenuActivate(activeSideSubMenu, 1);
}

function SideMenuActivate(sideMainId, bActive) {
	var activeObj;

	if (sideMainId < 0)
		return;

	if (stdBrowser) {
		activeObj = document.getElementById("sideicon" + sideMainId).style;
	} else if (document.all) {
		activeObj = eval("document.all.sideicon" + sideMainId + ".style");
	} else {
		activeObj = eval("document.sideicon" + sideMainId);
	}

	if (bActive) {
		activeObj.visibility = "visible";
	} else {
		if ((activeSideMenu != sideMainId) && (activeSideSubMenu != sideMainId))
			activeObj.visibility = "hidden";
	}
}

/*****************************************************************************
** END OF FILE:	side.js
*****************************************************************************/