var WindowSize = Class.create({
    width: function()
    {
        var myWidth = 0;
        if (typeof(window.innerWidth) == 'number')
        {
            //Non-IE
            myWidth = window.innerWidth;
        }
        else if (document.documentElement && document.documentElement.clientWidth)
        {
            //IE 6+ in 'standards compliant mode'
            myWidth = document.documentElement.clientWidth;
        }
        else if (document.body && document.body.clientWidth)
        {
            //IE 4 compatible
            myWidth = document.body.clientWidth;
        }
        return myWidth;
    },
    height: function()
    {
        var myHeight = 0;
        if (typeof(window.innerHeight) == 'number')
        {
            //Non-IE
            myHeight = window.innerHeight;
        }
        else if (document.documentElement && document.documentElement.clientHeight)
        {
            //IE 6+ in 'standards compliant mode'
            myHeight = document.documentElement.clientHeight;
        }
        else if (document.body && document.body.clientHeight)
        {
            //IE 4 compatible
            myHeight = document.body.clientHeight;
        }
        return myHeight;
    }
});

window.onresize = function() {
	setBottomBackgroundSize('onresize');
};

function setBottomBackgroundSize(event) {
	var winSize = new WindowSize();
	var winHeight = winSize.height();
	var leftColHeight = $('col_left').getHeight();
	var rightColHeight = $('col_right').getHeight();
	var middleColHeight = $('contenttable').getHeight();
	var topHeight = $('topdiv').getHeight()+10;
	var contentHeight = winHeight-topHeight;
	
	//console.log('Start...');
	//console.log('CONTENTHEIGHT: ' + contentHeight + ' - MIDDELCOLHEIGHT: ' + middleColHeight + ' - LEFTCOL: ' + leftColHeight + ' RIGHTCOL: ' + rightColHeight);
	
	if (event == 'onload' || event == 'onresize') {
		
		//console.log(winHeight + ' > ' + middleColHeight + ' > ' + contentHeight);
		
		if (leftColHeight < contentHeight && rightColHeight < contentHeight && middleColHeight < contentHeight) {
			setHeight(contentHeight);
		} else if (leftColHeight > contentHeight && rightColHeight < contentHeight && middleColHeight < contentHeight) {
			setHeight(leftColHeight);
		} else if (leftColHeight < contentHeight && rightColHeight > contentHeight && middleColHeight < contentHeight) {
			setHeight(rightColHeight);
		} else if (leftColHeight < middleColHeight && rightColHeight < middleColHeight && middleColHeight > contentHeight) {
			setHeight(middleColHeight);
		} else if ((leftColHeight < middleColHeight) && rightColHeight > middleColHeight && middleColHeight < contentHeight) {
			setHeight(rightColHeight);
		} else if (leftColHeight > middleColHeight && rightColHeight > middleColHeight && middleColHeight < contentHeight) {
			setHeight(leftColHeight);
		} else if (leftColHeight > middleColHeight && rightColHeight < middleColHeight && middleColHeight > contentHeight) {
			setHeight(leftColHeight);
		} else if (leftColHeight > middleColHeight && rightColHeight > middleColHeight && middleColHeight > contentHeight) {
			setHeight(leftColHeight);
		} else if (leftColHeight < middleColHeight && rightColHeight > middleColHeight && middleColHeight > contentHeight) {
			setHeight(rightColHeight);
		}
	}
} 

function setHeight(height) {
	$('col_left').style.height = height;
	$('col_right').style.height =  height;
}

//document.observe('dom:loaded',function() {
	
	
//});