// get the layer object called "name" function getLayer(name) { var theObj = document.getElementById(name); if (theObj!=null) return theObj.style; else return(null); } // toggle layer to invisible function hideLayer(name) { var layer = getLayer(name); if (layer!=null) layer.visibility = "hidden"; return false; } // toggle layer to visible function showLayer(name) { var layer = getLayer(name); if (layer!=null) { moveLayer(name); layer.visibility = "visible"; } return false; } function repositionAll() { moveLayer("brand"); moveLayer("people"); moveLayer("business"); moveLayer("gallery"); moveLayer("about"); } // move layer to x function moveLayer(name) { var layer = getLayer(name); if (layer!=null) { var x = calcBtnLeft(name + "_btn"); //alert(name + " " + x); if (name=="brand") layer.left = x - 11 + "px" else layer.left = x + "px"; } return false; } function calcBtnLeft(elementId) { var element = document.getElementById(elementId); eLeft = 0; var eLeftBorder; while(element != null) { eLeftBorder = 0; eLeft += element.offsetLeft; if (element!=document.documentElement) { eLeft -= element.scrollLeft; } if (element.style.borderWidth!="") { eLeftBorder = parseInt(element.style.borderWidth); } else if (element.style.borderLeftWidth!="") { eLeftBorder = parseInt(element.style.borderLeftWidth); } if (isNaN(eLeftBorder)) eLeftBorder = 0; eLeft += eLeftBorder; element = element.offsetParent; } return eLeft; } function showImg(URL,imgPath) { var content = '' + '\<\style>'+'BODY { overflow: hidden; } img {border: 1px solid #ffffff;}'+'<\/style>' +'