var isIE4;
	var isNav4;
	if (parseInt(navigator.appVersion) >=4) {
		isNav4 = (navigator.appName == "Netscape");
	}

	if (document.all) {
		isIE4 = true;
	} else {
		isIE4 = false;
	}

	if ((document.images)) {
		tabs_minus = new Image () ;
		tabs_minus.src = "images/tabs_minus.gif" ;
		tabs_plus = new Image (17,14) ;
		tabs_plus.src = "images/tabs_plus.gif" ;
	}

	function fsHiLite (isEntering, levelOneID, levelTwoID)
	{
		if (document.images) {
			imgDocID = "img_" + levelTwoID ;
			imgObjName = (isEntering == 0) ?  "tabs_minus" : "tabs_plus" ;
			document.images[imgDocID].src = eval(imgObjName + ".src");
		}
	}

	var varHTML = "" ;
	var vLastLayer, vLayerVisible, vCurrentLevelOne, vExpandThisLevelTwo ;
	var vImgId ;
	var vHref ;
	var vHasChildren ;
	var aImages = new Array("menus")//HERE AJK
	var vLevelOneOpen = 0 ; 		// i.e. whole menu is open by default
	//var vLevelTwoOpen = 1 ;	
	// i.e. services is open by default
	//var u = "./" ;
	var aList = new Array();

	aList[0] = new Array (u+"index.html");

	aList[0][1] = new Array("Home",u+"index.html");

	aList[0][2] = new Array("Services",u+"services/services_index.html") ;
	aList[0][2][2] = new Array("Bridges",u+"services/bridge_index.html"); 
	aList[0][2][3] = new Array("Buildings",u+"services/buildings_index.html"); 
	aList[0][2][4] = new Array("Temporary works",u+"services/temp_works_index.html");
	aList[0][2][5] = new Array("Rail",u+"services/rail_index.html");
	aList[0][2][6] = new Array("Special Projects",u+"services/special_index.html");
	aList[0][2][7] = new Array("FRP Composites",u+"services/adcom.html");
	aList[0][2][8] = new Array("Expert Witness",u+"services/expert_index.html");
	aList[0][2][9] = new Array("Marine",u+"services/marine_index.html");
	aList[0][2][10] = new Array("Highways",u+"services/highways_index.html");
	aList[0][2][11] = new Array("Geotechnics",u+"services/geotechnics_index.html");
	aList[0][3] = new Array("News",u+"news/news_index.html") ;
	aList[0][3][2] = new Array("Tony Gee Articles",u+"news/articles_index.html"); 
	aList[0][3][3] = new Array("Newsletters",u+"news/newsletters/newsletters_index.html"); 
	aList[0][4] = new Array("Policies",u+"policies/policies_index.html");
        aList[0][4][2] = new Array("Quality",u+"policies/quality.html");
        aList[0][4][3] = new Array("Health and Safety",u+"policies/health.html");
        aList[0][4][4] = new Array("Equal Opportunities",u+"policies/equal.html");
        aList[0][4][5] = new Array("Sustainability",u+"policies/sustainability.html");
        aList[0][4][6] = new Array("Environmental",u+"policies/environmental.html");
	aList[0][5] = new Array("Contacts/Offices",u+"contacts/contacts.html");
        aList[0][5][2] = new Array("Management Team",u+"contacts/management.html");
	aList[0][6] = new Array("Careers",u+"careers/index.html"); 	
	aList[0][6][2] = new Array("Development",u+"careers/development.html"); 
	aList[0][6][3] = new Array("Students",u+"careers/students.html"); 	
	aList[0][7] = new Array("Awards",u+"awards/awards.html");
	
	
      	//  # # # # # # #   End of code to define
	//  # # # # # # #   side Navigation Bar content.
	//  # # # # # # #   The following code defines the functionality
	//  # # # # # # #   of the side Navigation Bar.

	function redrawDiv() {
		drawDiv();
		if (isIE4) {
			document.all['mainDIV'].innerHTML = varHTML;
		} else {
			//document.layers["mainDIV"].document.writeln(varHTML);
			document.writeln(varHTML);
		}
	}

	function setLevelOne (newLevel) {
		if (newLevel == vLevelOneOpen) {
			vLevelOneOpen = null ;
		} else {
			vLevelOneOpen = newLevel ;
		}
		vLevelTwoOpen = null ;	
		redrawDiv () ;
	}

	function setLevelTwo (newLevel2) {
		if (newLevel2-1 == vLevelTwoOpen) {
			vLevelTwoOpen = null ;
		} else {
			vLevelTwoOpen = newLevel2-1 ;
		}
		redrawDiv () ;
	}

	function drawDiv() {

		varHTML = "<table border=0 cellpadding=0 cellspacing=3 bgcolor=white width=100>" ;
		for (levelOneCount = 0; levelOneCount <= aList.length-1; levelOneCount++) {
			vLastLayer = (levelOneCount == vLevelOneOpen) ? true : false ;  
			vIcon =	0
			varHTML += "<tr><td  colspan=2>" ;
			varHTML += (isIE4) ? ("<a href=' '>") : (" ") ;
			
			varHTML += (vLastLayer) ? "" : ("</a>") ;
			varHTML += ("</td></tr>") ;

		// Write level 2
			for (levelTwoCount = 1; levelTwoCount < aList[levelOneCount].length; levelTwoCount++) {
				if (vLastLayer) {
					vHasChildren = (aList[levelOneCount][levelTwoCount].length > 2) ? true : false ;
					vImgId = "img_" + levelTwoCount ;
					vExpandThisLevelTwo = (levelTwoCount-1 == vLevelTwoOpen) ? true : false ;
					varHTML += ("<tr><td align=left width=29>") ;
					vIcon =	(vExpandThisLevelTwo) ? "<img src='" + u + "images/tabs_minus.gif' width=15 height=14 border=0 hspace=1>" : "<img src='" + u + "images/tabs_plus.gif' hspace=1 width=15 height=14 border=0>"
					if ((isIE4 == true)&&(vHasChildren == true)) {
					   vHref = ("<a align='left' target=\"_top\" href='javascript:setLevelTwo(" + levelTwoCount + ")'>")
					} else {
					     vHref = ("<a  align=left target=\"_top\"  href='" + aList[levelOneCount][levelTwoCount][1] + "'>");
					}

					if (isIE4 == true) {
						varHTML += (vHref + vIcon + "<img src='" + u + "images/t.gif' width=2 height=1 border=0></a></td><td valign=middle width=109><font class='levelTwoText'><a  target=\"_top\" class=\"TGPMenuOff\" onMouseOver=\"this.className ='TGPMenuOn'\" onMouseOut=\"this.className = 'TGPMenuOff'\" href='" + aList[levelOneCount][levelTwoCount][1] + "'>" + aList[levelOneCount][levelTwoCount][0] + " </a>" );
					} else {
						varHTML += (vHref + vIcon + "<img src='" + u + "images/t.gif' width=2 height=1 border=0></a></td><td valign=middle width=109><a  target=\"_top\" class=\"TGPMenuOff\" href='" + aList[levelOneCount][levelTwoCount][1] + "'>" + aList[levelOneCount][levelTwoCount][0] + " </a>" );
					}
					//varHTML +=  ("</td></tr>") ;
					if (vExpandThisLevelTwo) {
						// Write level 3
						for (levelThreeCount = 2; levelThreeCount <= aList[levelOneCount][levelTwoCount].length-1; levelThreeCount++) {
							varHTML += ("<tr><td valign=middle align=left NOWRAP colspan=2>") ;
							if (isIE4 == true) {
								varHTML += ("<a align=center class=\"TGPsubOff\"  target=\"_top\" onMouseOver=\"this.className ='TGPsubOn'\" onMouseOut=\"this.className = 'TGPsubOff'\" href='" + aList[levelOneCount][levelTwoCount][levelThreeCount][1] + "'><img src='" + u + "images/t.gif' width=20 height=1 border=0><img src='" + u + "images/tabs_square.gif' width=10 height=10 border=0>" + aList[levelOneCount][levelTwoCount][levelThreeCount][0] + "</a>" );					
							} else {
								varHTML += ("<a class=\"TGPsubOff\"  target=\"_top\" href='" + aList[levelOneCount][levelTwoCount][levelThreeCount][1] + "'><img src='" + u + "images/t.gif' width=13 height=1 border=0><img src='" + u + "images/tabs_square.gif' width=10 height=10 border=0>" + aList[levelOneCount][levelTwoCount][levelThreeCount][0] + "</a>" );
							}
							varHTML += ("</td></tr>") ;
						}
					}
				}
			}

			if (vLastLayer) {
				varHTML += "<tr><td colspan=2 bgcolor=#ffffff><img src='" + u  + "images/t.gif' width=1 height=2></td></tr>"
			}
			
			}
	varHTML += "</table><BR>" ;
		

	varHTML +=""

	}



	//  # # # # # # #   End of code defining the functionality
	//  # # # # # # #   of the side Navigation Bar.