var browserWidth;
var browserHeight;

var mapDiv = 'map';

function resizeMap()
{
getWindowSize();

staticWidth = getWidth('sidebar') + 40;
staticHeight = getHeight('header') + getHeight('footer') + 0;

setHeight(mapDiv, browserHeight - staticHeight);
setWidth(mapDiv, browserWidth - staticWidth);
}


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;
  }
  browserWidth = myWidth;
  browserHeight = myHeight;
}


function getWidth(div)
{
return document.getElementById(div).offsetWidth;
}

function getHeight(div)
{
return document.getElementById(div).offsetHeight;
}

function setWidth(div, newWidth)
{
document.getElementById(div).style.width = newWidth + 'px';
}

function setHeight(div, newHeight)
{
document.getElementById(div).style.height = newHeight + 'px';
}