// JavaScript Document


function getWindowHeight() {
var windowHeight=0;
if (typeof(window.innerHeight)=='number') {
windowHeight=window.innerHeight;
}
else {
if (document.documentElement&&
document.documentElement.clientHeight) {
windowHeight=
document.documentElement.clientHeight;
}
else {
if (document.body&&document.body.clientHeight) {
windowHeight=document.body.clientHeight;
}
}
}
return windowHeight;
}

//this line: ((footerHeight*2)-100)
//means: footer is multiplied by 2 to bring it at the bottom of the window view rather than out of it completely
//100 is taken away for the height of the topbar - change this if you change the height of the topbar!

function setFooter() {
    if (document.getElementById) {
        
        // get the height of the browser window - 847px
        var windowHeight=getWindowHeight();
        
        // if the windowHeight is greater than zero then...
        if (windowHeight>0) {
            
            // set the variable to the height of the site container - 506px
            var contentHeight= document.getElementById('site_container').offsetHeight;
            var footerElement= document.getElementById('footer');
            
            // set the variable to the height of the footer - 100px
            var footerHeight=footerElement.offsetHeight;
            
            // if the height of the window - (height of the site container + (height of the footer*2 - 100) is greater than zero then...
            // e.g. 847 - (506+(100*2)-100) = 241
            if (windowHeight-(contentHeight+((footerHeight*4)-115))>=0) {
                footerElement.style.position='relative';
                
                // position the top of the footer at this height
                footerElement.style.top=(windowHeight-(contentHeight+((footerHeight*4)-115)))+'px';
            }
            else {
            
                // otherwise, it shouldn't move
                footerElement.style.position='static';
            }
        }
    }
}


window.onload = function() {
  setFooter();
}
window.onresize = function() {
  setFooter();
}