function switchDiv(div_id, changeTo)
{
  var style_sheet = getStyleObject(div_id);
  if (style_sheet)
  {
	if(changeTo == "hidden")
    		changeObjectVisibility(div_id, "hidden");
	else
		changeObjectVisibility(div_id, "visible");
  }
  else 
  {
    alert("sorry, this only works in browsers that do Dynamic HTML");
  }
}
function getStyleObject(objectId)
{
  // checkW3C 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 changeObjectVisibility(objectId, newVisibility)
{
    // first get the object's stylesheet
    var styleObject = getStyleObject(objectId);

    // then if we find a stylesheet, set its visibility
    // as requested
    //
    if (styleObject) {
	styleObject.visibility = newVisibility;
	if(newVisibility=='hidden')
		styleObject.display = 'none';
	else
		styleObject.display = 'block';
	return true;
    } else {
	return false;
    }
}