/************************************************************************************************************ (C) www.dhtmlgoodies.com, October 2005 Version 1.2: Updated, November 12th. 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 ************************************************************************************************************/ var leftPanelWidth = 220; // Width of help panel var leftPanelSlideSpeed = 15; // Higher = quicker slide var leftPanelSlideTimer = 10; // Lower = quicker slide var leftPanelSlideActive = true; // Slide active ? var leftPanelInitBodyMargin = 0; // Left or top margin of your tag (left if panel is at the left, top if panel is on the top) var leftPanelPushMainContentOnSlide = false; // Push your main content to the right when sliding var leftPanelPosition = 0; // 0 = left , 1 = top /* Don't change these values */ var leftPanelSlideObj=false; var leftPanelSlideInProgress = false; var leftPanelStartScrollPos = false; var leftPanelVisible = false; function initLeftPanel(expandOnly) { if(leftPanelSlideInProgress)return; if(!leftPanelSlideObj){ if(document.getElementById('leftPanel')){ // Object exists in HTML code? leftPanelSlideObj = document.getElementById('leftPanel'); if(leftPanelPosition == 1)leftPanelSlideObj.style.width = '100%'; }else{ // Object doesn't exist -> Create

dynamically leftPanelSlideObj = document.createElement('DIV'); leftPanelSlideObj.id = 'leftPanel'; leftPanelSlideObj.style.display='none'; document.body.appendChild(leftPanelSlideObj); } if(leftPanelPosition == 1){ leftPanelSlideObj.style.top = "-" + leftPanelWidth + 'px'; leftPanelSlideObj.style.left = '0px'; leftPanelSlideObj.style.height = leftPanelWidth + 'px'; }else{ leftPanelSlideObj.style.left = "-" + leftPanelWidth + 'px'; leftPanelSlideObj.style.top = '0px'; leftPanelSlideObj.style.width = leftPanelWidth + 'px'; } if(!document.all || navigator.userAgent.indexOf('Opera')>=0)leftPanelSlideObj.style.position = 'fixed';; } if(leftPanelPosition == 0){ if(document.documentElement.clientHeight){ leftPanelSlideObj.style.height = document.documentElement.clientHeight + 'px'; }else if(document.body.clientHeight){ leftPanelSlideObj.style.height = document.body.clientHeight + 'px'; } var leftPos = leftPanelSlideObj.style.left.replace(/[^0-9\-]/g,'')/1; }else{ if(document.documentElement.clientWidth){ leftPanelSlideObj.style.width = document.documentElement.clientWidth + 'px'; }else if(document.body.clientHeight){ leftPanelSlideObj.style.width = document.body.clientWidth + 'px'; } var leftPos = leftPanelSlideObj.style.top.replace(/[^0-9\-]/g,'')/1; } if(navigator.userAgent.indexOf('MSIE')>=0 && navigator.userAgent.indexOf('Opera')<0){ window.onscroll = repositionHelpDiv; repositionHelpDiv(); } window.onresize = resizeLeftPanel; } function initSlideLeftPanel(expandOnly) { setPanelBtn(); if(leftPanelSlideInProgress)return; if(!leftPanelSlideObj){ if(document.getElementById('leftPanel')){ // Object exists in HTML code? leftPanelSlideObj = document.getElementById('leftPanel'); if(leftPanelPosition == 1)leftPanelSlideObj.style.width = '100%'; }else{ // Object doesn't exist -> Create

dynamically leftPanelSlideObj = document.createElement('DIV'); leftPanelSlideObj.id = 'leftPanel'; leftPanelSlideObj.style.display='none'; document.body.appendChild(leftPanelSlideObj); } if(leftPanelPosition == 1){ leftPanelSlideObj.style.top = "-" + leftPanelWidth + 'px'; leftPanelSlideObj.style.left = '0px'; leftPanelSlideObj.style.height = leftPanelWidth + 'px'; }else{ leftPanelSlideObj.style.left = "-" + leftPanelWidth + 'px'; leftPanelSlideObj.style.top = '0px'; leftPanelSlideObj.style.width = leftPanelWidth + 'px'; } if(!document.all || navigator.userAgent.indexOf('Opera')>=0)leftPanelSlideObj.style.position = 'fixed';; } if(leftPanelPosition == 0){ if(document.documentElement.clientHeight){ leftPanelSlideObj.style.height = document.documentElement.clientHeight + 'px'; }else if(document.body.clientHeight){ leftPanelSlideObj.style.height = document.body.clientHeight + 'px'; } var leftPos = leftPanelSlideObj.style.left.replace(/[^0-9\-]/g,'')/1; }else{ if(document.documentElement.clientWidth){ leftPanelSlideObj.style.width = document.documentElement.clientWidth + 'px'; }else if(document.body.clientHeight){ leftPanelSlideObj.style.width = document.body.clientWidth + 'px'; } var leftPos = leftPanelSlideObj.style.top.replace(/[^0-9\-]/g,'')/1; } leftPanelSlideObj.style.display='block'; if(leftPanelPosition==1) leftPanelStartScrollPos = Math.max(document.body.scrollTop,document.documentElement.scrollTop); else leftPanelStartScrollPos = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft); if(leftPos<(0+leftPanelStartScrollPos)){ if(leftPanelSlideActive){ slideLeftPanel(leftPanelSlideSpeed); }else{ document.body.style.marginLeft = panelWidth + 'px'; leftPanelSlideObj.style.left = '0px'; } }else{ if(expandOnly)return; if(leftPanelSlideActive){ slideLeftPanel(leftPanelSlideSpeed*-1); }else{ if(leftPanelPosition == 0){ if(leftPanelPushMainContentOnSlide)document.body.style.marginLeft = leftPanelInitBodyMargin + 'px'; leftPanelSlideObj.style.left = (leftPanelWidth*-1) + 'px'; }else{ if(leftPanelPushMainContentOnSlide)document.body.style.marginTop = leftPanelInitBodyMargin + 'px'; leftPanelSlideObj.style.top = (leftPanelWidth*-1) + 'px'; } } } if(navigator.userAgent.indexOf('MSIE')>=0 && navigator.userAgent.indexOf('Opera')<0){ window.onscroll = repositionHelpDiv; repositionHelpDiv(); } window.onresize = resizeLeftPanel; } function resizeLeftPanel() { if(leftPanelPosition == 0){ if(document.documentElement.clientHeight){ leftPanelSlideObj.style.height = document.documentElement.clientHeight + 'px'; }else if(document.body.clientHeight){ leftPanelSlideObj.style.height = document.body.clientHeight + 'px'; } }else{ if(document.documentElement.clientWidth){ leftPanelSlideObj.style.width = document.documentElement.clientWidth + 'px'; }else if(document.body.clientWidth){ leftPanelSlideObj.style.width = document.body.clientWidth + 'px'; } } } function slideLeftPanel(leftPanelSlideSpeed){ leftPanelSlideInProgress = true; var scrollValue = 0; if(leftPanelPosition==1) var leftPos = leftPanelSlideObj.style.top.replace(/[^0-9\-]/g,'')/1; else var leftPos = leftPanelSlideObj.style.left.replace(/[^0-9\-]/g,'')/1; leftPos+=leftPanelSlideSpeed; okToSlide = true; if(leftPanelSlideSpeed<0){ if(leftPos < ((leftPanelWidth*-1) + leftPanelStartScrollPos)){ leftPos = (leftPanelWidth*-1) + leftPanelStartScrollPos; okToSlide=false; } } if(leftPanelSlideSpeed>0){ if(leftPos > (0 + leftPanelStartScrollPos)){ leftPos = 0 + leftPanelStartScrollPos; okToSlide = false; } } if(leftPanelPosition==0){ leftPanelSlideObj.style.left = leftPos + leftPanelStartScrollPos + 'px'; if(leftPanelPushMainContentOnSlide)document.body.style.marginLeft = leftPos - leftPanelStartScrollPos + leftPanelWidth + 'px'; }else{ leftPanelSlideObj.style.top = leftPos + 'px'; if(leftPanelPushMainContentOnSlide)document.body.style.marginTop = leftPos - leftPanelStartScrollPos + leftPanelWidth + 'px'; } if(okToSlide)setTimeout('slideLeftPanel(' + leftPanelSlideSpeed + ')',leftPanelSlideTimer); else { leftPanelSlideInProgress = false; if(leftPanelSlideSpeed>0)leftPanelVisible=true; else leftPanelVisible = false; } } function repositionHelpDiv() { if(leftPanelPosition==0){ var maxValue = Math.max(document.body.scrollTop,document.documentElement.scrollTop); leftPanelSlideObj.style.top = maxValue; }else{ var maxValue = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft); leftPanelSlideObj.style.left = maxValue; var maxTop = Math.max(document.body.scrollTop,document.documentElement.scrollTop); if(!leftPanelSlideInProgress)leftPanelSlideObj.style.top = (maxTop - (leftPanelVisible?0:leftPanelWidth)) + 'px'; } } function cancelEvent() { return false; } function keyboardShowLeftPanel() { initSlideLeftPanel(); return false; } function leftPanelKeyboardEvent(e) { if(document.all)return; if(e.keyCode==112){ initSlideLeftPanel(); return false; } } function setPanelBtn(){ if (leftPanelVisible == true) document.getElementById('panelBtn').style.backgroundImage = 'url(imgs/showcart2.png)'; else document.getElementById('panelBtn').style.backgroundImage = 'url(imgs/hidecart.png)' } function setLeftPanelContent(text) { document.getElementById('panelContent').innerHTML = text; initSlidePanel(true); } if(!document.all)document.documentElement.onkeypress = leftPanelKeyboardEvent; document.documentElement.onhelp = keyboardShowLeftPanel;