var panelWidth = 166; // Width of help panel var panelTop = 0; // Top position of panel var slideSpeed = 15; // Higher = quicker slide var slideTimer = 10; // Lower = quicker slide var slideActive = true; // Slide active ? var initBodyMargin = 0; // Left or top margin of your tag (left if panel is at the left, top if panel is on the top) var pushMainContentOnSlide = false; // Push your main content to the right when sliding var panelPosition = 0; // 0 = left , 1 = top /* Don't change these values */ var slideLeftPanelObj=false; var slideInProgress = false; var startScrollPos = false; var panelVisible = false; var isMSIE=false; var isFirefox=false; var isNetscape=false; var isOpera=false; var isSafari=false; // Detect user's browser and set proper switch if(navigator.userAgent.indexOf('MSIE')>=0)isMSIE=true; else isMSIE=false; if(!isMSIE) { if(navigator.userAgent.indexOf('Netscape')>=0)isNetscape=true; else isNetscape=false; if(!isNetscape) { if(navigator.userAgent.indexOf('Navigator')>=0)isNetscape=true; else isNetscape=false; if(!isNetscape) { if(navigator.userAgent.indexOf('Firefox')>=0)isFirefox=true; else isFirefox=false; if(!isFirefox) { if(navigator.userAgent.indexOf('Opera')>=0)isOpera=true; else isOpera=false; if(!isOpera) { if(navigator.userAgent.indexOf('Safari')>=0)isSafari=true; else isSafari=false; if(!isSafari) { alert('Unsupported browser type, some web page effects may not work correctly!'); } } } } } } // alert('IE:'+isMSIE+' FireFox:'+isFirefox+' Netscape:'+isNetscape+' Opera:'+isOpera+' Safari:'+isSafari); function initSlideLeftPanel(expandOnly) { var wrapperHeight = document.getElementById('wrapper').clientHeight; if(slideInProgress)return; if(!slideLeftPanelObj){ if(document.getElementById('weather_leftPanel')){ // Object exists in HTML code? slideLeftPanelObj = document.getElementById('weather_leftPanel'); if(panelPosition == 1)slideLeftPanelObj.style.width = '100%'; }else{ // Object doesn't exist -> Create

dynamically slideLeftPanelObj = document.createElement('DIV'); slideLeftPanelObj.id = 'weather_leftPanel'; slideLeftPanelObj.style.display='none'; document.body.appendChild(slideLeftPanelObj); } if(panelPosition == 1){ slideLeftPanelObj.style.top = "-" + panelWidth + 'px'; slideLeftPanelObj.style.left = '0px'; slideLeftPanelObj.style.height = panelWidth + 'px'; }else{ slideLeftPanelObj.style.left = "-" + panelWidth + 'px'; slideLeftPanelObj.style.top = panelTop; slideLeftPanelObj.style.width = panelWidth + 'px'; } if(!document.all || navigator.userAgent.indexOf('Opera')>=0)slideLeftPanelObj.style.position = 'fixed'; if(isFirefox || isNetscape)slideLeftPanelObj.style.position = 'absolute'; } if(panelPosition == 0){ if(wrapperHeight){ if(isMSIE == true){ slideLeftPanelObj.style.height = wrapperHeight + 'px'; } else { slideLeftPanelObj.style.height = document.body.clientHeight + 'px'; } }else if(document.body.clientHeight){ if(isMSIE == true){ slideLeftPanelObj.style.height = wrapperHeight + 'px'; } else { slideLeftPanelObj.style.height = document.body.clientHeight + 'px'; } } var leftPos = slideLeftPanelObj.style.left.replace(/[^0-9\-]/g,'')/1; }else{ if(document.documentElement.clientWidth){ slideLeftPanelObj.style.width = document.documentElement.clientWidth + 'px'; }else if(document.body.clientHeight){ slideLeftPanelObj.style.width = document.body.clientWidth + 'px'; } var leftPos = slideLeftPanelObj.style.top.replace(/[^0-9\-]/g,'')/1; } slideLeftPanelObj.style.display='block'; if(panelPosition==1) startScrollPos = Math.max(document.body.scrollTop,document.documentElement.scrollTop); else startScrollPos = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft); if(leftPos<(0+startScrollPos)){ if(slideActive){ slideLeftPanel(slideSpeed); }else{ document.body.style.marginLeft = panelWidth + 'px'; slideLeftPanelObj.style.left = '0px'; } }else{ if(expandOnly)return; if(slideActive){ slideLeftPanel(slideSpeed*-1); }else{ if(panelPosition == 0){ if(pushMainContentOnSlide)document.body.style.marginLeft = initBodyMargin + 'px'; slideLeftPanelObj.style.left = (panelWidth*-1) + 'px'; }else{ if(pushMainContentOnSlide)document.body.style.marginTop = initBodyMargin + 'px'; slideLeftPanelObj.style.top = (panelWidth*-1) + 'px'; } } } if(navigator.userAgent.indexOf('MSIE')>=0 && navigator.userAgent.indexOf('Opera')<0){ window.onscroll = repositionHelpDiv; repositionHelpDiv(); } window.onresize = resizeLeftPanel; } function resizeLeftPanel() { var wrapperHeight = document.getElementById('wrapper').clientHeight; if(panelPosition == 0){ if(wrapperHeight){ if (isMSIE == true){ slideLeftPanelObj.style.height = wrapperHeight + 'px'; } else { slideLeftPanelObj.style.height = document.body.clientHeight + 'px'; } }else if(document.body.clientHeight){ if (isMSIE == true){ slideLeftPanelObj.style.height = wrapperHeight + 'px'; } else { slideLeftPanelObj.style.height = document.body.clientHeight + 'px'; } } }else{ if(document.documentElement.clientWidth){ slideLeftPanelObj.style.width = document.documentElement.clientWidth + 'px'; }else if(document.body.clientWidth){ slideLeftPanelObj.style.width = document.body.clientWidth + 'px'; } } } function slideLeftPanel(slideSpeed){ slideInProgress =true; var scrollValue = 0; if(panelPosition==1) var leftPos = slideLeftPanelObj.style.top.replace(/[^0-9\-]/g,'')/1; else var leftPos = slideLeftPanelObj.style.left.replace(/[^0-9\-]/g,'')/1; leftPos+=slideSpeed; okToSlide = true; if(slideSpeed<0){ if(leftPos < ((panelWidth*-1) + startScrollPos)){ leftPos = (panelWidth*-1) + startScrollPos; okToSlide=false; } } if(slideSpeed>0){ if(leftPos > (0 + startScrollPos)){ leftPos = 0 + startScrollPos; okToSlide = false; } } if(panelPosition==0){ slideLeftPanelObj.style.left = leftPos + startScrollPos + 'px'; if(pushMainContentOnSlide)document.body.style.marginLeft = leftPos - startScrollPos + panelWidth + 'px'; }else{ slideLeftPanelObj.style.top = leftPos + 'px'; if(pushMainContentOnSlide)document.body.style.marginTop = leftPos - startScrollPos + panelWidth + 'px'; } if(okToSlide)setTimeout('slideLeftPanel(' + slideSpeed + ')',slideTimer); else { slideInProgress = false; if(slideSpeed>0)panelVisible=true; else panelVisible = false; } } function repositionHelpDiv() { if(panelPosition==0){ var maxValue = Math.max(document.body.scrollTop,document.documentElement.scrollTop); slideLeftPanelObj.style.top = panelTop; /* change top value from maxValue */ }else{ var maxValue = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft); slideLeftPanelObj.style.left = maxValue; var maxTop = Math.max(document.body.scrollTop,document.documentElement.scrollTop); if(!slideInProgress)slideLeftPanelObj.style.top = (maxTop - (panelVisible?0:panelWidth)) + '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 setLeftPanelContent(text) { document.getElementById('leftPanelContent').innerHTML = text; initSlideLeftPanel(true); } if(!document.all)document.documentElement.onkeypress = leftPanelKeyboardEvent; document.documentElement.onhelp = keyboardShowLeftPanel;