// JavaScript Document

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

function onResizeHandler(width,height,id) {	
	var windowSize = getWindowSize();
	var resizeNode = document.getElementById(id);
	// width
	if(windowSize.width < width) {
		resizeNode.style.width = width + "px";
	} else {
		resizeNode.style.width = "100%";
	}
	// height
	if(windowSize.height < height) {
		resizeNode.style.height = height + "px";
	} else {
		resizeNode.style.height = "100%";
	}
}