window.onresize= changeView;
var currheight = document.documentElement.clientHeight;
function changeView() {
	if(currheight != document.documentElement.clientHeight)
	{
		resizeMapDiv();
    }
	currheight = document.documentElement.clientHeight;
}


function resizeMapDiv() {
		var centerLatLong = map.getCenter();
		var startZoom = map.getZoom();
	  	var el = document.getElementById("map-canvas");
	  	var currWidth = parseInt(getStyle(el,"width"));
		var newWidth = parseInt(document.body.clientWidth) - 300;
		setStyle("map-canvas", "width", newWidth + "px");
    	//document.getElementByID("map").style.width = (document.body.clientWidth - 300) + "px";

		// now recentre the map
		map.checkResize();
		map.setCenter(centerLatLong, startZoom);
}

function getStyle(el, style) {
   if(!document.getElementById) return;

     var value = el.style[toCamelCase(style)];

    if(!value)
        if(document.defaultView)
            value = document.defaultView.
                 getComputedStyle(el, "").getPropertyValue(style);

        else if(el.currentStyle)
            value = el.currentStyle[toCamelCase(style)];

     return value;
}

function setStyle(objId, style, value) {
    document.getElementById(objId).style[style] = value;
}

function toCamelCase( sInput ) {
    var oStringList = sInput.split('-');
    if(oStringList.length == 1)
        return oStringList[0];
    var ret = sInput.indexOf("-") == 0 ?
       oStringList[0].charAt(0).toUpperCase() + oStringList[0].substring(1) : oStringList[0];
    for(var i = 1, len = oStringList.length; i < len; i++){
        var s = oStringList[i];
        ret += s.charAt(0).toUpperCase() + s.substring(1)
    }
    return ret;
}

function increaseWidth(addToWidth, whichDiv){
    var theDiv = document.getElementById(whichDiv);
    var currWidth = parseInt(getStyle(theDiv, "width"));
    var newWidth = currWidth + parseInt(addToWidth);
    setStyle(whichDiv, "width", newWidth + "px");
}