function changeObjectVisibility(objectId, newVisibility) {
  // first get a reference to the cross-browser style object
  // and make sure the object exists
  var styleObject = getStyleObject(objectId);
  if(styleObject) {
    styleObject.visibility = newVisibility;
    return true;
  } else {
    // we couldn't find the object, so we can't change its visibility
    return false;
  }
}

function getStyleObject(objectId) {
  // Check W3C DOM, then MSIE 4, then NN 4
  if(document.getElementById && document.getElementById(objectId)) {
    return document.getElementById(objectId).style;
  }
  else if (document.all && document.all(objectId)) {
    return document.all(objectId).style;
  }
  else if (document.layers && document.layers[objectId]) {
    return document.layers[objectId];
  } else {
    return false;
  }
}

function resizeContent() {
	var obj, x, y, newX, newY, header, footer, padding, menu, logo;
	header = 115;
	footer = 50;
	menu = 120;
	padding = 20;
	logo = 160;
	obj = getStyleObject("mission");
	logoObj = getStyleObject("logoext");
	titleObj = getStyleObject("headertitle");
	x = window.innerWidth;
	y = window.innerHeight;
	if(isNaN(x)||x==0) {
		x = document.body.clientWidth;
	}
	if(isNaN(y)||y==0) {
		y = document.body.clientHeight;
	}
	newX = x - menu - logo - padding;
	newY = y - header - footer - padding;
	obj.width = newX+"px";
	obj.height = newY+"px";
	titleObj.width = newX+"px";
	newX = x - 339;
	logoObj.width = newX+"px";
}