/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

//Contents for menu 1
var menu1=new Array()
menu1[0]='<a class="ProductNavText" href="cbneutrallube.htm">ChemBrite Neutral Lubricant</a>'
menu1[1]='<a class="ProductNavText" href="cbpog.htm">ChemBrite P.O.G.</a>'
menu1[2]='<a class="ProductNavText" href="cbsprayspotter.htm">ChemBrite Spray Spotter</a>'
menu1[3]='<a class="ProductNavText" href="cbboilertreatment.htm">ChemBrite Boiler Treatment</a>'
menu1[4]='<a class="ProductNavText" href="chemcharge.htm">ChemCharge</a>'
menu1[5]='<a class="ProductNavText" href="chemklean.htm">ChemKlean</a>'
menu1[6]='<a class="ProductNavText" href="chemdri.htm">ChemDri</a>'
menu1[7]='<a class="ProductNavText" href="chemduo.htm">ChemDuo</a>'
menu1[8]='<a class="ProductNavText" href="chempro.htm">ChemPro</a>'
menu1[9]='<a class="ProductNavText" href="chemsize.htm">ChemSize</a>'
menu1[10]='<a class="ProductNavText" href="chemsoft.htm">ChemSoft</a>'
menu1[11]='<a class="ProductNavText" href="chemtan.htm">ChemTan</a>'
menu1[12]='<a class="ProductNavText" href="chemterge.htm">ChemTerge</a>'
menu1[13]='<a class="ProductNavText" href="chemtex.htm">ChemTex</a>'
menu1[14]='<a class="ProductNavText" href="cbaquapog.htm">ChemBrite Aqua P.O.G.</a>'
menu1[15]='<a class="ProductNavText" href="cbsilkluster.htm">ChemBrite Silk Luster</a>'
menu1[16]='<a class="ProductNavText" href="chemionic.htm">ChemIonic</a>'
menu1[17]='<a class="ProductNavText" href="chemplete.htm">ChemPlete</a>'
menu1[18]='<a class="ProductNavText" href="cbsilkspotter.htm">ChemBrite Silk Spotter</a>'

//Contents for menu 2, and so on
		
var menuwidth='170px' //default menu width
var menubgcolor='#FFE06C'  //menu bgcolor
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'products_button\',\'\',\'images/interface_slcs/CB_Nv_Products_ovr.gif\',1)"><div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div></div>')

function getposOffset(what, offsettype){
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
	while (parentEl!=null){
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
	return totaloffset;
}

function showhide(obj, e, visible, hidden, menuwidth){
	if (ie4||ns6)
		dropmenuobj.style.left=dropmenuobj.style.top="-500px"
	if (menuwidth!=""){
		dropmenuobj.widthobj=dropmenuobj.style
		dropmenuobj.widthobj.width=menuwidth
	}
	if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
		obj.visibility=visible
	else if (e.type=="click")
		obj.visibility=hidden
}

function iecompattest(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
	var edgeoffset=0
	if (whichedge=="rightedge"){
		var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
		dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
		if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
			edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
	} else {
		var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
		var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
		dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
		if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
			edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
			if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
				edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
		}
	}
	return edgeoffset
}

function populatemenu(what){
	if (ie4||ns6) {
		dropmenuobj.innerHTML=what.join("");
	}
}


function dropdownmenu(obj, e, menucontents, menuwidth){
	if (window.event) {
		event.cancelBubble=true;
	} else if (e.stopPropagation) {
		e.stopPropagation();
	}
	clearhidemenu();
	dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv;
	populatemenu(menucontents);
	if (ie4||ns6){
		showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth);
		dropmenuobj.x=getposOffset(obj, "left");
		dropmenuobj.y=getposOffset(obj, "top");
		dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px";
		dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px";
	}
	
	return clickreturnvalue();
}

function clickreturnvalue(){
	if (ie4||ns6) {
		return false;
	} else {
		return true;
	}
}

function contains_ns6(a, b) {
	while (b.parentNode){
		if ((b = b.parentNode) == a) {
			return true;
		}
		return false;
	}
}

function dynamichide(e){
	if (ie4&&!dropmenuobj.contains(e.toElement)) {
		delayhidemenu();
	} else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget)) {
		delayhidemenu();
	}
}

function hidemenu(e){
	if (typeof dropmenuobj!="undefined"){
		if (ie4||ns6) {
			dropmenuobj.style.visibility="hidden";
		}
	}
}

function delayhidemenu(){
	if (ie4||ns6) {
		delayhide=setTimeout("hidemenu()",disappeardelay);
	}
}
function clearhidemenu(){
	if (typeof delayhide!="undefined") {
		clearTimeout(delayhide);
	}
}
if (hidemenu_onclick=="yes") {document.onclick=hidemenu; }