-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";
- }
-}
-