<!--
function goURL(newURL) {
	document.location.href=newURL;
}

function doStyle (smi,evt) {
	
	if (evt == 'over') {
		// change the values below for the onMouseover event
		// these control the cursor state, background and on-state colors for the layer
		var strCursor = 'hand';
		var strBGColor = '#e77b82';
		var strColor = '#ffffff';
	}
	
	else if (evt == 'out') {
		// change the values below for the onMouseout event
		// these control the cursor state, background and on-state colors for the layer
		var strCursor = 'default';
		var strBGColor = '#ffffff';
		var strColor = '#666666';
	}

	//******	NO NEED TO EDIT BELOW THIS LINE	 ******

	if (document.all) {
		// IE-specific DOM
		var obj = document.all(smi).style;
	}
	
	else {
		// W3C DOM
		var obj = document.getElementById(smi).style;
	}

	obj.cursor = strCursor;
	obj.backgroundColor = strBGColor;
	obj.color = strColor;
}

function doStyleAlt (smi,evt) {
	
	if (evt == 'over') {
		// change the values below for the onMouseover event
		// these control the cursor state, background and on-state colors for the layer
		var strCursor = 'hand';
		var strBGColor = '#ffffff';
		var strColor = '#1d91db';
	}
	
	else if (evt == 'out') {
		// change the values below for the onMouseout event
		// these control the cursor state, background and on-state colors for the layer
		var strCursor = 'default';
		var strBGColor = '#ffffff';
		var strColor = '#666666';
	}

	//******	NO NEED TO EDIT BELOW THIS LINE	 ******

	if (document.all) {
		// IE-specific DOM
		var obj = document.all(smi).style;
	}
	
	else {
		// W3C DOM
		var obj = document.getElementById(smi).style;
	}

	obj.cursor = strCursor;
	obj.backgroundColor = strBGColor;
	obj.color = strColor;
}

// set var value for domain
// important - leave the trailing forward-slash!
var thisDomain = "http://" + document.location.hostname;

// grab this document's href 
// use this var to determine which nav img should be displayed as an on-state
var thisURL = document.location.href;

// set up img vars for each nav item
// vars defined are default or-state, active or hover-state, on-state, and alt attribute text

// menu item 1
var imgMenu1 = "/img/nav/off/mhome.gif";
var imgMenu1Hover = "/img/nav/on/mhome.gif";
var imgMenu1On = "/img/nav/on/mhome.gif";
var altMenu1 = "image (menu): Home"
var urlMenu1 = "/default.htm"

// menu item 2
var imgMenu2 = "/img/nav/off/mabout.gif";
var imgMenu2Hover = "/img/nav/on/mabout.gif";
var imgMenu2On = "/img/nav/on/mabout.gif";
var altMenu2 = "image (menu): About Us"
var urlMenu2 = "#"

// menu item 3
var imgMenu3 = "/img/nav/off/mservices.gif";
var imgMenu3Hover = "/img/nav/on/mservices.gif";
var imgMenu3On = "/img/nav/on/mservices.gif";
var altMenu3 = "image (menu): Services"
var urlMenu3 = "#"

// menu item 4
var imgMenu4 = "/img/nav/off/mprojects.gif";
var imgMenu4Hover = "/img/nav/on/mprojects.gif";
var imgMenu4On = "/img/nav/on/mprojects.gif";
var altMenu4 = "image (menu): Projects &amp; Partners"
var urlMenu4 = "#"

// menu item 5
var imgMenu5 = "/img/nav/off/mfindus.gif";
var imgMenu5Hover = "/img/nav/on/mfindus.gif";
var imgMenu5On = "/img/nav/on/mfindus.gif";
var altMenu5 = "image (menu): Find Us"
var urlMenu5 = "/findus.htm"

// menu item 6
var imgMenu6 = "/img/nav/off/menquire.gif";
var imgMenu6Hover = "/img/nav/on/menquire.gif";
var imgMenu6On = "/img/nav/on/menquire.gif";
var altMenu6 = "image (menu): Enquire"
var urlMenu6 = "/enquire.htm"

// menu item 7
var imgMenu7 = "/img/nav/off/mnews.gif";
var imgMenu7Hover = "/img/nav/on/mnews.gif";
var imgMenu7On = "/img/nav/on/mnews.gif";
var altMenu7 = "image (menu): News &amp; Developments"
var urlMenu7 = "/news.htm"

// menu item 8
var imgMenu8 = "/img/nav/off/mstaff.gif";
var imgMenu8Hover = "/img/nav/on/mstaff.gif";
var imgMenu8On = "/img/nav/on/mstaff.gif";
var altMenu8 = "image (menu): Staff"
var urlMenu8 = "#"


// check the current href and specify onstate img if applicable
if (thisURL == thisDomain + urlMenu1 
		|| thisURL == thisDomain + "/#" 
		|| thisURL.indexOf(thisDomain + "/default_") > -1
		)
	{ 
	imgMenu1 = imgMenu1On;
}

else if (thisURL == thisDomain + urlMenu2 
		|| thisURL == thisDomain + "/#" 
		|| thisURL.indexOf(thisDomain + "/about_") > -1		
		)
	{ 
	imgMenu2 = imgMenu2On;
}

else if (thisURL == thisDomain + urlMenu3 
		|| thisURL == thisDomain + "/#" 
		|| thisURL.indexOf(thisDomain + "/services_") > -1		
		)
	{ 
	imgMenu3 = imgMenu3On;
}

else if (thisURL == thisDomain + urlMenu4 
		|| thisURL == thisDomain + "/#" 
		|| thisURL.indexOf(thisDomain + "/projects_") > -1		
		)
	{ 
	imgMenu4 = imgMenu4On;
}

else if (thisURL == thisDomain + urlMenu5
		|| thisURL == thisDomain + "/#" 
		|| thisURL.indexOf(thisDomain + "/findus_") > -1		
		)
	{ 
	imgMenu5 = imgMenu5On;
}

else if (thisURL == thisDomain + urlMenu6 
		|| thisURL == thisDomain + "/#" 
		|| thisURL.indexOf(thisDomain + "/enquire_") > -1		
		)
	{ 
	imgMenu6 = imgMenu6On;
}

else if (thisURL == thisDomain + urlMenu7
		|| thisURL == thisDomain + "/#" 
		|| thisURL.indexOf(thisDomain + "/news_") > -1
		)
	{ 
	imgMenu7 = imgMenu7On;
}

else if (thisURL == thisDomain + urlMenu8
		|| thisURL == thisDomain + "/#" 
		|| thisURL.indexOf(thisDomain + "/staff_") > -1
		)
	{ 
	imgMenu8 = imgMenu8On;
}


// shorthand
// s = sub; m = menu; i = item
document.write('<div id="m">');
	// menu item 1
	document.write('<div id="m1" class="m" onMouseOver="MM_swapImage(\'imgm1\',\'\',\''+imgMenu1Hover+'\',0);" onMouseOut="MM_swapImgRestore();"><a href="' + urlMenu1 + '"><img src="' + imgMenu1 + '" alt="' + altMenu1 + '" border="0" name="imgm1" id="imgm1" /></a>');	
	document.write('</div>');
	
	// menu item 2
	document.write('<div id="m2" class="m" onMouseOver="MM_showHideLayers(\'sm2\',\'\',\'show\');MM_swapImage(\'imgm2\',\'\',\''+imgMenu2Hover+'\',0);" onMouseOut="MM_showHideLayers(\'sm2\',\'\',\'hide\'); MM_swapImgRestore();"><a href="' + urlMenu2 + '"><img src="' + imgMenu2 + '" alt="' + altMenu2 + '" border="0" name="imgm2" id="imgm2" /></a>');
		document.write('<div id="sm2" class="sm"> ');
			// top
			document.write('<div><img src="/img/nav/smabout_t.gif" alt="image: sub-menu top" /></div>');
			// sub-menu item 1
			document.write('<div class="smi" id="sm2a" onMouseOver="doStyle(\'sm2a\',\'over\');"  onMouseOut="doStyle(\'sm2a\',\'out\');"  onClick="goURL(\'/chairman_message.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> Chairman&#8217;s Message</div>');
			// divider
			document.write('<div class="smidivider"><img src="/img/clear1x1.gif" alt="*" width="1" height="5" /></div>');
			// sub-menu item 2
			document.write('<div class="smi" id="sm2b" onMouseOver="doStyle(\'sm2b\',\'over\');"  onMouseOut="doStyle(\'sm2b\',\'out\');"  onClick="goURL(\'/mission_statement.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> Mission Statement</div>');
			// divider
			document.write('<div class="smidivider"><img src="/img/clear1x1.gif" alt="*" width="1" height="5" /></div>');
			// sub-menu item 3
			document.write('<div class="smi" id="sm2c" onMouseOver="doStyle(\'sm2c\',\'over\');"  onMouseOut="doStyle(\'sm2c\',\'out\');"  onClick="goURL(\'/history.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" />  History</div>');		
			// divider
			document.write('<div class="smidivider"><img src="/img/clear1x1.gif" alt="*" width="1" height="5" /></div>');
			// sub-menu item 4
			document.write('<div class="smi" id="sm2d" onMouseOver="doStyle(\'sm2d\',\'over\');"  onMouseOut="doStyle(\'sm2d\',\'out\');"  onClick="goURL(\'/ops_areas.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> Operational Areas</div>');
			// bottom
			document.write('<div><img src="/img/nav/smabout_b.gif" alt="image: sub-menu bottom" /></div>');
						
		document.write('</div>');

	document.write('</div>');

	// menu item 3
	document.write('<div id="m3" class="m" onMouseOver="MM_showHideLayers(\'sm3\',\'\',\'show\');MM_swapImage(\'imgm3\',\'\',\''+imgMenu3Hover+'\',0);" onMouseOut="MM_showHideLayers(\'sm3\',\'\',\'hide\'); MM_swapImgRestore();"><a href="' + urlMenu3 + '"><img src="' + imgMenu3 + '" alt="' + altMenu3 + '" border="0" name="imgm3"  id="imgm3" /></a>');
		document.write('<div id="sm3" class="sm"> ');
		
			// top
			document.write('<div><img src="/img/nav/smservices_t.gif" alt="image: sub-menu top" /></div>');
			// sub-menu item 1
			document.write('<div class="smi" id="sm3a" onMouseOver="doStyle(\'sm3a\',\'over\');"  onMouseOut="doStyle(\'sm3a\',\'out\');"  onClick="goURL(\'/cavity.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> Cavity Wall Insulation</div>');
			// divider
			document.write('<div class="smidivider"><img src="/img/clear1x1.gif" alt="*" width="1" height="5" /></div>');
			// sub-menu item 2
			document.write('<div class="smi" id="sm3b" onMouseOver="doStyle(\'sm3b\',\'over\');"  onMouseOut="doStyle(\'sm3b\',\'out\');"  onClick="goURL(\'/loft_insulation.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> Loft Insulation</div>');
			// divider
			document.write('<div class="smidivider"><img src="/img/clear1x1.gif" alt="*" width="1" height="5" /></div>');
			// sub-menu item 3
			document.write('<div class="smi" id="sm3c" onMouseOver="doStyle(\'sm3c\',\'over\');"  onMouseOut="doStyle(\'sm3c\',\'out\');"  onClick="goURL(\'/draught_proofing.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> Draught Proofing</div>');
			// divider
			document.write('<div class="smidivider"><img src="/img/clear1x1.gif" alt="*" width="1" height="5" /></div>');
			// sub-menu item 4
			document.write('<div class="smi" id="sm3d" onMouseOver="doStyle(\'sm3d\',\'over\');"  onMouseOut="doStyle(\'sm3d\',\'out\');"  onClick="goURL(\'/heating.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> Heating</div>');
			// divider
			document.write('<div class="smidivider"><img src="/img/clear1x1.gif" alt="*" width="1" height="5" /></div>');
			// sub-menu item 5
			document.write('<div class="smi" id="sm3e" onMouseOver="doStyle(\'sm3e\',\'over\');"  onMouseOut="doStyle(\'sm3e\',\'out\');"  onClick="goURL(\'/servicing.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> Servicing &amp; Repairs</div>');
			// divider
			document.write('<div class="smidivider"><img src="/img/clear1x1.gif" alt="*" width="1" height="5" /></div>');
			// sub-menu item 6
			document.write('<div class="smi" id="sm3f" onMouseOver="doStyle(\'sm3f\',\'over\');"  onMouseOut="doStyle(\'sm3f\',\'out\');"  onClick="goURL(\'/landlord.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> Landlord CP12</div>');
			// divider
			document.write('<div class="smidivider"><img src="/img/clear1x1.gif" alt="*" width="1" height="5" /></div>');
			// sub-menu item 7
			document.write('<div class="smi" id="sm3g" onMouseOver="doStyle(\'sm3g\',\'over\');"  onMouseOut="doStyle(\'sm3g\',\'out\');"  onClick="goURL(\'/security.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> Security Measures</div>');
			// divider
			document.write('<div class="smidivider"><img src="/img/clear1x1.gif" alt="*" width="1" height="5" /></div>');
			// sub-menu item 8
			document.write('<div class="smi" id="sm3h" onMouseOver="doStyle(\'sm3h\',\'over\');"  onMouseOut="doStyle(\'sm3h\',\'out\');"  onClick="goURL(\'/electrical.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> Electrical</div>');
			// divider
			document.write('<div class="smidivider"><img src="/img/clear1x1.gif" alt="*" width="1" height="5" /></div>');
			// sub-menu item 9
			document.write('<div class="smi" id="sm3i" onMouseOver="doStyle(\'sm3i\',\'over\');"  onMouseOut="doStyle(\'sm3i\',\'out\');"  onClick="goURL(\'/credit.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> Credit Broker</div>');
			// divider
			document.write('<div class="smidivider"><img src="/img/clear1x1.gif" alt="*" width="1" height="5" /></div>');
			// sub-menu item 10
			document.write('<div class="smi" id="sm3j" onMouseOver="doStyle(\'sm3j\',\'over\');"  onMouseOut="doStyle(\'sm3j\',\'out\');"  onClick="goURL(\'/energy_audit.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> Energy Audits/SAP/NHER</div>');
			// bottom
			document.write('<div><img src="/img/nav/smservices_b.gif" alt="image: sub-menu bottom" /></div>');

		document.write('</div>');

	document.write('</div>');

	// menu item 4
	document.write('<div id="m4" class="m" onMouseOver="MM_showHideLayers(\'sm4\',\'\',\'show\');MM_swapImage(\'imgm4\',\'\',\''+imgMenu4Hover+'\',0);" onMouseOut="MM_showHideLayers(\'sm4\',\'\',\'hide\');MM_swapImgRestore();" ><a href="' + urlMenu4 + '"><img src="' + imgMenu4 + '" alt="' + altMenu4 + '" border="0" name="imgm4" id="imgm4" /></a>');

		document.write('<div id="sm4" class="sm"> ');
		
			// top
			document.write('<div><img src="/img/nav/smprojects_t.gif" alt="image: sub-menu top" /></div>');
			// sub-menu item 1
			document.write('<div class="smi" id="sm4a" onMouseOver="doStyle(\'sm4a\',\'over\');"  onMouseOut="doStyle(\'sm4a\',\'out\');"  onClick="goURL(\'/partners.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> KNW Partners & Projects</div>');
			// divider
			document.write('<div class="smidivider"><img src="/img/clear1x1.gif" alt="*" width="1" height="5" /></div>');
			// sub-menu item 2
			document.write('<div class="smi" id="sm4b" onMouseOver="doStyle(\'sm4b\',\'over\');"  onMouseOut="doStyle(\'sm4b\',\'out\');"  onClick="goURL(\'/case_study.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> Case Studies</div>');
			// divider
			document.write('<div class="smidivider"><img src="/img/clear1x1.gif" alt="*" width="1" height="5" /></div>');
			// sub-menu item 3
			document.write('<div class="smi" id="sm4c" onMouseOver="doStyle(\'sm4c\',\'over\');"  onMouseOut="doStyle(\'sm4c\',\'out\');"  onClick="goURL(\'/links.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> Links</div>');
			// divider
	
			document.write('<div><img src="/img/nav/smprojects_b.gif" alt="image: sub-menu bottom" /></div>');
			
		document.write('</div>');

	document.write('</div>');

	// menu item 5
	document.write('<div id="m5" class="m" onMouseOver="MM_swapImage(\'imgm5\',\'\',\''+imgMenu5Hover+'\',0);" onMouseOut="MM_swapImgRestore();"><a href="' + urlMenu5 + '"><img src="' + imgMenu5 + '" alt="' + altMenu5 + '" border="0" name="imgm5" id="imgm5" /></a>');	
	document.write('</div>');

	// menu item 6
	document.write('<div id="m6" class="m" onMouseOver="MM_swapImage(\'imgm6\',\'\',\''+imgMenu6Hover+'\',0);" onMouseOut="MM_swapImgRestore();"><a href="' + urlMenu6 + '"><img src="' + imgMenu6 + '" alt="' + altMenu6 + '" border="0" name="imgm6" id="imgm6" /></a>');	
	document.write('</div>');

	// menu item 7
	document.write('<div id="m7" class="m" onMouseOver="MM_swapImage(\'imgm7\',\'\',\''+imgMenu7Hover+'\',0);" onMouseOut="MM_swapImgRestore();"><a href="' + urlMenu7 + '"><img src="' + imgMenu7 + '" alt="' + altMenu7 + '" border="0" name="imgm7" id="imgm7" /></a>');	
	document.write('</div>');

	// menu item 8
	document.write('<div id="m8" class="m" onMouseOver="MM_showHideLayers(\'sm8\',\'\',\'show\');MM_swapImage(\'imgm8\',\'\',\''+imgMenu8Hover+'\',0);" onMouseOut="MM_showHideLayers(\'sm8\',\'\',\'hide\');MM_swapImgRestore();"><a href="' + urlMenu8 + '"><img src="' + imgMenu8 + '" alt="' + altMenu8 + '" border="0" name="imgm8" id="imgm8" /></a>');

		document.write('<div id="sm8" class="sm"> ');

			// top
			document.write('<div><img src="/img/nav/smstaff_t.gif" alt="image: sub-menu top" /></div>');
			// sub-menu item 1
			document.write('<div class="smi" id="sm8a" onMouseOver="doStyle(\'sm8a\',\'over\');"  onMouseOut="doStyle(\'sm8a\',\'out\');"  onClick="goURL(\'/recruitment.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> Recruitment</div>');
			// divider
			document.write('<div class="smidivider"><img src="/img/clear1x1.gif" alt="*" width="1" height="5" /></div>');
			// sub-menu item 2
			document.write('<div class="smi" id="sm8b" onMouseOver="doStyle(\'sm8b\',\'over\');"  onMouseOut="doStyle(\'sm8b\',\'out\');"  onClick="goURL(\'/training.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> Training</div>');
			// divider
			document.write('<div class="smidivider"><img src="/img/clear1x1.gif" alt="*" width="1" height="5" /></div>');
			// sub-menu item 3
			document.write('<div class="smi" id="sm8c" onMouseOver="doStyle(\'sm8c\',\'over\');"  onMouseOut="doStyle(\'sm8c\',\'out\');"  onClick="goURL(\'/qualifications.htm\');"><img src="/img/nav/sm_rarr.gif" alt="image (icon): right arrow" /> Qualifications</div>');
			// bottom
			document.write('<div><img src="/img/nav/smstaff_b.gif" alt="image: sub-menu bottom" /></div>');

	document.write('</div>');
			
document.write('</div>');

// debug code
// alert(thisURL.indexOf(thisDomain + "/solution.asp"));