/************************************************************************************************************ (C) www.dhtmlgoodies.com, November 2005 This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website. Terms of use: You are free to use this script as long as the copyright message is kept intact. However, you may not redistribute, sell or repost it without our permission. Thank you! www.dhtmlgoodies.com Alf Magne Kalleland ************************************************************************************************************/ document.write(''); document.write(''); //* document.write(''); document.write('#dhtmlgoodies1_menu{ font-family:verdana; width:150px; }'); document.write('#dhtmlgoodies1_menu li{ list-style-type:none; margin:0px; }'); document.write('#dhtmlgoodies1_menu ul{ margin:0px; padding:0px; border:0px solid #c0c0c0;}'); document.write('#dhtmlgoodies1_menu ul li ul{ padding-left:10px;}'); document.write('#dhtmlgoodies1_menu li a{ text-decoration:none; color:#777777; height:20px; line-height:20px; vertical-align:middle; padding:2px; font-family:verdna; font-size:12px; letter-spacing:-1px; display:block;}'); document.write('#dhtmlgoodies1_menu li a:hover,#dhtmlgoodies1_menu .activeMainMenuItem1s{color:#FFF;background-color:#999999;}'); document.write('.dhtmlgoodies1s_subMenu{ visibility:hidden; position:absolute; overflow:hidden; font-family:arial; text-align:left; font-family:verdna; font-size:12px; letter-spacing:-1px; width:130px; }'); document.write('.dhtmlgoodies1s_subMenu ul{margin:0px;padding:0px;}'); document.write('.dhtmlgoodies1s_subMenu ul li{list-style-type:none;margin:0px;padding:0px; }'); document.write('.dhtmlgoodies1s_subMenu ul li a{ white-space:nowrap; text-decoration:none; color:#000; height:20px; line-height:20px; padding:4px; display:block; }'); document.write('.dhtmlgoodies1s_subMenu ul li a:hover{ color:#FFF; background-color:#999999;}'); document.write(''); //*/ /**ù°ÁÙ ¸Þ´º*********************************************************************/ var timeBeforeAutoHide1s = 700; // Microseconds to wait before auto hiding menu(1000 = 1 second) var slideSpeed_out1s = 10; // Steps to move sub menu at a time ( higher = faster) var slideSpeed_in1s = 10; var slideTimeout_out1s = 10; // Microseconds between slide steps ( lower = faster) var slideTimeout_in1s = 10; // Microseconds between slide steps ( lower = faster) var showSubOnMouseOver1s = true; // false = show sub menu on click, true = show sub menu on mouse over var fixedSubMenuWidth1s = false; // Width of sub menu items - A number(width in pixels) or false when width should be dynamic var xOffsetSubMenu1s = 0; // Offset x-position of sub menu items - use negative value if you want the sub menu to overlap main menu var slideDirection1s = 'right'; // Slide to left or right ? /* Don't change anything below here */ var activeSubMenuId1s = false; var activeMainMenuItem1s = false; var currentZIndex1s = 1000; var autoHideTimer1s = 0; var submenuObjArray1s = new Array(); var okToSlideInSub1s = new Array(); var subPositioned1s = new Array(); function stopAutoHide1s() { autoHideTimer1s = -1; } function initAutoHide1s() { autoHideTimer1s = 0; if(autoHideTimer1s >= 0) autoHide1s(); } function autoHide1s() { if(autoHideTimer1s > timeBeforeAutoHide1s) { if(activeMainMenuItem1s){ activeMainMenuItem1s.className=''; activeMainMenuItem1s = false; } if(activeSubMenuId1s){ var obj = document.getElementById('subMenuDiv' + activeSubMenuId1s); showSub1s(); } }else{ if(autoHideTimer1s >= 0){ autoHideTimer1s += 50; setTimeout('autoHide1s()',50); } } } function getTopPos1s(inputObj) { var returnValue1s = inputObj.offsetTop; while((inputObj = inputObj.offsetParent) != null)returnValue1s += inputObj.offsetTop; return returnValue1s; } function getLeftPos1s(inputObj) { var returnValue1s = inputObj.offsetLeft; while((inputObj = inputObj.offsetParent) != null)returnValue1s += inputObj.offsetLeft; return returnValue1s; } function showSub1s() { var subObj1s = false; if(this && this.tagName){ var numericId1s = this.parentNode.id.replace(/[^0-9]/g,''); okToSlideInSub1s[numericId1s] = false; var subObj1s = document.getElementById('subMenuDiv' + numericId1s); if(activeMainMenuItem1s)activeMainMenuItem1s.className=''; if(subObj1s){ if(!subPositioned1s[numericId1s]){ if(slideDirection1s=='right'){ subObj1s.style.left = getLeftPos1s(submenuObjArray1s[numericId1s]['parentDiv']) + submenuObjArray1s[numericId1s]['parentDiv'].offsetWidth + xOffsetSubMenu1s + 'px'; }else{ subObj1s.style.left = getLeftPos1s(submenuObjArray1s[numericId1s]['parentDiv']) + xOffsetSubMenu1s + 'px'; } submenuObjArray1s[numericId1s]['left'] = subObj1s.style.left.replace(/[^0-9]/g,''); subObj1s.style.top = getTopPos1s(submenuObjArray1s[numericId1s]['parentDiv']) + 'px'; subPositioned1s[numericId1s] = true; } subObj1s.style.visibility = 'visible'; subObj1s.style.zIndex = currentZIndex1s; currentZIndex1s++; this.className='activeMainMenuItem1s'; activeMainMenuItem1s = this; } }else{ var numericId1s = activeSubMenuId1s; } if(activeSubMenuId1s && (numericId1s!=activeSubMenuId1s || !subObj1s))slideMenu1s(activeSubMenuId1s,(slideSpeed_in1s*-1)); if(numericId1s!=activeSubMenuId1s && this && subObj1s){ subObj1s.style.width = '0px'; slideMenu1s(numericId1s,slideSpeed_out1s); activeSubMenuId1s = numericId1s; }else{ if(numericId1s!=activeSubMenuId1s)activeSubMenuId1s = false; } if(showSubOnMouseOver1s)stopAutoHide1s(); } function slideMenu1s(menuIndex,speed){ var obj = submenuObjArray1s[menuIndex]['divObj']; var obj2 = submenuObjArray1s[menuIndex]['ulObj']; var width = obj.offsetWidth + speed; if(speed<0){ if(width<0)width = 0; obj.style.width = width + 'px'; if(slideDirection1s=='left'){ obj.style.left = submenuObjArray1s[menuIndex]['left'] - width + 'px'; obj2.style.left = '0px'; }else{ obj2.style.left = width - submenuObjArray1s[menuIndex]['width'] + 'px' } if(width>0 && okToSlideInSub1s[menuIndex])setTimeout('slideMenu1s(' + menuIndex + ',' + speed + ')',slideTimeout_in1s); else{ obj.style.visibility = 'hidden'; obj.style.width = '0px'; if(activeSubMenuId1s==menuIndex)activeSubMenuId1s=false; } }else{ if(width>submenuObjArray1s[menuIndex]['width'])width = submenuObjArray1s[menuIndex]['width']; if(slideDirection1s=='left'){ obj.style.left = submenuObjArray1s[menuIndex]['left'] - width + 'px'; obj2.style.left = '0px'; }else{ obj2.style.left = width - submenuObjArray1s[menuIndex]['width'] + 'px' } obj.style.width = width + 'px'; if(width=0?true:false; var browserVersion = parseInt(navigator.userAgent.replace(/.*?MSIE ([0-9]+?)[^0-9].*/g,'$1')); if(!browserVersion)browserVersion=1; var menuObj = document.getElementById('dhtmlgoodies1_menu'); var mainMenuItemArray = new Array(); var mainMenuItem = menuObj.getElementsByTagName('LI')[0]; while(mainMenuItem){ if(mainMenuItem.tagName && mainMenuItem.tagName.toLowerCase()=='li'){ mainMenuItemArray[mainMenuItemArray.length] = mainMenuItem; var aTag = mainMenuItem.getElementsByTagName('A')[0]; if(showSubOnMouseOver1s) aTag.onmouseover = showSub1s; else aTag.onclick = showSub1s; } mainMenuItem = mainMenuItem.nextSibling; } var lis = menuObj.getElementsByTagName('A'); for(var no=0;no=0){ submenuObjArray1s[no+1] = new Array(); submenuObjArray1s[no+1]['parentDiv'] = mainMenuItemArray[no]; submenuObjArray1s[no+1]['divObj'] = div; submenuObjArray1s[no+1]['ulObj'] = sub; submenuObjArray1s[no+1]['width'] = sub.offsetWidth; submenuObjArray1s[no+1]['left'] = div.style.left.replace(/[^0-9]/g,''); } sub.style.left = 1 - sub.offsetWidth + 'px'; if(browserVersion<7 && isMSIE)div.style.width = '1px'; if(navigator.userAgent.indexOf('Opera')<0){ submenuObjArray1s[no+1] = new Array(); submenuObjArray1s[no+1]['parentDiv'] = mainMenuItemArray[no]; submenuObjArray1s[no+1]['divObj'] = div; submenuObjArray1s[no+1]['ulObj'] = sub; submenuObjArray1s[no+1]['width'] = sub.offsetWidth; submenuObjArray1s[no+1]['left'] = div.style.left.replace(/[^0-9]/g,''); if(fixedSubMenuWidth1s)submenuObjArray1s[no+1]['width'] = fixedSubMenuWidth1s; } if(!document.all)div.style.width = '1px'; } } menuObj.style.visibility = 'visible'; window.onresize = resetPosition1s; }