var textonly = true;

var root2text = "";
var root3text = "";

var activeroot = 0;

var rootPart = Math.floor(categoryCode/100);
var sub1Part = Math.floor((categoryCode-(rootPart*100))/10);
var sub2Part = Math.floor(categoryCode-(rootPart*100+sub1Part*10));

var rootActive = rootPart;
var Sub1Active = sub1Part;
var Sub2Active = sub2Part;

var sub1PartMenuImage = "";
var sub2PartMenuImage = "";

var pageTitle = "";
var pageCategory = "";
var pageColour = "";
var currentColour = "";


function displayCatMenu()
{
if (root.length == 0)
{
pageColour = defaultColour;
}
for (var i = 0; i < root.length; i++)	// For each root[i] root menu item
{
	sub1PartMenuImage = "";
	sub2PartMenuImage = "";
	var sub2PartMenuSpacer = false;
	var j = 0;
	for (; j < root[i].length; j++)	// For each root[i][j] Sub level menu item
	{
		if (j == 0)	// If base menu item
		{
			currentColour = defaultColour
			if (rootActive == i)
			{
				pageTitle = root[i][j][0];
				pageColour = root[i][0][3];
				currentColour = root[i][0][3];
				if (textonly) {
					document.writeln("<a href=\""+root[i][j][1]+"\" onMouseOver=\"window.status='"+root[i][j][0]+"'; return true\"><font color=#"+currentColour+"><b>&rarr;&nbsp;"+root[i][j][2]+"</b></font></a><br>");
				} else {
					document.writeln("<a href=\""+root[i][j][1]+"\" onMouseOver=\"window.status='"+root[i][j][0]+"'; return true\"><img src=\"Images/"+root[i][j][2]+".gif\" width=\"170\" height=\"20\" alt=\"\" border=\"0\" align=\"\"></a><br>");
				}
			} else {
				if (textonly) {
					document.writeln("&nbsp;&nbsp;&nbsp;&nbsp;<a href=\""+root[i][j][1]+"\" onMouseOver=\"window.status='"+root[i][j][0]+"'; return true\"><font color=#"+currentColour+">"+root[i][j][2]+"</font></a><br>");
				} else {
					document.writeln("<a href=\""+root[i][j][1]+"\" onMouseOver=\"window.status='"+root[i][j][0]+"'; return true\"><img src=\"Images/"+root[i][j][2]+".gif\" width=\"170\" height=\"20\" alt=\"\" border=\"0\" align=\"\"></a><br>");
				}
			}
		}
		else if (rootActive == i)
		{
			var k = 0;
			for (; k < root[i][j].length; k++)	// For each root[i][j][k] Sub level menu item
			{
				if (k == 0)	// If base menu item
				{
					if (i == rootActive && j == (Sub1Active))
					{
						if (textonly) {
							document.writeln("&nbsp;&nbsp;<a href=\""+root[i][j][k][1]+"\" onMouseOver=\"window.status='"+root[i][j][k][0]+"'; return true\"><font color=#"+currentColour+"><b>&rarr;&nbsp;"+root[i][j][k][2]+"</b></font></a><br>");
						} else {
							sub1PartMenuImage += "<a href=\""+root[i][j][k][1]+"\" onMouseOver=\"window.status='"+root[i][j][k][0]+"'; return true\"><img src=\"Images/"+root[i][j][k][2]+"Lev"+i+"Act.gif\" width=\"85\" height=\"15\" alt=\"\" border=\"0\" align=\"\"></a><br>";
						}
						pageTitle = root[i][j][k][0];
						pageColour = root[i][0][3];
					}
					else
					{
						if (textonly) {
							document.writeln("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\""+root[i][j][k][1]+"\" onMouseOver=\"window.status='"+root[i][j][k][0]+"'; return true\">"+root[i][j][k][2]+"</a><br>");
						} else {
							sub1PartMenuImage += "<a href=\""+root[i][j][k][1]+"\" onMouseOver=\"window.status='"+root[i][j][k][0]+"'; return true\"><img src=\"Images/"+root[i][j][k][2]+"InAct.gif\" width=\"85\" height=\"15\" alt=\"\" border=\"0\" align=\"\"></a><br>";
						}					}
				}
				else if (i == rootActive && j == (Sub1Active))
				{
					for (var l = 0; l < root[i][j][k].length; l++)	// For each root[i][j][k][l] Sub level menu item
					{
						if (l == 0)	// If base menu item
						{
							if (!textonly) {
								if (sub2PartMenuSpacer == false)
								{
									sub2PartMenuSpacer = true;
									for (tmp=1; tmp <j; tmp++)
									{
										sub2PartMenuImage += "<img src=\"Images/MenuSubLevelBlank.gif\" width=\"85\" height=\"15\" alt=\"\" border=\"0\" align=\"\"><br>";
									}
								}
							}
							if (i == rootActive && j == (Sub1Active) && k == (Sub2Active))
							{
								if (textonly) {
									document.writeln("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\""+root[i][j][k][1]+"\" onMouseOver=\"window.status='"+root[i][j][k][0]+"'; return true\"><font color=#"+currentColour+"><b>&rarr;&nbsp;"+root[i][j][k][2]+"</b></font></a><br>");
								} else {
									sub2PartMenuImage += "<a href=\""+root[i][j][k][1]+"\" onMouseOver=\"window.status='"+root[i][j][k][0]+"'; return true\"><img src=\"Images/"+root[i][j][k][2]+"Lev"+i+"Act.gif\" width=\"85\" height=\"15\" alt=\"\" border=\"0\" align=\"\"></a><br>";
								}								pageTitle = root[i][j][k][0];
								pageColour = root[i][0][3];
							}
							else
							{
								if (textonly) {
									document.writeln("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\""+root[i][j][k][1]+"\" onMouseOver=\"window.status='"+root[i][j][k][0]+"'; return true\">"+root[i][j][k][2]+"</a><br>");
								} else {
									sub2PartMenuImage += "<a href=\""+root[i][j][k][1]+"\" onMouseOver=\"window.status='"+root[i][j][k][0]+"'; return true\"><img src=\"Images/"+root[i][j][k][2]+"InAct.gif\" width=\"85\" height=\"15\" alt=\"\" border=\"0\" align=\"\"></a><br>";
								}							}
						}
						else
						{
						}
					}
				}
			}
		}
	}
	if (!textonly)
	{
		document.writeln("<table width=\"175\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">");
		document.writeln("<COL WIDTH=\"85\"><COL WIDTH=\"85\">");
		document.writeln("<tr>");
		document.writeln("<td valign=\"top\">"+sub1PartMenuImage+"<\/td>");
		document.writeln("<td>"+sub2PartMenuImage+"<\/td>");
		document.writeln("<\/tr>");
		document.writeln("<\/table>");
	}
}
}

function changeMenuOut(menuNum)
{
	var myroot2image=document.getElementById('root2image');
	var myroot3image=document.getElementById('root3image');

	if (menuNum == 2)
	{
		myroot2image.innerHTML="<img src=\""+datasource+"Images/brands.gif\" width=\"170\" height=\"20\" alt=\"\" border=\"0\" align=\"\" onMouseDown=\"selectMenu(2)\" onMouseOver=\"changeMenuOver(2)\">";
	} else 	if (menuNum == 3)
	{
		myroot3image.innerHTML="<img src=\""+datasource+"Images/producttype.gif\" width=\"170\" height=\"20\" alt=\"\" border=\"0\" align=\"\" onMouseDown=\"selectMenu(3)\" onMouseOver=\"changeMenuOver(3)\">";
	}

}


function changeMenuOver(menuNum)
{
	var myroot2image=document.getElementById('root2image');
	var myroot3image=document.getElementById('root3image');

	if (menuNum == 2 && activeroot != 2)
	{
		myroot2image.innerHTML="<img src=\""+datasource+"Images/brandsover.gif\" width=\"170\" height=\"20\" alt=\"\" border=\"0\" align=\"\" onMouseDown=\"selectMenu(2)\" onMouseOut=\"changeMenuOut(2)\">";
	} else if (activeroot == 2)
	{
		myroot2image.innerHTML="<img src=\""+datasource+"Images/brands.gif\" width=\"170\" height=\"20\" alt=\"\" border=\"0\" align=\"\" onMouseDown=\"selectMenu(2)\">";
	} else
	{
		myroot2image.innerHTML="<img src=\""+datasource+"Images/brands.gif\" width=\"170\" height=\"20\" alt=\"\" border=\"0\" align=\"\" onMouseDown=\"selectMenu(2)\" onMouseOver=\"changeMenuOver(2)\">";
	}

	if (menuNum == 3 && activeroot != 3)
	{
		myroot3image.innerHTML="<img src=\""+datasource+"Images/producttypeover.gif\" width=\"170\" height=\"20\" alt=\"\" border=\"0\" align=\"\" onMouseDown=\"selectMenu(3)\" onMouseOut=\"changeMenuOut(3)\">";
	} else if (activeroot == 3)
	{
		myroot3image.innerHTML="<img src=\""+datasource+"Images/producttype.gif\" width=\"170\" height=\"20\" alt=\"\" border=\"0\" align=\"\" onMouseDown=\"selectMenu(3)\">";
	} else
	{
//		myroot3image.innerHTML="<img src=\""+datasource+"Images/producttype.gif\" width=\"170\" height=\"20\" alt=\"\" border=\"0\" align=\"\" onMouseDown=\"selectMenu(3)\" onMouseOver=\"changeMenuOver(3)\">";
	}
}

function selectMenu(menuNum)
{
//	alert(menuNum);

	var myrooot2text=document.getElementById('root2text');
	var myrooot3text=document.getElementById('root3text');

	if (menuNum == 2)
	{
		if (myrooot2text.innerHTML == "" || activeroot == 2)
		{
			myrooot2text.innerHTML=root2text;
		} else
		{
			myrooot2text.innerHTML="";
		}
	} else if (menuNum == 3)
	{
		if (myrooot3text.innerHTML == "" || activeroot == 3)
		{
			myrooot3text.innerHTML=root3text;
		} else
		{
			myrooot3text.innerHTML="";
		}
	}

//	return false;
}

function displayRootMenu(menu) 
{
	if (menu) { document.writeln("<img src=\""+brandspacer+"\" width=\"100%\" height=\"7\">"); }

	document.writeln("<div id=\"root2image\">");
	document.writeln("<img src=\""+datasource+"Images/brands.gif\" width=\"170\" height=\"20\" alt=\"\" border=\"0\" align=\"\" onMouseDown=\"selectMenu(2)\" onMouseOver=\"changeMenuOver(2)\">");
	document.writeln("</div>");

	activeroot == 2;

	document.writeln("<div id=\"root2text\"></div>");

	root2text = "";

	for (var i = 0; i < root2.length; i++)	// For each root2[i] root menu item
	{
		if (root2[i][0][4] == 1)
		{
			sub1PartMenuImage = "";
			sub2PartMenuImage = "";
			var sub2PartMenuSpacer = false;
			var j = 0;
			for (; j < root2[i].length; j++)	// For each root2[i][j] Sub level menu item
			{
				if (textonly)
				{
					if (j == 0 && root2[i][j][3] != menu)	// If base menu item
					{
						root2text += "&nbsp;&nbsp;&nbsp;<a href=\""+root2[i][j][1]+"\" onMouseOver=\"window.status='"+root2[i][j][0]+"'; return true\">"+root2[i][j][0]+"</a><br>";
					} else
					{
						root2text += "&nbsp;&rarr;<a href=\""+root2[i][j][1]+"\" onMouseOver=\"window.status='"+root2[i][j][0]+"'; return true\">"+root2[i][j][0]+"</a><br>";
						activeroot = 2;
					}
				}
				else
				{
					root2text += "<a href=\""+root2[i][j][1]+"\" onMouseOver=\"window.status='"+root2[i][j][0]+"'; return true\"><img src=\"Images/"+root2[i][j][2]+".gif\" width=\"170\" height=\"20\" alt=\"\" border=\"0\" align=\"\"></a><br>";
				}
			}
		}
	}

	document.writeln("<div id=\"root3image\"></div>");
	document.writeln("<div id=\"root3text\"></div>");
/*
	document.writeln("<div id=\"root3image\">");
	document.writeln("<img src=\""+datasource+"Images/producttype.gif\" width=\"170\" height=\"20\" alt=\"\" border=\"0\" align=\"\" onMouseDown=\"selectMenu(3)\" onMouseOver=\"changeMenuOver(3)\">");
	document.writeln("</div>");

	document.writeln("<div id=\"root3text\"></div>");

	root3text = "";

	for (var i = 0; i < root3.length; i++)	// For each root3[i] root menu item
	{
		if (root3[i][0][4] == 1)
		{
			sub1PartMenuImage = "";
			sub2PartMenuImage = "";
			var sub2PartMenuSpacer = false;
			var j = 0;
			for (; j < root3[i].length; j++)	// For each root3[i][j] Sub level menu item
			{
				if (textonly)
				{
					if (j == 0 && root3[i][j][3] != menu)	// If base menu item
					{
						root3text += "&nbsp;&nbsp;&nbsp;<a href=\""+root3[i][j][1]+"\" onMouseOver=\"window.status='"+root3[i][j][0]+"'; return true\">"+root3[i][j][0]+"</a><br>";
					}
					else
					{
						root3text += "&nbsp;&rarr;<a href=\""+root3[i][j][1]+"\" onMouseOver=\"window.status='"+root3[i][j][0]+"'; return true\">"+root3[i][j][0]+"</a><br>";
						activeroot = 3;
					}
				}
				else {
					root3text += "<a href=\""+root3[i][j][1]+"\" onMouseOver=\"window.status='"+root3[i][j][0]+"'; return true\"><img src=\"Images/"+root3[i][j][2]+".gif\" width=\"170\" height=\"20\" alt=\"\" border=\"0\" align=\"\"></a><br>";
				}
			}
		}
	}
*/
	selectMenu(activeroot);
}