+function fixMissingCSSTable(elems) {
+ if (elems[0] == null || elems[1] == null) {
+ return;
+ }
+ if (elems[0].getStyle("display") != "table-cell") {
+ var parentNode = elems[0].parentNode;
+ var table = document.createElement("table");
+ table.style.width = "100%";
+ var tbody = document.createElement("tbody");
+ table.appendChild(tbody);
+ var tr = document.createElement("tr");
+ tbody.appendChild(tr);
+ parentNode.appendChild(table);
+ for(var i=0; i<elems.length; i++) {
+ parentNode.removeChild(elems[i]);
+ var td = document.createElement("td");
+ td.appendChild(elems[i]);
+ tr.appendChild(td);
+ }
+ }
+}
+function fixbanner() {
+ // Use prototype api methods here
+ var elems = [$('room_banner'),$('actiondiv')];
+ fixMissingCSSTable(elems);
+ if (!is_ie6) {
+ Event.observe(window, 'resize', makeContentScrollable);
+ makeContentScrollable();
+ }
+}
+function makeContentScrollable() {
+if (document.getElementById("banner")
+ && document.getElementById("content")
+ && !document.getElementById("summary_view")) {
+ WCLog("makeContentScrollable");
+ document.body.style.overflowY="hidden";
+ var global = $("global");
+ global.className += "scrollable";
+ var content = document.getElementById("content");
+ var banner = document.getElementById("banner");
+ var bannerHeight = banner.offsetHeight;
+ banner.style.width="100%";
+ var bannerPercent = (bannerHeight/document.viewport.getHeight())*100;
+ //banner.style.height=bannerPercent+"%";
+ content.style.overflowY="scroll";
+ //content.style.top=bannerPercent+"%";
+ content.style.height=(100-bannerPercent)+"%";
+ content.style.right="0px";
+ }
+}
+function fixOffsetBanner() {
+ var banner = document.getElementById("banner");
+ if (banner.offsetLeft > 0) {
+ var viewportWidth = document.viewport.getWidth();
+ var iconbarWidth = document.getElementById("iconbar").offsetWidth;
+ var contentDiv = document.getElementById("content");
+ var newContentWidth = viewportWidth-iconbarWidth;
+ contentDiv.style.width = newContentWidth+"px";
+ }
+}
+/** Attempt to stop overflowing in x-axis in IE6 */
+function resizeViewport() {
+ var documentWidth = 0;
+ var viewportWidth = document.viewport.getWidth();
+ var iconbar = $('iconbar');
+ var global = $('global');
+ if (iconbar == null || global == null || document.documentElement == null) {
+ return;
+ }
+ if (typeof window.offsetWidth != 'undefined') {
+ documentWidth = window.offsetWidth;
+ } else {
+ documentWidth = document.documentElement.offsetWidth;
+ }
+ if (documentWidth > viewportWidth) {
+ WCLog("resizeViewport");
+ document.documentElement.style.width = viewportWidth+"px";
+ document.documentElement.style.overflowX = "hidden";
+ //viewportWidth = 0.98 * viewportWidth;
+ var newIconBarSize = 0.16 * viewportWidth;
+ var newContentSize = viewportWidth - newIconBarSize;
+ iconbar.style.width = newIconBarSize+"px";
+ global.style.width = newContentSize+"px";
+ }
+}