<!-- Begin HORIZONTAL CSS DROP MENU VER 1.50 2009

// NOTE: If you use a ' add a slash before it like this \'

// USE lowercase FOR ALL OPTIONS ONLY


var showtop		= "no"		//  SHOW TOP MENU IMAGE
var showimage		= "no"		//  SHOW BOTTOM MENU IMAGE


document.write('<div id="menulocation" class="printhide">');
   if (showtop == "yes") {
document.write('<img src="picts/menu-top.jpg" width="150" height="125" class="menutop"></a><br>');
}
document.write('<table cellpadding="0" cellspacing="0" border="0" width="150"><tr><td class="topmargin">');
document.write('<ul id="top-nav">');




// START MENU LINKS - EDIT BELOW THIS AREA




document.write('  <li class="menuT"><a href="OPTIONAL-index-1.html">Home</a></li>');




// MENU SEPARATOR 1
document.write('<li class="menuseparator"></li>');






document.write('  <li class="menuT"><a href="about.htm" class="parentM">About Us</a>'); 
document.write('    <ul id="sub-nav">');
document.write('      <li><a href="about.htm">About Us</a></li>');
document.write('      <li><a href="philosophy.htm">Our Philosophy</a></li>');
document.write('      <li><a href="testimonials.htm">Client Testimonials</a></li>');
document.write('      <li><a href="privacy.htm">Privacy Policy</a></li>');
document.write('      <li><a href="site_map.htm">Site Map</a></li>');
document.write('    </ul>');
document.write('  </li>');






document.write('  <li class="menuT"><a href="technology.htm" class="parentM">How it works</a>');
document.write('    <ul id="sub-nav">');
document.write('      <li><a href="technology.htm">How it works</a></li>');
document.write('      <li><a href="benefits.htm">Benefits</a></li>');
document.write('      <li><a href="compare.htm">How we compare</a></li>');
document.write('      <li><a href="PDFtech.htm">Brochure Downloads</a></li>');
document.write('    </ul>');
document.write('  </li>');






document.write('  <li class="menuT"><a href="techreq.htm" class="parentM">Technical Support</a>');
document.write('    <ul id="sub-nav">');
document.write('      <li><a href="techreq.htm">Requirements</a></li>');
document.write('      <li><a href="install.htm">Getting Started</a></li>');
document.write('      <li><a href="faq.htm">FAQ</a></li>');
document.write('      <li><a href="PDFsupport.htm">Supporting Documents</a></li>');
document.write('    </ul>');
document.write('  </li>');






document.write('  <li class="menuT"><a href="links.htm" class="parentM">Science Resources</a>');
document.write('    <ul id="sub-nav">');
document.write('      <li><a href="links.htm">Scientific Research Links</a></li>');
document.write('    </ul>');
document.write('  </li>');






document.write('  <li class="menuT"><a href="quotes.htm" class="parentM">Quote me now</a>');
document.write('    <ul id="sub-nav">');
document.write('      <li><a href="quotes.htm">Quotes</a></li>');
document.write('  <li class="menuT"><a href="contact.htm">Contact</a></li>');
document.write('    </ul>');
document.write('  </li>');






// MENU SEPARATOR 2
document.write('<li class="menuseparator"></li>');






document.write('  <li class="menuT"><a href="poolsindex.htm" class="parentM">Pool Products</a>');
document.write('    <ul id="sub-nav">');
document.write('      <li><a href="poolsindex.htm">Pool Products</a></li>');
document.write('      <li><a href="Dom_Products.htm">Domestic Pools</a></li>');
document.write('      <li><a href="Com_Product.htm">Commercial Pools</a></li>');
document.write('      <li><a href="Hydro_Products.htm">Hydrotherapy &amp; Spas</a></li>');
document.write('      <li><a href="Wfeature_Products.htm">Waterfeatures</a></li>');
document.write('      <li><a href="Koi_Products.htm">Koi Ponds</a></li>');
document.write('    </ul>');
document.write('  </li>');






document.write('  <li class="menuT"><a href="DwaterIndex.htm" class="parentM">Drinking Water Systems</a>');
document.write('    <ul id="sub-nav">');
document.write('      <li><a href="DwaterIndex.htm">Drinking Water Products</a></li>');
document.write('      <li><a href="ECOFUSION.htm">Whole Household</a></li>');
document.write('      <li><a href="Comm_Drink.htm">Commercial</a></li>');
document.write('    </ul>');
document.write('  </li>');






document.write('  <li class="menuT"><a href="Installations.htm" class="parentM">Installations</a>');
document.write('    <ul id="sub-nav">');
document.write('      <li><a href="Installations.htm">Gallery 1</a></li>');
document.write('      <li><a href="Installations2.htm">Gallery 2</a></li>');
document.write('      <li><a href="Installations3.htm">Gallery 3</a></li>');
document.write('      <li><a href="Installations4.htm">Gallery 4</a></li>');
document.write('      <li><a href="Installations5.htm">Gallery 4</a></li>');
document.write('      <li><a href="slideshow.htm">Installations Slideshow</a></li>');
document.write('    </ul>');
document.write('  </li>');






document.write('  <li class="menuT"><a href="videos.htm" class="parentM">Video/Media</a>');
document.write('    <ul id="sub-nav">');
document.write('      <li><a href="videos.htm">Videos</a></li>');
document.write('      <li><a href="slideshow.htm">Image Slideshow</a></li>');
document.write('    </ul>');
document.write('  </li>');




document.write('  <li class="menuT"><a href="contact.htm">Contact</a></li>');




// MENU SEPARATOR 3
document.write('<li class="menuseparator"></li>');






// END LINKS //



document.write('</ul>');
document.write('</td></tr><tr><td align="center">');




// START MENU IMAGE


   if (showimage == "yes") {
document.write('<br><br><a href="OPTIONAL-index-1.html"><img src="picts/menu-image.jpg" width="150" height="75" border="0" class="borders-menuimage"></a><br><br><br>');
}






document.write('</td></tr></table>');
document.write('</div>');




//  End -->




// COPYRIGHT 2010 © e-clear 
// Unauthorized use or sale of this script is strictly prohibited by law

// YOU DO NOT NEED TO EDIT BELOW THIS LINE









function IEHoverPseudo() {

	var navItems = document.getElementById("top-nav").getElementsByTagName("li");
	
	for (var i=0; i<navItems.length; i++) {
		if(navItems[i].className == "menuT") {
			navItems[i].onmouseover=function() { this.className += " over"; }
			navItems[i].onmouseout=function() { this.className = "menuT"; }
		}
	}

}
window.onload = IEHoverPseudo;
