var isDOM = document.getElementById?1:0; var isIE = document.all?1:0; var isNS4 = (navigator.appName=='Netscape' && !isDOM)?1:0; var isFF = (navigator.appName=='Netscape' && isDOM)?1:0; var isIE4 = (isIE && !isDOM)?1:0; var isDyn = (isDOM||isIE||isNS4); function getRef(id, par) { par = !par ? document : (par.navigator?par.document:par); return (isIE ? par.all[id] : (isDOM ? (par.getElementById?par:par.ownerDocument).getElementById(id) : par.layers[id])); } function getSty(id, par) { return (isNS4 ? getRef(id, par) : getRef(id, par).style) } if (!window.LayerObj) var LayerObj = new Function('id', 'par', 'this.ref=getRef(id, par); this.sty=getSty(id, par); return this'); function getLyr(id, par) { return new LayerObj(id, par) } function LyrFn(fn, fc) { LayerObj.prototype[fn] = new Function('var a=arguments,p=a[0]; with (this) { '+fc+' }'); } LyrFn('x','if (!isNaN(p)) sty.left=p; else return parseInt(sty.left)'); LyrFn('y','if (!isNaN(p)) sty.top=p; else return parseInt(sty.top)'); LyrFn('vis','sty.visibility=p'); LyrFn('bgColor','if (isNS4) sty.bgColor=(p?p:null); ' + 'else sty.background=p?p:"transparent"'); LyrFn('bgImage','if (isNS4) sty.background.src=(p?p:null); ' + 'else sty.background=(p?"url("+p+")":"") '); LyrFn('clip','if (isNS4) with(sty.clip) { left=a[0]; top=a[1]; right=a[2]; bottom=a[3] } ' + 'else sty.clip="rect("+a[1]+"px "+a[2]+"px "+a[3]+"px "+a[0]+"px)" '); LyrFn('write','if (isNS4) with (ref.document) {write(p);close()} else ref.innerHTML=p'); LyrFn('alpha','var f=ref.filters; if (f) {' + 'if (sty.filter.indexOf("alpha")==-1) sty.filter+="alpha()"; ' + 'if (f.length&&f.alpha) f.alpha.opacity=p } else if (isDOM) sty.MozOpacity=(p/100)'); function setLyr(lVis, docW, par) { if (!setLyr.seq) setLyr.seq=0; if (!docW) docW=0; var obj = (!par ? (isNS4 ? window : document.body) : (!isNS4 && par.navigator ? par.document.body : par)); var newID='_js_layer_'+setLyr.seq++; if (isIE&&!window.opera) obj.insertAdjacentHTML('beforeEnd', '
'); else if (isDOM) { var newL=document.createElement('div'); obj.appendChild(newL); newL.id=newID; newL.style.position='absolute'; } else if (isNS4) { var newL=new Layer(docW, obj); newID=newL.id; } var lObj=getLyr(newID, par); with (lObj.sty) { visibility=lVis; left=0; top=0; width=docW } return lObj; } if (!window.page) var page = { win: window, minW: 0, minH: 0, MS: isIE&&!window.opera } page.winW=function() { with (this) return Math.max(minW, MS?win.document.body.clientWidth:win.innerWidth) } page.winH=function() { with (this) return Math.max(minH, MS?win.document.body.clientHeight:win.innerHeight) } page.scrollX=function() { with (this) return MS?win.document.body.scrollLeft:win.pageXOffset } page.scrollY=function() { with (this) return MS?win.document.body.scrollTop:win.pageYOffset } function popOver(mN, iN) { with (this) { clearTimeout(hideTimer); overM = mN; overI = iN; var thisI = menu[mN][iN]; if (iN && this.onmouseover) this.onmouseover(); litOld = litNow; litNow = new Array(); var litM = mN, litI = iN; while(1) { litNow[litM] = litI; if (litM == 'root') break; litI = menu[litM][0].parentItem; litM = menu[litM][0].parentMenu; } var same = true; for (var z in menu) if (litNow[z] != litOld[z]) same = false; if (same) return; for (thisM in menu) with (menu[thisM][0]) { if (!lyr) continue; litI = litNow[thisM]; oldI = litOld[thisM]; if (litI && (litI != oldI)) changeCol(thisM, litI, true); if (oldI && (oldI != litI)) changeCol(thisM, oldI, false); if (litI && !visNow && (thisM != 'root')) { showMenu(thisM); visNow = true; } if (isNaN(litI) && visNow) { hideMenu(thisM); visNow = false; } } clearTimeout(showTimer); nextMenu = ''; if (thisI.type == 'sm:') { var targ = thisI.href, lyrM = menu[mN][0].lyr; with (menu[targ][0]) { if (!lyr || !lyr.ref) return; lyr.x(eval(offX) + (typeof(offX)=='number' ? lyrM.x() + thisI.lyr.x() : 0)); lyr.y(eval(offY) + (typeof(offY)=='number' ? lyrM.y() + thisI.lyr.y() : 0)); showStr = myName + '.showMenu("' + targ + '"); ' + myName + '.menu.' + targ + '[0].visNow = true'; nextMenu = targ; if (showDelay) showTimer = setTimeout(showStr, showDelay); else eval(showStr); } } }} function popChangeCol(mN, iN, isOver) { with (this.menu[mN][iN]) { var col = isOver ? overCol : outCol; if (col.indexOf('.') == -1) lyr.bgColor(col); else lyr.bgImage(col); var doFX = ((overClass != outClass) || (outBorder != overBorder)); if (doFX && isNS4) lyr.write(this.getHTML(mN, iN, isOver)); else if (doFX) with (lyr) { ref.className = (isOver ? overBorder : outBorder); var chl = (isDOM ? ref.childNodes : ref.children) if (chl) for (var i = 0; i < chl.length; i++) chl[i].className = (isOver ? overClass : outClass); } if (typeof(outAlpha)=='number') lyr.alpha(isOver ? overAlpha : outAlpha); }} function popOut(mN, iN) { with (this) { if ((mN != overM) || (iN != overI)) return; if (this.onmouseout) this.onmouseout(); var thisI = menu[mN][iN]; if (thisI.href != nextMenu) clearTimeout(showTimer); if (hideDelay) { var delay = ((mN == 'root') && (thisI.type != 'sm:')) ? 50 : hideDelay; hideTimer = setTimeout(myName + '.over("root", 0)', delay); } overM = 'root'; overI = 0; }} function popClick(evt) { with (this) { if (overI) { if (this.onclick) this.onclick(); var thisI = menu[overM][overI]; with (thisI) switch (type) { case 'sm:': return; case 'js:': { eval(href); break } case '': type = 'window'; default: if (href) eval(type + '.location.href = "' + href + '"'); } } over('root', 0); }} function popClearLyr(wN) { with (this) { for (mN in menu) with (menu[mN][0]) if (par == wN) lyr = null; }} function addProps(obj, data, names, addNull) { for (var i = 0; i < names.length; i++) if(i < data.length || addNull) obj[names[i]] = data[i]; } function ItemStyle() { var names = ['len', 'spacing', 'popInd', 'popPos', 'pad', 'outCol', 'overCol', 'outClass', 'overClass', 'outBorder', 'overBorder', 'outAlpha', 'overAlpha']; addProps(this, arguments, names, true); } function popStartMenu(mName) { with (this) { if (!menu[mName]) { menu[mName] = new Array(); menu[mName][0] = new Object(); } actMenu = mName; menu[mName].length = 1; nextItem = 1; var aM = menu[mName][0]; var names = ['isVert', 'isVert', 'offX','offY', 'width', 'itemSty', 'par', 'parentMenu', 'parentItem', 'visNow', 'menuW', 'menuH']; addProps(aM, arguments, names, true); if (!aM.lyr) aM.lyr = null; }} function popAddItem() { with (this) { var aI = menu[actMenu][nextItem++] = new Object(); var names = ['text', 'href', 'type', 'itemSty', 'len', 'spacing', 'popInd', 'popPos', 'pad', 'outCol', 'overCol', 'outClass', 'overClass', 'outBorder', 'overBorder', 'outAlpha', 'overAlpha', 'iW', 'iH', 'lyr']; addProps(aI, arguments, names, true); var iSty = (arguments[3] ? arguments[3] : menu[actMenu][0].itemSty); for (prop in iSty) if (aI[prop] == window.UnDeFiNeD) aI[prop] = iSty[prop]; if (aI.outBorder) { if (isNS4) aI.pad++; } }} function popGetHTML(mN, iN, isOver) { with (this) { var itemStr = ''; with (menu[mN][iN]) { var textClass = (isOver ? overClass : outClass); if ((type == 'sm:') && popInd) { if (isNS4) itemStr += '' + popInd + ''; else itemStr += '
' + popInd + '
'; } if (isNS4) itemStr += (outBorder ? '' : '') + '' + text + ''; else itemStr += '
' + text + '
'; } return itemStr; }} function popUpdate(docWrite, upMN) { with (this) { if (!isDyn) return; for (mN in menu) with (menu[mN][0]) { if (upMN && (upMN != mN)) continue; var str = '', iX = 0, iY = 0; for (var iN = 1; iN < menu[mN].length; iN++) with (menu[mN][iN]) { var itemID = myName + '_' + mN + '_' + iN; var targM = menu[href]; if (targM && (type == 'sm:')) { targM[0].parentMenu = mN; targM[0].parentItem = iN; } var shrink = (outBorder && ((isDOM && !isIE) || window.opera) ? 2 : 0) iW = (isVert ? width : len) - shrink; iH = (isVert ? len : width) - shrink; var isImg = (outCol.indexOf('.') != -1) ? true : false; if (isDOM || isIE4) { str += '
' + getHTML(mN, iN, false) + (isNS4 ? '' : '
'); var spc = (outBorder ? 1 : 0) if (isVert) iY += len + spacing - spc; else iX += len + spacing - spc; } menuW = isVert ? width : iX; menuH = isVert ? iY : width; var eP = eval(par); setTimeout(myName + '.setupRef("' + mN + '")', 50); if (docWrite) { var targFr = (eP && eP.navigator ? eP : window); targFr.document.write('
' + str + '
'); } else { if (!lyr) lyr = setLyr('hidden', menuW, eP); else if (isIE4) setTimeout(myName + '.menu.' + mN + '[0].lyr.sty.width=' + (menuW+2), 50); with (lyr) { sty.zIndex = 1000; write(str) } } } }} function popSetupRef(mN) { with (this) with (menu[mN][0]) { if (!lyr || !lyr.ref) lyr = getLyr(myName + '_' + mN + '_Div', eval(par)); for (var i = 1; i < menu[mN].length; i++) menu[mN][i].lyr = getLyr(myName + '_' + mN + '_' + i, lyr.ref); if (mN == 'root') { position(); lyr.vis('visible'); } }} function popPosition(wN) { with (this) { for (mN in menu) if (!wN || menu[mN][0].par == wN) with (menu[mN][0]) { if (!lyr || !lyr.ref) continue; if (typeof(offX)!='number' || mN=='root') lyr.x(eval(offX)); if (typeof(offY)!='number' || mN=='root') lyr.y(eval(offY)); } }} function PopupMenu(myName) { this.myName = myName; this.showTimer = 0; this.hideTimer = 0; this.showDelay = 50; this.hideDelay = 100; this.showMenu = ''; this.menu = new Array(); this.litNow = new Array(); this.litOld = new Array(); this.overM = 'root'; this.overI = 0; this.actMenu = ''; this.nextItem = 1; this.over = popOver; this.changeCol = popChangeCol; this.out = popOut; this.click = popClick; this.clearLyr = popClearLyr; this.startMenu = popStartMenu; this.addItem = popAddItem; this.getHTML = popGetHTML; this.update = popUpdate; this.setupRef = popSetupRef; this.position = popPosition; this.showMenu = function(mName) { this.menu[mName][0].lyr.vis('visible') } this.hideMenu = function(mName) { this.menu[mName][0].lyr.vis('hidden') } } //var hBar = new ItemStyle(102, 10, '', 0, 0, '/menu/images/empty_products.gif', '/menu/images/hov_products.gif', 'itemText', 'itemText', '', '', null, null); /* 'len', 'spacing', 'popInd', 'popPos', 'pad', 'outCol', 'overCol', 'outClass', 'overClass', 'outBorder', 'overBorder', 'outAlpha', 'overAlpha' */ //var hBarProducts = new ItemStyle( 102, 10, '', 0, 0, 'blue', 'black', 'itemText', 'itemText', '', '', null, null ); //var hBarProducts = new ItemStyle(30, 0, '', 0, 0, '#FBF5E5', '#FFFFFF', 'highText', 'lowText', '', '', null, null, 'hand', 'default'); var hBarProducts = new ItemStyle(50, 0, '', 0, 0, '', '', 'mainnav', 'mainnav', '', '', null, null, 'hand', 'default'); var subM = new ItemStyle(22, 0, '>', 2, 3, '#006699', '#003366', 'mainnav', 'mainnav_over', 'itemBorder', 'itemBorder', null, null, 'hand', 'default'); var pMenu = new PopupMenu('pMenu'); with (pMenu) { // onMouseOver="imgOn( 'MainPage_Consumer' );" // onMouseOut="imgOff( 'MainPage_Consumer' );" //startMenu('root', false, 'CenterIt()', 'TopOfMenu()', 22, hBarProducts); //startMenu('root', false, 510, 'TopOfMenu()', 23, hBarProducts); //startMenu('root', false, '375', 'TopOfMenu()', 30, hBarProducts); startMenu('root', false, 'CenterIt()', 'TopOfMenu()', 30, hBarProducts); addItem('Filterstream Products', 'mProducts','sm:', null, 100); addItem('Filterstream Accessories', 'mAccessories','sm:', null, 125); addItem('Company information', 'mCompany','sm:', null, 100); addItem('Filterstream Customer Service', 'mSupport','sm:', null, 100); var subm_width=110; // Width of sub menus var submAcc_width=190; var submSup_width=150; var submCo_width=125; var subm_spacing=0; // Dist right from the first level of menus var subm_down=31; // Dist down to put the first level of menus startMenu('mProducts', true, subm_spacing, subm_down, subm_width, subM); addItem('DirtTamer', '/international/index.php?p=products&do=showfamily&id=5', '', subM, 20); addItem('DustTamer', '/international/index.php?p=products&do=showfamily&id=6', '', subM, 20); addItem('AirTamer', '/international/index.php?p=products&do=showfamily&id=7', '', subM, 20); startMenu('mAccessories', true, subm_spacing, subm_down, submAcc_width, subM); addItem('HEPA Filters', '/international/index.php?p=accessories&do=showcategory&id=8', '', subM, 20); addItem('Foam Filter', '/international/index.php?p=accessories&do=showcategory&id=10', '', subM, 20); addItem('Battery Pack', '/international/index.php?p=accessories&do=showcategory&id=9', '', subM, 20); addItem('Dust Wands', '/international/index.php?p=accessories&do=showcategory&id=11', '', subM, 20); addItem('Roller Brush Cleaning Attachment', '/international/index.php?p=accessories&do=showcategory&id=12', '', subM, 20); startMenu('mCompany', true, subm_spacing, subm_down, submCo_width, subM); addItem('About Us', '/international/index.php?p=company&s=about', '', subM, 20); addItem('Our Products', '/international/index.php?p=company&s=product', '', subM, 20); addItem('Industry Reviews', '/international/index.php?p=company&s=reviews', '', subM, 20); // addItem('Newsletter', '/international/index.php?p=company&s=news', '', subM, 20); addItem('Legal', '/international/index.php?p=company&s=legal', '', subM, 20); startMenu('mSupport', true, subm_spacing, subm_down, submSup_width, subM); addItem('Customer Service', '/international/index.php?p=support&s=service', '', subM, 20); // addItem('Spare Parts', '/international/index.php?p=support&s=spare', '', subM, 20); addItem('Instruction Manuals', '/international/index.php?p=support&s=instruction', '', subM, 20); addItem('Product Registration', '/international/index.php?p=support&s=registration', '', subM, 20); addItem('Warranty Information', '/international/index.php?p=support&s=warranty', '', subM, 20); addItem('Site Map', '/international/index.php?p=support&s=map', '', subM, 20); addItem('Order Tracking', '/international/index.php?p=support&s=tracking', '', subM, 20); } if (!isNS4) { pMenu.update(true); } else { var popOldOL = window.onload; window.onload = function() { if (popOldOL) popOldOL(); pMenu.update(); } } window.onresize = function() { ns4BugCheck(); pMenu.position(); } window.onscroll = function() { pMenu.position(); } if (isNS4) document.captureEvents(Event.CLICK); document.onclick = function(evt) { pMenu.click(); if (isNS4) return document.routeEvent(evt); } var nsWinW = window.innerWidth, nsWinH = window.innerHeight; function ns4BugCheck() { if (isNS4 && (nsWinW!=innerWidth || nsWinH!=innerHeight)) location.reload() } if (!isIE || window.opera) { var nsPX=pageXOffset, nsPY=pageYOffset; setInterval('if (nsPX!=pageXOffset || nsPY!=pageYOffset) ' + '{ nsPX=pageXOffset; nsPY=pageYOffset; window.onscroll() }', 50); } function menuClip(menuObj, menuName, dir) { var mD = menuObj.menu[menuName][0]; if (!mD.timer) mD.timer = 0; if (!mD.counter) mD.counter = 0; with (mD) { clearTimeout(timer); if (!lyr || !lyr.ref) return; if (dir==1) lyr.vis('visible'); lyr.sty.zIndex = 1001 + dir; lyr.clip(0, 0, menuW+2, (menuH+2)*Math.pow(Math.sin(Math.PI*counter/20),0.75) ); counter += dir; if (counter==11) { counter = 10; if (isDOM&&!isIE) lyr.sty.clip='' } else if (counter<0) { counter = 0; lyr.vis('hidden') } else timer = setTimeout(menuObj.myName+'.'+(dir==1?'show':'hide')+'Menu("'+menuName+'")', 40); } } if (!window.opera) { pMenu.showMenu = new Function('mN','menuClip(pMenu, mN, 1)'); pMenu.hideMenu = new Function('mN','menuClip(pMenu, mN, -1)'); } pMenu.onclick = function() { with (this) { if (overM == 'root' && overI == 1) location.href = '/international/index.php?p=products'; if (overM == 'root' && overI == 2) location.href = '/international/index.php?p=accessories'; if (overM == 'root' && overI == 3) location.href = '/international/index.php?p=company'; if (overM == 'root' && overI == 4) location.href = '/international/index.php?p=support'; // if (overM == 'root' && overI == 5) location.href = '/partners'; // if (overM == 'root' && overI == 6) location.href = '/library'; // if (overM == 'root' && overI == 7) location.href = '/about'; }} function TopOfMenu() { var retTop = 86; if(isNS4){ retTop= 0; } return retTop; } function CenterIt() { var WinWid = page.winW()/2; var retPos = WinWid - 25; if(isFF) { retPos = WinWid-35; } if(isNS4) { retPos = WinWid - 65; } if (retPos <375) { retPos = 375; } return retPos; } /* pMenu.onmouseover = function() { with (this) { with (menu[overM][overI]) if (!type) status = href; }} pMenu.onmouseout = function() { status = '' } function moveRoot() { with (pMenu.menu.root[0].lyr) x( (x()<100) ? 100 : 10); } */