// JavaScript Document
/* add following to your HTML
*/
//mayor page controll fuctions, only change the code inside these functions
function beforeBodyLoad(){
window.onload = function() {onBodyLoad();}//DO NOT CHANGE, hook on the onload of the body
window.onresize = function() {onBodyResize();}//DO NOT CHANGE, hook on the onresize of the body
//displayNoneByJS();//Apply class="displayNoneByJS" see pbweb.js (hiding all elements of class displayNoneByJS
adaptContentToBrowserHeight();
}
function onBodyLoad(){
// add custum code here. (you can use functions defined below)
//adaptContentToBrowserHeight();
}
function onBodyResize(){
adaptContentToBrowserHeight();
}
//add custom fuctions here (create own functions and implementation)
function adaptContentToBrowserHeight(){
//Note following code requires that you define something like:
//
// ...
//and the class should not be overwritten after this call.
//For the maths see template4.css, logo banner = 130, seperator (menu) = 75, bottom = 30 (total = 235)
rule = addCSSRule(".contentDynamicHieght");
if(rule){
rule.style.height = getBrowserHeight()-267 + 'px';
//alert(getBrowserHeight()-248 + 'px');
}
//following works only after the body has loaded
//$('content').style.height = getBrowserHeight()-235 + 'px';// ...
}
beforeBodyLoad();//DO NOT CHANGE, execute the beforeBodyLoad function