// veithsymposium.com // javascript functions for manipulating style sheet values // by nick poulos 7/10/2008 var animateTimer; var slideDirection; function getElementStyle (pageElement, CSSProperty) { var styleValue, ieProperty; if (pageElement) { if (document.defaultView && document.defaultView.getComputedStyle) { //WC3 Standard var compStyle = document.defaultView.getComputedStyle(pageElement, ""); styleValue = compStyle.getPropertyValue(CSSProperty); } else if(pageElement.currentStyle) { //Internet Explorer BS var ieStyleProperty = CSSProperty; var regExp = /-\D/; while(regExp.test(ieStyleProperty)) { ieProperty = ieStyleProperty.match(regExp)[0].charAt(1).toUpperCase(); ieStyleProperty = ieStyleProperty.replace(regExp, ieProperty); } styleValue = pageElement.currentStyle[ieStyleProperty]; } } return (styleValue) ? styleValue : null; } function setElementClass(pageElementID, newClassName) { var pageElement = document.getElementById(pageElementID); if (pageElement) pageElement.className = newClassName; } function toggleSubMenu(menuID, pageName) { var pageElement = document.getElementById(menuID); if (pageElement) { switch (menuID) { /*case "menu-pressinfo": if (pageElement.className == "has-submenu") { clearMenus(pageName); pageElement.className = "has-submenu-open"; document.getElementById("menu-pressinfo-overview").className = "submenu-open"; document.getElementById("menu-pressinfo-media").className = "submenu-open"; document.getElementById("menu-pressinfo-suite").className = "submenu-open"; document.getElementById("menu-pressinfo-pressrelease").className = "submenu-open"; document.getElementById("menu-pressinfo-registration").className = "submenu-open"; document.getElementById("menu-pressinfo-mediakit").className = "submenu-open"; document.getElementById("menu-pressinfo-contact").className = "submenu-open"; } else if (pageElement.className == "has-submenu-open") { clearMenus(pageName); pageElement.className = "has-submenu"; document.getElementById("menu-pressinfo-overview").className = "submenu"; document.getElementById("menu-pressinfo-media").className = "submenu"; document.getElementById("menu-pressinfo-suite").className = "submenu"; document.getElementById("menu-pressinfo-pressrelease").className = "submenu"; document.getElementById("menu-pressinfo-registration").className = "submenu"; document.getElementById("menu-pressinfo-mediakit").className = "submenu"; document.getElementById("menu-pressinfo-contact").className = "submenu"; } break; */ case "menu-program": if (pageElement.className == "has-submenu") { clearMenus(pageName); pageElement.className = "has-submenu-open"; document.getElementById("menu-program-2009").className = "submenu-open"; document.getElementById("menu-program-2008").className = "submenu-open"; document.getElementById("menu-program-2007").className = "submenu-open"; document.getElementById("menu-program-2006").className = "submenu-open"; document.getElementById("menu-program-2005").className = "submenu-open"; } else if (pageElement.className == "has-submenu-open") { clearMenus(pageName); pageElement.className = "has-submenu"; document.getElementById("menu-program-2009").className = "submenu"; document.getElementById("menu-program-2008").className = "submenu"; document.getElementById("menu-program-2007").className = "submenu"; document.getElementById("menu-program-2006").className = "submenu"; document.getElementById("menu-program-2005").className = "submenu"; } break; } //end switch(menuID) } // end if (pageElement) } // end function toggleSubMenu function clearMenus(pageID) { /*if (pageID=="veith") { document.getElementById("menu-pressinfo").className = "has-submenu"; document.getElementById("menu-pressinfo-overview").className = "submenu"; document.getElementById("menu-pressinfo-media").className = "submenu"; document.getElementById("menu-pressinfo-suite").className = "submenu"; document.getElementById("menu-pressinfo-pressrelease").className = "submenu"; document.getElementById("menu-pressinfo-registration").className = "submenu"; document.getElementById("menu-pressinfo-mediakit").className = "submenu"; document.getElementById("menu-pressinfo-contact").className = "submenu"; }*/ //document.getElementById("menu-program-2009").className = "submenu"; document.getElementById("menu-program-2008").className = "submenu"; document.getElementById("menu-program-2007").className = "submenu"; document.getElementById("menu-program-2006").className = "submenu"; document.getElementById("menu-program-2005").className = "submenu"; } function toggleDropDown(dropdownID, siteName) { var pageElement = document.getElementById(dropdownID); var pageElementContent=document.getElementById(dropdownID + "-content"); var pageElementBullet = document.getElementById("bullet-" + dropdownID); if (pageElement) { var container = document.getElementById("container"); var content = document.getElementById("content"); var shadow_r = document.getElementById('left_shadow'); var shadow_l = document.getElementById('right_shadow'); if (pageElement.className == "dropdown-closed") { //Show the drop down div by changing class name, one class has display set to 'none; pageElementBullet.src = "img/arrow-small-down-" + siteName + ".png"; pageElement.className = "dropdown-open"; pageElementContent.className = "dropdown-content-show"; shadow_l.style.minHeight = (container.clientHeight) + "px"; shadow_r.style.minHeight = (container.clientHeight) + "px"; // debug // alert(content.clientHeight + "--" + content.style.minHeight); } else if (pageElement.className == "dropdown-open") { pageElementBullet.src = "img/arrow-small-right-" + siteName + ".png"; pageElement.className = "dropdown-closed"; pageElementContent.className = "dropdown-content-hide"; shadow_l.style.minHeight = (container.clientHeight) + "px"; shadow_r.style.minHeight = (container.clientHeight) + "px"; } //if (myHeight > container.clientHeight) //footer.style.height = (myHeight - container.clientHeight) + "px"; } //end if (pageElement) } // end function toggleDropDown function slideUp(elementID, startHeight) { objElement = document.getElementById(elementID); if ((objElement.clientHeight - 10)<=startHeight) { clearTimeout(animateTimer); objElement.style.minHeight = startHeight; } else { objElement.style.minHeight=(objElement.clientHeight-10)+'px'; } } function slideDown(elementID, endHeight) { objElement = document.getElementById(elementID); if ((objElement.clientHeight + 10)>=endHeight) { clearTimeout(animateTimer); objElement.style.minHeight = endHeight; } else { objElement.style.minHeight=(objElement.clientHeight+10)+'px'; } } function toggleProgramBar(programBarID, siteName) { var programBar = document.getElementById(programBarID); var programBarContent = document.getElementById(programBarID + "-content"); var programBarIcon = document.getElementById(programBarID + "-button"); var container = document.getElementById("container"); var shadow_r = document.getElementById('left_shadow'); var shadow_l = document.getElementById('right_shadow'); if (programBarContent.className=="program-content-open") { programBarIcon.src='img/arrow-right-' + siteName + '.png'; programBarContent.className="program-content-closed"; } else if(programBarContent.className == "program-content-closed") { programBarIcon.src='img/arrow-down-' + siteName + '.png'; programBarContent.className="program-content-open"; } var container = document.getElementById("container"); var footer = document.getElementById("footer"); var myWidth = 0, myHeight = 0; if( typeof( window.innerWidth ) == 'number' ) { //Non-IE myWidth = window.innerWidth; myHeight = window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { //IE 6+ in 'standards compliant mode' myWidth = document.documentElement.clientWidth; myHeight = document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { //IE 4 compatible myWidth = document.body.clientWidth; myHeight = document.body.clientHeight; } if (myHeight > container.clientHeight) footer.style.height = (myHeight - container.clientHeight) + "px"; shadow_l.style.minHeight = (container.clientHeight) + "px"; shadow_r.style.minHeight = (container.clientHeight) + "px"; } /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// // TEMPORARY FUNCTIONS & DEBUG STUFF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// function debug_height() { var divInfo = document.getElementById("program-wed-11192008"); var div2 = document.getElementById("content"); var div3 = document.getElementById("content-body"); var div4 = document.getElementById("container"); var div5 = document.getElementById("right_shadow"); var div6 = document.getElementById("left_shadow"); var div7 = document.getElementById("program-wed-11192008-content"); alert("BAR: miHn-" + divInfo.style.minHeight + " height-" + divInfo.style.height + " client-" + divInfo.clientHeight); alert("CONTENT: minH-" + div2.style.minHeight + " height-" + div2.style.height + " client-" + div2.clientHeight); alert("CONTENT-BODY: minH-" + div3.style.minHeight + " height-" + div3.style.height + " client-" + div3.clientHeight); alert("CONTAINER: minH-" + div4.style.minHeight + " height-" + div4.style.height + " client-" + div4.clientHeight); alert("SHADOW-R: minH-" + div5.style.minHeight + " height-" + div5.style.height + " client-" + div5.clientHeight); alert("SHADOW-L: minH-" + div6.style.minHeight + " height-" + div6.style.height + " client-" + div6.clientHeight); alert("BAR CONTENT: minH-" + div7.style.minHeight + " height-" + div7.style.height + " client-" + div7.clientHeight); }