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


function setFooter() {
    if (document.getElementById) {
        var windowHeight = getWindowHeight();
        if (windowHeight > 0) {
            var contentHeight = document.getElementById('content').offsetHeight;
            var footerElement = document.getElementById('footer');
            var footerHeight  = footerElement.offsetHeight;
            var topperElement = document.getElementById('topper');
            var topperHeight  = topperElement.offsetHeight;
            
            if (windowHeight - (contentHeight + footerHeight + topperHeight + 1) >= 0) 
                { 
                footerElement.style.top = (windowHeight - (contentHeight + footerHeight + topperHeight + 1)) + 'px';
                }
            else             
                {
                footerElement.style.top = '0px';
                }
         
  
        }  
        
    }
}






function getWindowWidth() {
    var windowWidth = 0;
    if (typeof(window.innerWidth) == 'number') {
        windowWidth = window.innerWidth;
    }
    else {
        if (document.documentElement && document.documentElement.clientWidth) {
            windowWidth = document.documentElement.clientWidth;
        }
        else {
            if (document.body && document.body.clientWidth) {
                windowWidth = document.body.clientWidth;
            }
        }
    }
    return windowWidth;
}


function setcoll() {
    if (document.getElementById) {
        var windowWidth = getWindowWidth();
        if (windowWidth > 0) {
            var mainWidth = document.getElementById('main').offsetWidth;
            var colloneElement = document.getElementById('collone');
            var colloneWidth  = colloneElement.offsetWidth;
            var colltwoElement = document.getElementById('colltwo');
            var colltwoWidth  = colltwoElement.offsetWidth;        
            if (windowWidth - (colloneWidth) >= 0) {
                colltwoElement.style.width = (mainWidth - (colloneWidth + 80)) + 'px';
            }
            else {
                colltwoElement.style.width = '0px';
            }
        }
    }
}







window.onload = function() {
    setcoll();
    setFooter();

}


window.onresize = function() {
    setcoll();
    setFooter();

}

window.onFocus = function() {
    setcoll();
    setFooter();

}