/* This script and many more are available free online at The JavaScript Source :: http://javascript.internet.com Created by: Eric Simmons :: http://www.jswitch.com */ /************************************************************************ Author: Eric Simmons Contact: info AT jswitch DOT com Website: http://www.jswitch.com Version: 2.0 12/2005 DISCLAIMER: THIS SOFTWARE IS PROVIDED "AS IS" AND WITHOUT ANY EXPRESS OR IMPLIED WARRANTIES, JSWITCH.COM IS NOT RESPONSIBLE FOR ANY ADVERSE AFFECTS TO YOUR COMPUTER OR SYSTEMS RUNNING THIS SCRIPT. LICENSE: YOU ARE GRANTED THE RIGHT TO USE THE SCRIPT PERSONALLY OR COMMERCIALLY. THE AUTHOR, WEBSITE LINKS AND LICENSE INFORMATION IN THE HEADER OF THIS SCRIPT MUST NOT BE MODIFIED OR REMOVED. IF PORTIONS OF THE CODE ARE TRANSFERED TO ANOTHER SCRIPT THE AUTHORS NAME AND CONTACT INFORMATION MUST BE STATED IN THE NEW SCRIPT BY THE PORTIONS CODE THAT HAVE BEEN TRANSFERED. Notes: If you want a menu to be open initially set the style display to "inline" in the subMenu class div like this:
The fading effect can be disabled by setting the doFading var to false. ***********************************************************************/ var menuObjArray = new Array(); menuObjArray[0] = new Array(); menuObjArray[1] = new Array(); menuObjArray[2] = new Array(); menuObjArray[3] = new Array(); menuObjArray[4] = new Array(); menuObjArray[5] = new Array(); menuObjArray[6] = new Array(); menuObjArray[7] = new Array(); var timerSlide = null; var numMenuItem = 0; var slideDelay = 15; var divHeight = 21; var moveSlidePix = 5; var isLocked = false; var doFading = true; InitAll(); function InitAll() { var divs = document.getElementsByTagName("DIV"); menuStateAry = GetUserCookie("xpMenuCookv2").split(","); aryNum = 0; for(dn=0; dn < divs.length;dn++) { if(String(divs.item(dn).className).substring(0,7) == "topItem") { mainMenuDiv = divs.item(dn).parentNode; menuContainerDiv= mainMenuDiv.getElementsByTagName("DIV").item(1); itemContainerDiv= menuContainerDiv.getElementsByTagName("DIV").item(0); if(menuStateAry != 0) itemContainerDiv.style.height = parseInt(menuStateAry[aryNum]) + "px"; if(!doFading) { if (menuContainerDiv.filters) menuContainerDiv.filters.alpha.opacity = 100; else menuContainerDiv.opacity = 1; } if(menuStateAry != 0 ) { if( parseInt(menuStateAry[aryNum]) == 0) itemContainerDiv.style.display = 'none'; else itemContainerDiv.style.display = 'inline'; } Init(divs.item(dn)); aryNum++; } } } function Init(objDiv) { if (isLocked) return; var mainMenuDiv, subMenuDiv, menuContainerDiv, itemContainerDiv,styleRules; for(r=0;r < document.styleSheets.length; r++) { if( -1 != String(document.styleSheets[r].href).indexOf("xpMenu.css") ) break; } if(!document.styleSheets[r].rules) styleRules = document.styleSheets[r].cssRules; else styleRules = document.styleSheets[r].rules; numMenuItem = 0; mainMenuDiv = objDiv.parentNode; subMenuDiv = mainMenuDiv.getElementsByTagName("DIV").item(0); menuContainerDiv= mainMenuDiv.getElementsByTagName("DIV").item(1); itemContainerDiv= menuContainerDiv.getElementsByTagName("DIV").item(0); aLen = menuObjArray[0].length; for (i=0 ;i < aLen ; i++) { if (menuObjArray[0][i] == menuContainerDiv) { break; } } if (i == aLen) { menuObjArray[0][i] = menuContainerDiv; menuObjArray[1][i] = itemContainerDiv; menuObjArray[7][i] = subMenuDiv; subMenuDiv.onclick = SetSlide; lastmenuNum = -1; for (b=0;b 0) menuObjArray[0][objIndex].style.height = menuObjArray[4][i] + "px"; else { if(doFading) { if(menuObjArray[0][objIndex].filters) menuObjArray[0][objIndex].filters.alpha.opacity = 0; else menuObjArray[0][objIndex].style.opacity = 0; } menuObjArray[7][objIndex].className = menuObjArray[7][objIndex].className+"Over"; menuObjArray[4][objIndex] = 0; menuObjArray[0][objIndex].style.height = 0 + "px"; clearInterval(menuObjArray[5][objIndex]); menuObjArray[5][objIndex] = null; menuObjArray[6][objIndex] = false; isLocked = false; UpdateUserCookie(objIndex); return 0; } return 0; } if (!menuObjArray[6][objIndex]) { if(doFading) { if(menuObjArray[0][objIndex].filters) menuObjArray[0][objIndex].filters.alpha.opacity += 100/ ( ( (menuObjArray[2][i] * divHeight) / moveSlidePix) +1); else { opcVal = parseFloat(menuObjArray[0][objIndex].style.opacity); opcVal += .9/((menuObjArray[2][i] * divHeight) / moveSlidePix); menuObjArray[0][objIndex].style.opacity = opcVal; } } menuObjArray[4][objIndex] += moveSlidePix; if (menuObjArray[4][objIndex] < (menuObjArray[2][objIndex] * divHeight)) menuObjArray[0][objIndex].style.height = menuObjArray[4][i] + "px"; else { if(doFading) { if(menuObjArray[0][objIndex].filters) menuObjArray[0][objIndex].filters.alpha.opacity = 100; else menuObjArray[0][objIndex].style.opacity = 1; } strClassName = String(menuObjArray[7][objIndex].className); menuObjArray[7][objIndex].className = strClassName.substring(0,strClassName.length - 4); menuObjArray[4][objIndex] = (menuObjArray[2][objIndex] * divHeight); menuObjArray[0][objIndex].style.height = (menuObjArray[2][objIndex] * divHeight)+ "px"; menuObjArray[1][objIndex].style.display = 'inline'; clearInterval(menuObjArray[5][objIndex]); menuObjArray[5][objIndex] = null; menuObjArray[6][objIndex] = true; isLocked = false; UpdateUserCookie(objIndex); return 0; } return 0; } } function ChangeStyle() { className = String(this.className); if (className.substring(className.length - 4, className.length) == "Over") this.className = className.substring(0,className.length - 4); else this.className = this.className + "Over"; } /*Function to redirect menu links to Iframe*/ function iframeLink(lowValue, highValue, manu) { root = "http://www.martinolverceramics.co.uk/antiques/displayRange.php?"; newSource= root + "lowValue=" + lowValue + "&highValue="+highValue + "&manufacturer=" + manu; self.location.href=newSource; return false; } function iframeLinkPlus(lowValue, manu) { root = "http://www.martinolverceramics.co.uk/antiques/displayRange.php?"; newSource= root + "lowValue=" + lowValue + "&manufacturer=" + manu; self.location.href=newSource; return false; } /*Function to redirect menu links to Iframe*/ function admin_iframeLink(lowValue, highValue, manu){ root = "http://www.martinolverceramics.co.uk/admin/antiques/displayRange.php?"; newSource= root + "lowValue=" + lowValue + "&highValue="+highValue + "&manufacturer=" + manu; self.location.href=newSource; return false; } function admin_iframeLinkPlus(lowValue, manu){ root = "http://www.martinolverceramics.co.uk/admin/antiques/displayRange.php?"; newSource= root + "lowValue=" + lowValue + "&manufacturer=" + manu; self.location.href=newSource; return false; }