/* Steel Piling Menu System by G.Pegden of Pegden.com 
on behalf of Quentin James Design for Steel Piling UK */
/* Hover code from Stu Nicholls (see below) */

 
 /* NOTE: VERY VERY VERY IMPORTANT. If youedit the html below, use only single quotes, not other double quotes. 
    Also ensure you don't accidentally and any whitespace (spaces or tabs) after the \ at the end of every line
    (every line MUST end a \) or it'll not work and you'll get javascript errors */
    
    /* TODO - Drop menu via JS (unless I can think of a cleaner way) */

var SPnavemenu = "\
\
	<ul id='navigation'>\
\
		<li class='top'><a href='/index.html' id='navhead-home'><span>Home</span></a>\
		<li class='top' ><a href='/about_sheet_piling_uk/about_sheet_piling_uk.html' id='navhead-about' ><span>About</span></a>\
		<ul class='sub' id='SPmenu-about'>\
   		<li><a href='/about_sheet_piling_uk/about_sheet_piling_uk.html'>About Sheet Piling (UK) Limited</a></li>\
	 	  <li><a href='/about_sheet_piling_uk/sheet_piling_management_structure.html'>Sheet Piling Management Structure</a></li>\
		  <li><a href='/about_sheet_piling_uk/sheet_piling_client_list.html'>Sheet Piling Client List</a></li>\
		</ul>\
		<div class='sub-shadow' style='height: 70px;'>\
		</div></li>\
		<li class='top'><a href='/sheet_piling_services/sheet_piling_services.html' id='navhead-services'><span>Services</span></a>\
		<ul class='sub'>\
   		<li><a href='/sheet_piling_services/permanent_sheet_pile_basements.html'>Permanent Sheet Pile Basements</a></li>\
	 	  <li><a href='/sheet_piling_services/permanent_sheet_pile_retaining_walls.html'>Permanent Retaining Walls</a></li>\
		  <li><a href='/sheet_piling_services/temporary_works_solutions.html'>Temporary Sheet Piling</a></li>\
   		  <li><a href='/sheet_piling_services/conventional_and_marine_sheet_pile_installation.html'>Conventional and Marine Piling</a></li>\
   		  <li><a href='/sheet_piling_services/steel_bearing_pile_foundations.html'>Steel Bearing Pile Foundations</a></li>\
	 	  <li><a href='/sheet_piling_services/vinyl_composite_sheet_piling.html'>Vinyl and Composite Sheet Piling</a></li>\
		  <li><a href='/sheet_piling_services/ground_anchors_and_soil_nails.html'>Ground Anchors and Soil Nails</a></li>\
	 	  <li><a href='/sheet_piling_services/silent_vibration_free_piling.html'>Silent Vibration Free Piling</a></li>\
		  <li><a href='/sheet_piling_services/telescopic_leader_rig_installation.html'>Telescopic Leader Rig Piling</a></li>\
		</ul>		<div class='sub-shadow' style='height: 195px;'>\
		</div></li>\
		<li class='top'><a href='/sheet_pile_sales/sheet_pile_sales.html' id='navhead-products'><span>Products</span></a>\
		<ul class='sub'>\
   		<li><a href='/sheet_pile_sales/sheet_pile_sales.html'>Sheet Pile Sales</a></li>\
	 	  <li><a href='/sheet_pile_sales/corner_junction_sheet_piles.html'>Corner and Junction Piles</a></li>\
		  <li><a href='/sheet_pile_sales/vinyl_composite_sheet_piles.html'>Vinyl and Composite Piles</a></li>\
   		<li><a href='/sheet_pile_sales/jet_filter_weep_holes.html'>Jet Filter Weep Holes</a></li>\
		</ul>		<div class='sub-shadow' style='height: 95px;'>\
		</div></li>\
		<li class='top'><a href='/latest_sheet_piling_news/latest_sheet_piling_news.html' id='navhead-news'><span>News</span></a></li>\
		<li class='top'><a href='/sheet_piling_case_studies/sheet_piling_case_studies.html' id='navhead-case'><span>Case Studies</span></a>\
		<ul class='sub'>\
   		<li><a href='/sheet_piling_case_studies/sheet_piling_case_studies.html#basements' class='fly'>Permanent Basements</a>\
    		<ul >\
       		<li><a href='/sheet_piling_case_studies/asda_birkenhead_basement.html'>ASDA, Birkenhead</a></li>\
       		<li><a href='/sheet_piling_case_studies/permanent_basement_cofferdam_update.html'>ASDA, Rugby</a></li>\
    	 	  <li><a href='/sheet_piling_case_studies/donegal_quay.html'>Donegal Quay</a></li>\
    		  <li><a href='/sheet_piling_case_studies/cornwall_house_steel_intensive_basement.html'>Cornwall House</a></li>\
       		<li><a href='/sheet_piling_case_studies/westfield_shopping_steel_intensive_basement.html'>Westfield Shopping Centre</a></li>\
    	 	  <li><a href='/sheet_piling_case_studies/lapps_quay_steel_intensive_basement.html'>Lapps Quay, Cork</a></li>\
    		  <li><a href='/sheet_piling_case_studies/sheet_pile_aeration_tank.html'>Chelmsford STW</a></li>\
    		  <li><a href='/sheet_piling_case_studies/permanent_storm_water_tank.html'>Heathfield WWTW</a></li>\
    		</ul>\
        <div class='sub-sub-shadow' style='height: 175px;'>\
		    </div>      </li>\
	 	  <li><a href='/sheet_piling_case_studies/sheet_piling_case_studies.html#retaining' class='fly'>Permanent Retaining Walls</a>\
    		<ul >\
       		<li><a href='/sheet_piling_case_studies/manchester_metrolink_retaining_walls.html'>Manchester Metrolink</a></li>\
       		<li><a href='/sheet_piling_case_studies/rochdale_cofferdam.html'>Rochdale River Wall and Cofferdam</a></li>\
    	 	  <li><a href='/sheet_piling_case_studies/sheet_pile_walls.html'>Cooks Shipyard</a></li>\
    		</ul>\
        <div class='sub-sub-shadow' style='height: 50px;'>\
		    </div>            </li>\
		  <li><a href='/sheet_piling_case_studies/sheet_piling_case_studies.html#marine' class='fly'>Marine Works</a>\
    		<ul >\
       		<li><a href='/sheet_piling_case_studies/barhale_construction_northwich_cheshire.html'>River Weaver Swing Bridge</a></li>\
    	  </ul>\
      <div class='sub-sub-shadow' style='height: 25px;'>\
		    </div>      </li>\
		  <li><a href='/sheet_piling_case_studies/sheet_piling_case_studies.html#vinyl' class='fly'>Vinyl Piling</a>\
    		<ul >\
       		<li><a href='/sheet_piling_case_studies/vinyl_pile_flood_alleviation_bund_wall.html'>Chivenor Flood Alleviation</a></li>\
    	 	  <li><a href='/sheet_piling_case_studies/vinyl_sheet_pile_retaining_wall.html'>Ely School</a></li>\
    		</ul>\
      <div class='sub-sub-shadow' style='height: 50px;'>\
		    </div>      </li>\
		  <li><a href='/sheet_piling_case_studies/sheet_piling_case_studies.html#restricted' class='fly'>Restricted Access Works</a>\
    		<ul >\
    		<li><a href='/sheet_piling_case_studies/city_mill_river_restricted_access.html'>City Mill River</a></li>\
       		<li><a href='/sheet_piling_case_studies/railway_embankment_stabilisation.html'>Copperas Wood</a></li>\
       		<li><a href='/sheet_piling_case_studies/henleys_corner_retaining_wall.html'>Henleys Corner</a></li>\
    		</ul>\
    <div class='sub-sub-shadow' style='height: 25px;'>\
		    </div>      </li>\
		  <li><a href='/sheet_piling_case_studies/sheet_piling_case_studies.html#temporary' class='fly'>Temporary Works</a>\
    		<ul >\
       		<li><a href='/sheet_piling_case_studies/stublach_underground_gas_storage.html'>Stublach Underground Gas Storage</a></li>\
       		<li><a href='/sheet_piling_case_studies/temporary_strong_points_barrow.html'>Temporary Strong Points, Barrow</a></li>\
       		<li><a href='/sheet_piling_case_studies/lyme_valley_cofferdam.html'>Storage Tank Shaft Cofferdam</a></li>\
    		</ul>\
      <div class='sub-sub-shadow' style='height: 25px;'>\
		    </div>      </li>\
		</ul>\
		<div class='sub-shadow' style='height: 120px;'>\
		</div></li>\
		<li class='top'><a href='/sheet_piling_downloads/sheet_piling_downloads.html' id='navhead-downloads'><span>Downloads</span></a>\
		<ul class='sub'>\
   		<li><a href='/sheet_piling_downloads/sheet_piling_downloads.html'>PDF Downloads</a></li>\
	 	  <li><a href='/sheet_piling_downloads/sheet_pile_press_videos.html'>Useful Videos</a></li>\
		  <li><a href='/sheet_piling_downloads/useful_sheet_piling_links.html'>Useful Links</a></li>\
		</ul>\
		<div class='sub-shadow' style='height: 70px;'>\
		</div></li>\
		<li class='top'><a href='/contact_sheet_piling_uk.html' id='navhead-contact'><span>Contact</span></a></li>\
\
	</ul>\
 ";
 
 document.write(SPnavemenu);


/* This next function is handy bit of Freely distributable code that allows :hover to behave on IE5.5 and IE6  .... */
/* Credits: Stu Nicholls */
/* URL: http://www.stunicholls.com/menu/pro_dropdown_2/stuHover.js */

stuHover = function() {
	var cssRule;
	var newSelector;
	for (var i = 0; i < document.styleSheets.length; i++)
		for (var x = 0; x < document.styleSheets[i].rules.length ; x++)
			{
			cssRule = document.styleSheets[i].rules[x];
			if (cssRule.selectorText.indexOf("LI:hover") >= 0)
			{
				 newSelector = cssRule.selectorText.replace(/LI:hover/gi, "LI.iehover");
				 document.styleSheets[i].addRule(newSelector , cssRule.style.cssText);
			}
		}
	var getElm = document.getElementById("navigation").getElementsByTagName("LI");
	for (var i=0; i<getElm.length; i++) {
		getElm[i].onmouseover=function() {
			this.className+=" iehover";
		}
		getElm[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" iehover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", stuHover);
