Библиотека Javascript. SE@RCHER

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Меню вертикальное открывается с анимационным эффектом при наведении на линк. Меню имеет подменю</title> <script type="text/javascript" > var buildDir = ""; var ie4 = false, ie5_mac = false, ie55 = false; var nn4 = false, dom = false, opera = false, safari = false; var agent = navigator.userAgent.toLowerCase(); if (agent.indexOf("opera") != -1) opera = true; else if (agent.indexOf("safari") != -1) safari = true; else if (document.all) { var version = parseFloat(agent.substr(agent.indexOf("msie")+5, 3)); if (agent.indexOf("mac") != -1 && version >= 5) ie5_mac = true; else { if (version >= 5.5) ie55 = true; else if (version >= 4) ie4 = true; } } //else if (document.layers) else if (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4 && parseInt(navigator.appVersion) < 5) nn4 = true; else if (document.getElementById) dom = true; var blank = new Image(); blank.src = buildDir + "blank.gif"; </script> <script type="text/javascript"> function init() { //Main Menu items: menus[0] = new menu(22, "horizontal", 160, 10, -2, -2, "#CACAFF", "#0000A0", "Verdana,Helvetica", 9, "bold", "bold", "black", "white", 1, "gray", 2, "rollover:images/tri-down1.gif:images/tri-down2.gif", false, true, true, true, 12, true, 4, 4, "black"); //////////////////////////////////////////////////////////////// menus[0].addItem("http://www.dynamicdrive.com", "", 100, "center", "Home", 0); menus[0].addItem("#", "", 120, "center", "Линк-меню", 2); //////////////////////////////////////////////////////////////// menus[0].addItem("#", "", 100, "center", "News", 2); //////////////////////////////////////////////////////////////// menus[0].addItem("#", "", 110, "center", "Search", 4); //Sub Menu for 2nd Main Menu Item ("web building"): menus[1] = new menu(135, "vertical", 0, 0, -5, -5, "#CACAFF", "#0000A0", "Verdana,Helvetica", 9, "bold", "bold", "black", "white", 1, "gray", 2, 62, false, true, false, true, 6, true, 4, 4, "black"); menus[1].addItem("http://www.dynamicdrive.com", "", 22, "left", "Dynamic Drive", 0); menus[1].addItem("http://www.javascriptkit.com", "", 22, "left", "JavaScript Kit", 0); menus[1].addItem("http://www.codingforums.com", "", 22, "left", "Coding Forums", 0); menus[1].addItem("http://www.builder.com", "NEWWIN", 22, "left", "Builder.com", 0); //Sub Menu for 3rd Main Menu Item ("News"): menus[2] = new menu(130, "vertical", 0, 0, 0, 0, "#CACAFF", "#0000A0", "Verdana,Helvetica", 9, "bold", "bold", "black", "white", 1, "gray", 2, "rollover:images/tri-right1.gif:images/tri-right2.gif", false, true, false, false, 0, true, 4, 4, "black"); menus[2].addItem("http://www.cnn.com", "", 22, "left", "CNN", 0); menus[2].addItem("http://www.msnbc.com", "", 22, "left", "MSNBC", 0); menus[2].addItem("http://news.bbc.co.uk", "", 22, "left", "BBC News", 0); menus[2].addItem("http://www.cbsnews.com", "", 22, "left", "Sports News", 3); //Sub Menu for Sub Menu "Sports News": menus[3] = new menu(135, "vertical", 0, 0, 0, 0, "#E1E1E1", "black", "Verdana,Helvetica", 9, "bold", "bold", "black", "white", 1, "gray", 2, 62, false, true, false, false, 0, true, 4, 4, "black"); menus[3].addItem("http://www.espn.com", "", 22, "left", "ESPN Sports", 0); menus[3].addItem("http://www.nba.com", "", 22, "left", "NBA", 0); //Sub Menu for 4th Main Menu Item ("Search"): //////////////////////////////////////////////////////////////// menus[2] = new menu(130, "vertical", 0, 0, 0, 0, "#CACAFF", "#0000A0", "Verdana,Helvetica", 9, "bold", "bold", "black", "white", 1, "gray", 2, ">>", false, true, false, false, 0, true, 4, 4, "black"); //////////////////////////////////////////////////////////////// menus[2].addItem("http://www.google.com", "", 22, "left", "Google", 0); //////////////////////////////////////////////////////////////// menus[2].addItem("http://www.yahoo.com", "", 22, "left", "Yahoo", 0); //////////////////////////////////////////////////////////////// menus[2].addItem("http://www.altavista.com", "", 22, "left", "AlltheWeb", 0); //////////////////////////////////////////////////////////////// menus[2].addItem("javascript:alert('hi')", "", 22, "left", "Teoma", 0); } //OUTER CLOSING BRACKET. EVERYTHING ADDED MUST BE ABOVE THIS LINE. </script> </head> <body onload="init()"> <script type="text/javascript" > var docType = (document.compatMode && document.compatMode == "CSS1Compat"); function menu(size, orientation, x, y, offsetX, offsetY, bgOut, bgOver, fontFace, fontSize, fontStyleOut, fontStyleOver, textColorOut, textColorOver, borderSize, borderColor, margin, showChar, showOnClick, sepItems, isMainMenu, hasAnimations, animationType, hasShadow, sOffX, sOffY, shadowColor) { for (var i=0; i<arguments.length; i++) if (typeof(arguments[i]) == "string") arguments[i] = arguments[i].toLowerCase(); this.size = size; this.orientation = orientation; this.offsetX = offsetX; this.offsetY = offsetY; this.bgOut = bgOut; this.bgOver = bgOver; this.fontFace = fontFace; this.fontSize = fontSize; this.fontStyleOut = fontStyleOut; this.fontStyleOver = fontStyleOver; this.textColorOut = textColorOut; this.textColorOver = textColorOver; this.borderSize = borderSize; this.margin = margin; this.showChar = showChar; this.showOnClick = showOnClick; this.sepItems = sepItems; this.isMainMenu = isMainMenu; this.hasAnimations = hasAnimations; this.animationType = animationType; this.hasShadow = hasShadow; this.sOffX = sOffX; this.sOffY = sOffY; this.shadowColor = shadowColor; this.position = borderSize; this.addSeparator = separator; this.addItem = item; this.debug = debug; this.floatMenu = floatMenu; this.items = new Array(); this.activeItems = new Array(); this.animate = true; this.docMargin = docType ? margin : 0; this.main = document.createElement("div"); document.body.appendChild(this.main); this.main.style.backgroundColor = borderColor; this.main.style.position = "absolute"; this.main.style.left = x; this.main.style.top = y; this.main.style.zIndex = 1001 + menus.length; if (orientation == "horizontal") { this.main.style.height = size; if (sepItems) this.main.style.width = borderSize; else this.main.style.width = borderSize*2; } else { if (sepItems) this.main.style.height = borderSize; else this.main.style.height = borderSize*2; this.main.style.width = size; } if (isMainMenu) this.main.style.visibility = "visible"; else this.main.style.visibility = "hidden"; this.main.onmouseover = new Function("keepOpen();"); this.main.onmouseout = new Function("hide();"); if (this.hasShadow) { this.shadow = document.createElement("div"); this.shadow.style.backgroundColor = shadowColor; this.shadow.style.position = "absolute"; this.shadow.style.left = x + sOffX; this.shadow.style.top = y + sOffY; this.shadow.style.zIndex = 1000 + menus.length; this.shadow.style.height = this.main.style.height; this.shadow.style.width = this.main.style.width; if (isMainMenu) this.shadow.style.visibility = "visible"; else this.shadow.style.visibility = "hidden"; document.body.appendChild(this.shadow); this.siframe = createIFrame(this, true); } this.iframe = createIFrame(this, false); } function separator(sSize, sColor) { if (!this.sepItems) { var temp = document.createElement("div"); temp.style.backgroundColor = sColor; temp.style.padding = 0; temp.style.position = "absolute"; if (this.orientation == "horizontal") { temp.style.height = this.size - this.borderSize*2; temp.style.width = sSize; temp.style.left = this.position; temp.style.top = this.borderSize; } else { temp.style.height = sSize; temp.style.width = this.size - this.borderSize*2; temp.style.left = this.borderSize; temp.style.top = this.position; } var filler = document.createElement("img"); filler.src = blank.src; filler.height = temp.style.pixelHeight; filler.width = temp.style.pixelWidth; temp.appendChild(filler); this.main.appendChild(temp); temp.style.visibility = "inherit"; if (this.orientation == "horizontal") this.main.style.width = this.main.offsetWidth + sSize; else this.main.style.height = this.main.offsetHeight + sSize; this.position += sSize; this.iframe.style.height = this.main.offsetHeight; this.iframe.style.width = this.main.offsetWidth; if (this.hasShadow) { this.shadow.style.height = this.main.style.height; this.shadow.style.width = this.main.style.width; this.siframe.style.height = this.main.offsetHeight; this.siframe.style.width = this.main.offsetWidth; } } } function item(link, target, iSize, alignment, content, menuToShow) { alignment = alignment.toLowerCase(); var temp = document.createElement("div"); this.main.appendChild(temp); if (this.orientation == "horizontal") { temp.style.height = this.size - this.borderSize*2; temp.style.width = iSize; } else { temp.style.height = iSize; temp.style.width = this.size - this.borderSize*2; } if (this.bgOut.indexOf("img:") != -1) temp.style.background = "url(" + this.bgOut.substr(4) + ")"; else temp.style.backgroundColor = this.bgOut; //temp.style.paddingLeft = this.margin; //temp.style.paddingTop = this.margin; temp.style.padding = 0; temp.style.position = "absolute"; if (this.orientation == "horizontal") { temp.style.left = this.position; temp.style.top = this.borderSize; } else { temp.style.left = this.borderSize; temp.style.top = this.position; } var fontTag = document.createElement("font"); fontTag.face = this.fontFace; fontTag.color = this.textColorOut; fontTag.style.fontSize = this.fontSize + "pt"; if (this.fontStyleOut.indexOf("bold") != -1) fontTag.style.fontWeight = "bold"; else if (this.fontStyleOut.indexOf("italic") != -1) fontTag.style.fontStyle = "italic"; else if (this.fontStyleOut.indexOf("underline") != -1) fontTag.style.textDecoration = "underline"; var showMenuFunction; if (menuToShow != 0) showMenuFunction = "showMenu(" + menuToShow + ", " + (menus.length - 1) + ", " + (this.items.length) + ", " + this.offsetX + ", " + this.offsetY + ");"; else showMenuFunction = "hideAfter(" + (menus.length-1) + ");"; var tempSize = this.size - this.borderSize*2; if (this.orientation == "horizontal") tempSize = iSize; else tempSize = this.size - this.borderSize*2; if (!isNaN(this.showChar)) this.showChar = String.fromCharCode(this.showChar); var showCharOver, showCharOut; var showCharOverParam = "none", showCharOutParam = "none"; if (this.showChar.indexOf("rollover:") != -1) { var showCharArray = this.showChar.split(":"); showCharOut = document.createElement("img"); showCharOut.src = showCharArray[1]; showCharOut.border = 0; showCharOverParam = showCharArray[2]; showCharOutParam = showCharArray[1]; } else showCharOut = document.createTextNode(this.showChar); var charFontTag = fontTag.cloneNode(true); if (menuToShow != 0) charFontTag.appendChild(showCharOut); else { showCharOverParam = "none"; showCharOutParam = "none"; charFontTag.innerHTML = " "; } var contentFunctionOver = "", contentFunctionOut = ""; var contentArray; var rollover; if (content.indexOf("rollover:") != -1) { contentArray = content.split(":"); content = document.createElement("img"); content.src = contentArray[1]; content.border = 0; margin = 0; this.docMargin = 0; temp.style.padding = 0; rollout = contentArray[1]; rollover = contentArray[2]; } var table = document.createElement("table"); var tbody = document.createElement("tbody"); var row = document.createElement("tr"); var cell1 = document.createElement("td"); var cell2 = cell1.cloneNode(false); table.border = 0; table.cellPadding = 0; table.cellSpacing = 0; table.width = tempSize - this.margin*2; temp.appendChild(table); table.appendChild(tbody); tbody.appendChild(row); if (content.src) fontTag.appendChild(content); else fontTag.innerHTML = content; cell1.align = alignment; if (content.src || this.showChar == "" || this.showChar == 0) cell1.width = "100%"; else cell1.width = "80%"; cell1.style.paddingLeft = this.margin; cell1.style.paddingTop = this.margin; row.appendChild(cell1); cell1.appendChild(fontTag); if (!(content.src || this.showChar == "" || this.showChar == 0)) { cell2.align = "right"; cell2.width = "20%"; cell2.style.paddingTop = this.margin; row.appendChild(cell2); cell2.appendChild(charFontTag); } link = link.replace(/[']/g, "\\'"); link = link.replace(/\"/g, "\\'"); if (!content.src) { contentFunctionOver = "html(this, '" + this.bgOver + "', '" + this.textColorOver + "', '" + this.fontStyleOver + "', '" + showCharOverParam + "');"; contentFunctionOut = "html(this, '" + this.bgOut + "', '" + this.textColorOut + "', '" + this.fontStyleOut + "', '" + showCharOutParam + "');"; if (link != "" && link != "#") { contentFunctionOver += "status='" + link + "';"; contentFunctionOut += "status='';"; } } else { contentFunctionOver = "roll(this, '" + rollover + "');"; contentFunctionOut = "roll(this, '" + rollout + "');"; } if (this.showOnClick && menuToShow != 0) temp.onmouseover = new Function("reset(" + (menus.length - 1) + ", " + menuToShow + ");" + contentFunctionOver); else temp.onmouseover = new Function(showMenuFunction + contentFunctionOver); if (menuToShow != 0) { if (!content.src) this.activeItems[this.activeItems.length] = "html(menus[" + (menus.length-1) + "].items[" + this.items.length + "], '" + this.bgOut + "', '" + this.textColorOut + "', '" + this.fontStyleOut + "', '" + showCharOutParam + "');"; else this.activeItems[this.activeItems.length] = "roll(menus[" + (menus.length-1) + "].items[" + this.items.length + "], '" + rollout + "');"; if (link != "" && link != "#") this.activeItems[this.activeItems.length-1] += "status='';"; } else temp.onmouseout = new Function(contentFunctionOut); if (link != "" && link != "#") { if (target != "") temp.onmouseup = new Function("window.open('" + link + "', '" + target + "');"); else temp.onmouseup = new Function("location.href = '" + link + "';"); } if (this.showOnClick && menuToShow != 0) temp.onmouseup = new Function(showMenuFunction + contentFunctionOver); temp.style.visibility = "inherit"; if (this.sepItems) { if (this.orientation == "horizontal") this.main.style.width = this.main.offsetWidth + iSize + this.borderSize; else this.main.style.height = this.main.offsetHeight + iSize + this.borderSize; this.position += iSize + this.borderSize; } else { if (this.orientation == "horizontal") this.main.style.width = this.main.offsetWidth + iSize; else this.main.style.height = this.main.offsetHeight + iSize; this.position += iSize; } this.iframe.style.height = this.main.offsetHeight; this.iframe.style.width = this.main.offsetWidth; if (this.hasShadow) { this.shadow.style.height = this.main.style.height; this.shadow.style.width = this.main.style.width; this.siframe.style.height = this.main.offsetHeight; this.siframe.style.width = this.main.offsetWidth; } this.items[this.items.length] = temp; } function html(element, bgChange, textColor, fontStyle, showCharParam) { if (bgChange.indexOf("img:") != -1) element.style.background = "url(" + bgChange.substr(4) + ")"; else element.style.backgroundColor = bgChange; if (element.onmouseup) element.style.cursor = "hand"; else element.style.cursor = "default"; var isBold = false, isItalic = false, isUnderline = false; if (fontStyle.indexOf("bold") != -1) isBold = true; if (fontStyle.indexOf("italic") != -1) isItalic = true; if (fontStyle.indexOf("underline") != -1) isUnderline = true; if (element.firstChild.tagName == "TABLE") { var mainElement = element.firstChild.firstChild.firstChild.firstChild.firstChild; mainElement.color = textColor; if (isBold) mainElement.style.fontWeight = "bold"; else mainElement.style.fontWeight = "normal"; if (isItalic) mainElement.style.fontStyle = "italic"; else mainElement.style.fontStyle = "normal"; if (isUnderline) mainElement.style.textDecoration = "underline"; else mainElement.style.textDecoration = "none"; var showChar = element.firstChild.firstChild.firstChild.lastChild.firstChild; if (showCharParam != "none") showChar.firstChild.src = showCharParam; else { showChar.color = textColor; if (isBold) showChar.style.fontWeight = "bold"; else showChar.style.fontWeight = "normal"; if (isItalic) showChar.style.fontStyle = "italic"; else showChar.style.fontStyle = "normal"; if (isUnderline) showChar.style.textDecoration = "underline"; else showChar.style.textDecoration = "none"; } } else { var singleElement = element.firstChild; singleElement.color = textColor; if (isBold) singleElement.style.fontWeight = "bold"; else singleElement.style.fontWeight = "normal"; if (isItalic) singleElement.style.fontStyle = "italic"; else singleElement.style.fontStyle = "normal"; if (isUnderline) singleElement.style.textDecoration = "underline"; else singleElement.style.textDecoration = "none"; } } function reset(num, sNum) { var i; for (i=0; i<menus[num].activeItems.length; i++) eval(menus[num].activeItems[i]); for (i=num+1; i<menus.length; i++) { if (i != sNum) { if (menus[i].hasShadow) { menus[i].shadow.style.visibility = "hidden"; menus[i].siframe.style.visibility = "hidden"; } menus[i].main.style.visibility = "hidden"; menus[i].iframe.style.visibility = "hidden"; menus[i].animate = true; } } } function roll(element, source) { if (element.onmouseup) element.style.cursor = "hand"; else element.style.cursor = "default"; element.firstChild.firstChild.firstChild.firstChild.firstChild.firstChild.src = source; } function showMenu(num, pNum, iNum, offsetX, offsetY) { var pMenu = menus[pNum]; var pItem = pMenu.items[iNum]; var cMenu = menus[num]; if (cMenu.main.style.visibility != "visible") { hideAfter(pNum); var showX = pMenu.main.offsetLeft, showY = menus[pNum].main.offsetTop; if (pMenu.orientation == "horizontal") { if (pMenu.items.length > iNum) { showY += pMenu.main.offsetHeight; showX += pItem.offsetLeft; } } else { if (pMenu.items.length > iNum) { showX += pMenu.main.offsetWidth; showY += pItem.offsetTop; } } var bodyHeight = 0, bodyWidth = 0; var scrollX = 0, scrollY = 0; if (docType) { bodyHeight = document.getElementsByTagName("HTML")[0].offsetHeight; bodyWidth = document.getElementsByTagName("HTML")[0].offsetWidth; scrollX = document.getElementsByTagName("HTML")[0].scrollLeft; scrollY = document.getElementsByTagName("HTML")[0].scrollTop; } else { bodyHeight = document.body.clientHeight; bodyWidth = document.body.clientWidth; scrollX = document.body.scrollLeft; scrollY = document.body.scrollTop; } if (showX + cMenu.main.offsetWidth > bodyWidth + scrollX) { showX -= (showX + cMenu.main.offsetWidth) - (bodyWidth + scrollX); if (cMenu.hasShadow) showX -= cMenu.sOffX; } if (showY + cMenu.main.offsetHeight > bodyHeight + scrollY) { showY -= (showY + cMenu.main.offsetHeight) - (bodyHeight + scrollY); if (cMenu.hasShadow) showY -= cMenu.sOffY; } showX += offsetX; showY += offsetY; cMenu.main.style.left = showX; cMenu.main.style.top = showY; cMenu.iframe.style.left = showX; cMenu.iframe.style.top = showY; if (cMenu.hasShadow) { cMenu.shadow.style.left = showX + cMenu.sOffX; cMenu.shadow.style.top = showY + cMenu.sOffY; cMenu.siframe.style.left = cMenu.shadow.offsetLeft; cMenu.siframe.style.top = cMenu.shadow.offsetTop; } if (pMenu.hasAnimations && cMenu.animate) { if (pMenu.animationType >= 24) { var animString; switch (pMenu.animationType) { case 24: animString = "Pixelate(duration=.5,maxSquare=25)"; break; case 25: animString = "Iris(duration=.5)"; break; case 26: animString = "Slide(duration=.5,slideStyle=SWAP,bands=0)"; break; default: animString = "Fade(duration=.5)"; break; } cMenu.main.style.filter = "progid:DXImageTransform.Microsoft." + animString; cMenu.shadow.style.filter = "progid:DXImageTransform.Microsoft." + animString; } else { cMenu.main.style.filter = "revealTrans(duration=.5,transition=" + menus[pNum].animationType + ")"; if (cMenu.hasShadow) cMenu.shadow.style.filter = "revealTrans(duration=.5,transition=" + menus[pNum].animationType + ")"; } cMenu.main.filters[0].apply(); if (cMenu.hasShadow) cMenu.shadow.filters[0].apply(); } cMenu.main.style.visibility = "visible"; cMenu.iframe.style.visibility = "visible"; if (cMenu.hasShadow) { cMenu.shadow.style.visibility = "visible"; cMenu.siframe.style.visibility = "visible"; } if (cMenu.animate && pMenu.hasAnimations) { cMenu.main.filters[0].play(); if (cMenu.hasShadow) cMenu.shadow.filters[0].play(); } cMenu.animate = false; } } function hideAfter(num) { var i, j; for (i=num+1; i<menus.length; i++) { if (!menus[i].isMainMenu) { if (menus[i].hasShadow) { menus[i].shadow.style.visibility = "hidden"; menus[i].siframe.style.visibility = "hidden"; } menus[i].main.style.visibility = "hidden"; menus[i].iframe.style.visibility = "hidden"; menus[i].animate = true; } } for (i=num; i<menus.length; i++) for (j=0; j<menus[i].activeItems.length; j++) eval(menus[i].activeItems[j]); } var wait = 500; var hideTimer; function keepOpen() { if (hideTimer != null) clearTimeout(hideTimer); } function hide() { hideTimer = setTimeout("hideAll()", wait); } function hideAll() { var i; for (i=0; i<menus.length; i++) { if (!menus[i].isMainMenu) { if (menus[i].hasShadow) { menus[i].shadow.style.visibility = "hidden"; menus[i].siframe.style.visibility = "hidden"; } menus[i].main.style.visibility = "hidden"; menus[i].iframe.style.visibility = "hidden"; menus[i].animate = true; } } for (i=0; i<menus.length; i++) for (j=0; j<menus[i].activeItems.length; j++) eval(menus[i].activeItems[j]); } function debug() { var win = window.open(); win.document.open(); win.document.write('<textarea cols=50 rows=25 wrap=virtual>' + this.main.innerHTML + ''); win.document.close(); win.focus(); } function createIFrame(menu, forShadow) { // Thanks to Edson for this form element fix. // The based article is at (http://support.microsoft.com/default.aspx?scid=kb;en-us;177378). var div; if (forShadow) div = menu.shadow; else div = menu.main; var iframe = document.createElement("iframe"); iframe.style.backgroundColor = div.style.backgroundColor; iframe.style.position = div.style.position; iframe.style.left = div.offsetLeft; iframe.style.top = div.offsetTop; iframe.style.zIndex = div.style.zIndex - 100; iframe.style.height = div.offsetHeight; iframe.style.width = div.offsetWidth; iframe.frameBorder = 0; iframe.border = 0; iframe.src = ""; iframe.scrolling = "no"; iframe.style.visibility = div.style.visibility; document.body.appendChild(iframe); return iframe; } function floatMenu(scrWidth, scrHeight, mrgLeft, adjustNum) { if (this.isMainMenu) { var bodyWidth = 0, mrg = 0; if (docType) { mrg = mrgLeft + 10; bodyWidth = document.getElementsByTagName("BODY")[0].offsetWidth; } else { mrg = 10; bodyWidth = document.body.scrollWidth; } if (adjustNum == 0 || adjustNum == 2) { var menuLeft = Math.ceil(this.main.offsetLeft + (screen.width - scrWidth)/2); this.main.style.left = Math.ceil(menuLeft - (screen.width - bodyWidth)/2 + mrg); this.iframe.style.left = this.main.offsetLeft; } if (adjustNum == 1 || adjustNum == 2) { this.main.style.top = this.main.offsetTop + (screen.height - scrHeight)/2; this.iframe.style.top = this.main.offsetTop; } if (this.hasShadow) { this.shadow.style.left = this.main.offsetLeft + this.sOffX; this.shadow.style.top = this.main.offsetTop + this.sOffY; this.siframe.style.left = this.shadow.offsetLeft; this.siframe.style.top = this.shadow.offsetTop; } window.onresize = new Function("location.reload();"); } } var menus = new Array();