//= 0) { this.isOP = true; this.version = parseFloat(ua.substr(i + s.length)); return; } s = "Netscape6/"; if ((i = ua.indexOf(s)) >= 0) { this.isNS = true; this.version = parseFloat(ua.substr(i + s.length)); return; } // Treat any other "Gecko" browser as Netscape 6.1. s = "Gecko"; if ((i = ua.indexOf(s)) >= 0) { this.isNS = true; this.version = 6.1; return; } s = "MSIE"; if ((i = ua.indexOf(s))) { this.isIE = true; this.version = parseFloat(ua.substr(i + s.length)); return; } } var browser = new Browser(); //---------------------------------------------------------------------------- // Code for handling the menu bar and active button. //---------------------------------------------------------------------------- var activeButton = null; // Capture mouse clicks on the page so any active button can be // deactivated. if (browser.isIE) document.onmousedown = pageMousedown; else document.addEventListener("mousedown", pageMousedown, true); function pageMousedown(event) { var el; // If there is no active button, exit. if (activeButton == null) return; // Find the element that was clicked on. if (browser.isIE) el = window.event.srcElement; else el = (event.target.tagName ? event.target : event.target.parentNode); // If the active button was clicked on, exit. if (el == activeButton) return; // If the element is not part of a menu, reset and clear the active // button. if (getContainerWith(el, "DIV", "menu") == null) { resetButton(activeButton); activeButton = null; } } function buttonClick(event, menuId) { var button; // Get the target button element. if (browser.isIE) button = window.event.srcElement; else button = event.currentTarget; // Blur focus from the link to remove that annoying outline. button.blur(); // Associate the named menu to this button if not already done. // Additionally, initialize menu display. if (button.menu == null) { button.menu = document.getElementById(menuId); if (button.menu.isInitialized == null) menuInit(button.menu); } // Reset the currently active button, if any. if (activeButton != null) resetButton(activeButton); // Activate this button, unless it was the currently active one. if (button != activeButton) { depressButton(button); activeButton = button; } else activeButton = null; return false; } function buttonMouseover(event, menuId) { var button; // Find the target button element. if (browser.isIE) button = window.event.srcElement; else button = event.currentTarget; // If any other button menu is active, make this one active instead. if (activeButton != null && activeButton != button) buttonClick(event, menuId); } function depressButton(button) { var x, y; // Update the button's style class to make it look like it's // depressed. button.className += " menuButtonActive"; // Position the associated drop down menu under the button and // show it. x = getPageOffsetLeft(button); y = getPageOffsetTop(button) + button.offsetHeight; // For IE, adjust position. if (browser.isIE) { x += button.offsetParent.clientLeft; y += button.offsetParent.clientTop - 1; } button.menu.style.left = x + "px"; button.menu.style.top = y + "px"; button.menu.style.visibility = "visible"; // For IE; size, position and show the menu's IFRAME as well. if (button.menu.iframeEl != null) { button.menu.iframeEl.style.left = button.menu.style.left; button.menu.iframeEl.style.top = button.menu.style.top; button.menu.iframeEl.style.width = button.menu.offsetWidth + "px"; button.menu.iframeEl.style.height = button.menu.offsetHeight + "px"; button.menu.iframeEl.style.display = ""; } } function resetButton(button) { // Restore the button's style class. removeClassName(button, "menuButtonActive"); // Hide the button's menu, first closing any sub menus. if (button.menu != null) { closeSubMenu(button.menu); button.menu.style.visibility = "hidden"; // For IE, hide menu's IFRAME as well. if (button.menu.iframeEl != null) button.menu.iframeEl.style.display = "none"; } } //---------------------------------------------------------------------------- // Code to handle the menus and sub menus. //---------------------------------------------------------------------------- function menuMouseover(event) { var menu; // Find the target menu element. if (browser.isIE) menu = getContainerWith(window.event.srcElement, "DIV", "menu"); else menu = event.currentTarget; // Close any active sub menu. if (menu.activeItem != null) closeSubMenu(menu); } function menuItemMouseover(event, menuId) { var item, menu, x, y; // Find the target item element and its parent menu element. if (browser.isIE) item = getContainerWith(window.event.srcElement, "A", "menuItem"); else item = event.currentTarget; menu = getContainerWith(item, "DIV", "menu"); // Close any active sub menu and mark this one as active. if (menu.activeItem != null) closeSubMenu(menu); menu.activeItem = item; // Highlight the item element. item.className += " menuItemHighlight"; // Initialize the sub menu, if not already done. if (item.subMenu == null) { item.subMenu = document.getElementById(menuId); if (item.subMenu.isInitialized == null) menuInit(item.subMenu); } // Get position for submenu based on the menu item. x = getPageOffsetLeft(item) + item.offsetWidth; y = getPageOffsetTop(item); // Adjust position to fit in view. var maxX, maxY; if (browser.isIE) { maxX = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft) + (document.documentElement.clientWidth != 0 ? document.documentElement.clientWidth : document.body.clientWidth); maxY = Math.max(document.documentElement.scrollTop, document.body.scrollTop) + (document.documentElement.clientHeight != 0 ? document.documentElement.clientHeight : document.body.clientHeight); } if (browser.isOP) { maxX = document.documentElement.scrollLeft + window.innerWidth; maxY = document.documentElement.scrollTop + window.innerHeight; } if (browser.isNS) { maxX = window.scrollX + window.innerWidth; maxY = window.scrollY + window.innerHeight; } maxX -= item.subMenu.offsetWidth; maxY -= item.subMenu.offsetHeight; if (x > maxX) x = Math.max(0, x - item.offsetWidth - item.subMenu.offsetWidth + (menu.offsetWidth - item.offsetWidth)); y = Math.max(0, Math.min(y, maxY)); // Position and show it. item.subMenu.style.left = x + "px"; item.subMenu.style.top = y + "px"; item.subMenu.style.visibility = "visible"; // For IE; size, position and show the menu's IFRAME as well. if (item.subMenu.iframeEl != null) { item.subMenu.iframeEl.style.left = item.subMenu.style.left; item.subMenu.iframeEl.style.top = item.subMenu.style.top; item.subMenu.iframeEl.style.width = item.subMenu.offsetWidth + "px"; item.subMenu.iframeEl.style.height = item.subMenu.offsetHeight + "px"; item.subMenu.iframeEl.style.display = ""; } // Stop the event from bubbling. if (browser.isIE) window.event.cancelBubble = true; else event.stopPropagation(); } function closeSubMenu(menu) { if (menu == null || menu.activeItem == null) return; // Recursively close any sub menus. if (menu.activeItem.subMenu != null) { closeSubMenu(menu.activeItem.subMenu); // Hide the sub menu. menu.activeItem.subMenu.style.visibility = "hidden"; // For IE, hide the sub menu's IFRAME as well. if (menu.activeItem.subMenu.iframeEl != null) menu.activeItem.subMenu.iframeEl.style.display = "none"; menu.activeItem.subMenu = null; } // Deactivate the active menu item. removeClassName(menu.activeItem, "menuItemHighlight"); menu.activeItem = null; } //---------------------------------------------------------------------------- // Code to initialize menus. //---------------------------------------------------------------------------- function menuInit(menu) { var itemList, spanList; var textEl, arrowEl; var itemWidth; var w, dw; var i, j; // For IE, replace arrow characters. if (browser.isIE) { menu.style.lineHeight = "2.5ex"; spanList = menu.getElementsByTagName("SPAN"); for (i = 0; i < spanList.length; i++) if (hasClassName(spanList[i], "menuItemArrow")) { spanList[i].style.fontFamily = "Webdings"; spanList[i].firstChild.nodeValue = "4"; } } // Find the width of a menu item. itemList = menu.getElementsByTagName("A"); if (itemList.length > 0) itemWidth = itemList[0].offsetWidth; else return; // For items with arrows, add padding to item text to make the // arrows flush right. for (i = 0; i < itemList.length; i++) { spanList = itemList[i].getElementsByTagName("SPAN"); textEl = null; arrowEl = null; for (j = 0; j < spanList.length; j++) { if (hasClassName(spanList[j], "menuItemText")) textEl = spanList[j]; if (hasClassName(spanList[j], "menuItemArrow")) { arrowEl = spanList[j]; } } if (textEl != null && arrowEl != null) { textEl.style.paddingRight = (itemWidth - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px"; // For Opera, remove the negative right margin to fix a display bug. if (browser.isOP) arrowEl.style.marginRight = "0px"; } } // Fix IE hover problem by setting an explicit width on first item of // the menu. if (browser.isIE) { w = itemList[0].offsetWidth; itemList[0].style.width = w + "px"; dw = itemList[0].offsetWidth - w; w -= dw; itemList[0].style.width = w + "px"; } // Fix the IE display problem (SELECT elements and other windowed controls // overlaying the menu) by adding an IFRAME under the menu. if (browser.isIE) { menu.iframeEl = menu.parentNode.insertBefore(document.createElement("IFRAME"), menu); menu.iframeEl.style.display = "none"; menu.iframeEl.style.position = "absolute"; } // Mark menu as initialized. menu.isInitialized = true; } //---------------------------------------------------------------------------- // General utility functions. //---------------------------------------------------------------------------- function getContainerWith(node, tagName, className) { // Starting with the given node, find the nearest containing element // with the specified tag name and style class. while (node != null) { if (node.tagName != null && node.tagName == tagName && hasClassName(node, className)) return node; node = node.parentNode; } return node; } function hasClassName(el, name) { var i, list; // Return true if the given element currently has the given class // name. list = el.className.split(" "); for (i = 0; i < list.length; i++) if (list[i] == name) return true; return false; } function removeClassName(el, name) { var i, curList, newList; if (el.className == null) return; // Remove the given class name from the element's className property. newList = new Array(); curList = el.className.split(" "); for (i = 0; i < curList.length; i++) if (curList[i] != name) newList.push(curList[i]); el.className = newList.join(" "); } function getPageOffsetLeft(el) { var x; // Return the x coordinate of an element relative to the page. x = el.offsetLeft; if (el.offsetParent != null) x += getPageOffsetLeft(el.offsetParent); return x; } function getPageOffsetTop(el) { var y; // Return the x coordinate of an element relative to the page. y = el.offsetTop; if (el.offsetParent != null) y += getPageOffsetTop(el.offsetParent); return y; } //]]>window.defaultStatus = ""; //get reference object for popup function getRefToDivMod( divID, oDoc ) { if( !oDoc ) { oDoc = document; } if( document.layers ) { if( oDoc.layers[divID] ) { return oDoc.layers[divID]; } else { for( var x = 0, y; !y && x < oDoc.layers.length; x++ ) { y = getRefToDivMod(divID,oDoc.layers[x].document); } return y; } } if( document.getElementById ) { return oDoc.getElementById(divID); } if( document.all ) { return oDoc.all[divID]; } return document[divID]; } //resize method for popup window (resize to fit contents) function resizeWinTo() { if( !document.images.length ) { document.images[0] = document.layers[0].images[0]; } if( !document.images[0].height || window.doneAlready ) { return false; } //in case images are disabled var oH = getRefToDivMod( 'myID' ); if( !oH ) { return false; } var oW = oH.clip ? oH.clip.width : oH.offsetWidth; var oH = oH.clip ? oH.clip.height : oH.offsetHeight; if( !oH ) { return false; } if( !oH || window.doneAlready ) { return false; } //in case images are disabled window.doneAlready = true; //for Safari and Opera /*//no idea why this is in here if(document.getElementsByTagName) { for( var l = document.getElementsByTagName(\'a\'), x = 0; l[x]; x++ ) { if(l[x].className==\'makeright\'&&!l[x].style.position){ l[x].style.position=\'relative\'; l[x].style.left=(document.images[0].width-(l[x].offsetWidth+l[x].offsetLeft))+\'px\'; }}} */ var x = window; x.resizeTo( oW + 200, oH + 200 ); var myW = 0, myH = 0, d = x.document.documentElement, b = x.document.body; if( x.innerWidth ) { myW = x.innerWidth; myH = x.innerHeight; } else if( d && d.clientWidth ) { myW = d.clientWidth; myH = d.clientHeight; } else if( b && b.clientWidth ) { myW = b.clientWidth; myH = b.clientHeight; } if( window.opera && !document.childNodes ) { myW += 16; } x.resizeTo( oW = oW + ( ( oW + 200 ) - myW ), oH = oH + ( (oH + 200 ) - myH ) ); //three lines to center the popup on the screen //'var scW = screen.availWidth ? screen.availWidth : screen.width; //'var scH = screen.availHeight ? screen.availHeight : screen.height; //'if( !window.opera ) { x.moveTo(Math.round((scW-oW)/2),Math.round((scH-oH)/2)); } return false; } //open popup with image and text function openPerfectPopup(oSrc, oWidth, oTitle, oText){ //the first two should be small for Opera's sake PositionX = 20; PositionY = 20; defaultWidth = 600; defaultHeight = 400; var AutoClose = ''; var oW1 = oWidth+30; var oContent var buttonclose = ""; oContent = "\n"; oContent += "\n"; oContent += "\n"; oContent += "\n"; oContent += "
"; oContent += ""; oContent += "
"+oText+"
"+buttonclose+"
\n"; var imgWin = window.open('','name','scrollbars=no,resizable=1,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY); if( !imgWin ) { return true; } //popup blockers should not cause errors imgWin.document.write('\n'+ '\n'+ ''+oTitle+'<\/title>\n'+ '<script type="text/javaScript">\n'+ '//get reference object for popup\n'+ 'function getRefToDivMod( divID, oDoc ) {\n'+ ' if( !oDoc ) { oDoc = document; }\n'+ ' if( document.layers ) {\n'+ ' if( oDoc.layers[divID] ) { return oDoc.layers[divID]; } else {\n'+ ' for( var x = 0, y; !y && x < oDoc.layers.length; x++ ) {\n'+ ' y = getRefToDivMod(divID,oDoc.layers[x].document);\n'+ ' }\n'+ ' return y;\n'+ ' }\n'+ ' }\n'+ ' if( document.getElementById ) { return oDoc.getElementById(divID); }\n'+ ' if( document.all ) { return oDoc.all[divID]; }\n'+ ' return document[divID];\n'+ '}\n'+ '\n'+ '//resize method for popup window (resize to fit contents)\n'+ 'function resizeWinTo() {\n'+ ' if( !document.images.length ) { document.images[0] = document.layers[0].images[0]; }\n'+ ' if( !document.images[0].height || window.doneAlready ) { return; } //in case images are disabled\n'+ ' var oH = getRefToDivMod( "myID" ); if( !oH ) { return false; }\n'+ ' var oW = oH.clip ? oH.clip.width : oH.offsetWidth;\n'+ ' var oH = oH.clip ? oH.clip.height : oH.offsetHeight; if( !oH ) { return false; }\n'+ ' if( !oH || window.doneAlready ) { return; } //in case images are disabled\n'+ ' window.doneAlready = true; //for Safari and Opera\n'+ ' var x = window; x.resizeTo( oW + 200, oH + 200 );\n'+ ' var myW = 0, myH = 0, d = x.document.documentElement, b = x.document.body;\n'+ ' if( x.innerWidth ) { myW = x.innerWidth; myH = x.innerHeight; }\n'+ ' else if( d && d.clientWidth ) { myW = d.clientWidth; myH = d.clientHeight; }\n'+ ' else if( b && b.clientWidth ) { myW = b.clientWidth; myH = b.clientHeight; }\n'+ ' if( window.opera && !document.childNodes ) { myW += 16; }\n'+ ' x.resizeTo( oW = oW + ( ( oW + 200 ) - myW ), oH = oH + ( (oH + 200 ) - myH ) );\n'+ '}\n'+ '<\/script>\n'+ '<style type="text/css">\n'+ 'html,body{\n'+ ' text-align:center;\n'+ ' font-family: arial, verdana, helvetica, tahoma, sans-serif;\n'+ ' font-size: 11px;\n'+ ' color: #444;\n'+ ' margin-left: auto;\n'+ ' margin-right: auto; \n'+ ' margin-top:0px;\n'+ ' margin-bottom:0px;\n'+ ' padding: 0px;\n'+ ' background-color:#FFF;\n'+ ' height:100%;\n'+ ' cursor:default;\n'+ '}\n'+ '.poptext{\n'+ ' font-size: 11px;\n'+ ' text-align:left;\n'+ ' color:#444;\n'+ ' line-height:140%;\n'+ ' vertical-align:top;\n'+ ' text-align:left;\n'+ '}\n'+ '.button{\n'+ ' border:1px solid #444;\n'+ ' color: #444;\n'+ ' background-color:#FFF;\n'+ ' font-size: 11px;\n'+ ' padding:2px;\n'+ ' cursor:pointer;\n'+ ' width:50px;\n'+ '}\n'+ '<\/style>\n'+ '<\/head>\n'+ '<body onload="resizeWinTo();">\n'+ (document.layers?('<layer left="0" top="0" id="myID">\n'):('<div style="width:'+oW1+'px; position:absolute;left:0px;top:0px;" id="myID" >\n'))+ oContent+ (document.layers?'<\/layer>\n':'<\/div>\n')+ '<\/body>\n'+ '<\/html>\n'); imgWin.document.close(); if( imgWin.focus ) { imgWin.focus(); } return false; }