function resize(){
/*initial values*/
var cornerHeight=120;
var cornerWidth=180;
var bottomHeight=30;
var marginLeftSize=1;
var marginTopSize=1;
var currentWidth = 0, currentHeight = 0;  
var containerWidth = 0, containerHeight = 0;  

/*guess container dimensions*/
if( typeof( window.innerWidth ) == 'number' ) {  
	//Non-IE  
    currentWidth = document.body.clientWidth;  
	currentHeight = window.innerHeight;  
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {  
	//IE 6+ in 'standards compliant mode'  
	//currentWidth = document.documentElement.clientWidth;  
	currentWidth = document.body.clientWidth;  
	currentHeight = document.documentElement.clientHeight;  
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {  
	//IE 4 compatible  
	currentWidth = document.body.clientWidth;  
	currentHeight = document.body.clientHeight;  
}  

/*settings for container: centered with borders*/
containerWidth=currentWidth-(2*marginLeftSize);
containerHeight=currentHeight-(2*marginTopSize);


/*set container with border & centered*/
/*var l=marginLeftSize+'px';
var t=marginTopSize+'px';
var w=containerWidth+'px';
var h=containerHeight+'px';

document.getElementById('container').style.left = l;
document.getElementById('container').style.top = t;
document.getElementById('container').style.width = w;
document.getElementById('container').style.height = h;
*/

/*set width od subheader and decoration*/
headerWidth=containerWidth-cornerWidth;
var w=headerWidth+'px';
document.getElementById('header').style.width = w;


/*set content's width and height*/
contentWidth=containerWidth-cornerWidth-20;
contentHeight=containerHeight-cornerHeight-20;

var h=contentHeight+'px';
w=contentWidth+'px';

document.getElementById('content').style.width = w;
document.getElementById('content').style.height = h;

/*set left and menu */
leftHeight=containerHeight-bottomHeight-cornerHeight;
leftHeight=leftHeight+'px';

document.getElementById('menu').style.height = leftHeight;

/*set bottom top and width*/
bottomTop=containerHeight-bottomHeight;
bottomTop=bottomTop+'px';
w=cornerWidth+1+'px';

document.getElementById('bottom').style.top = bottomTop;
document.getElementById('bottom').style.width = w;


}