// JavaScript Document
var browserType;

if (document.layers) {browserType = "nn4"};
if (document.all) {browserType = "ie"};
if (window.navigator.userAgent.toLowerCase().match("gecko")) {browserType= "gecko"};


function adjustFooter (divID) {
	spacer = 20; // Space between content and footer
	
	// Determine the current table left coordinate and height
	var e = document.getElementById("mainTable");	
	var leftEdge = e.offsetLeft;
	var mainTableHeight = e.offsetHeight;
	var selectorTableHeight = document.getElementById("mainSelectorTable").offsetHeight;
	
	// Determine height required for content
	var contentDivHeight = document.getElementById(divID).offsetHeight;
	
	// Compute the footer location
	if (contentDivHeight > selectorTableHeight) {
		var footerY = mainTableHeight + contentDivHeight - selectorTableHeight + spacer;
	} else {
		var footerY = mainTableHeight + spacer;
	};
	
	// alert("Main Table Height = " + mainTableHeight +"px Selector Table Height = " + selectorTableHeight + "px content Height = " + contentDivHeight + "px leftEdge = " + leftEdge + "px footerY = " + footerY + "px");
	
	// Now position the footer
	var e = document.getElementById("footer");
	e.style.position = "absolute";
	e.style.left = leftEdge + "px";
	e.style.top = footerY + "px";
}

function hide(divID) {
  if (browserType == "gecko" )
     document.poppedLayer = 
         eval('document.getElementById(divID)');
  else if (browserType == "ie")
     document.poppedLayer = 
        eval('document.getElementById(divID)');
  else
     document.poppedLayer =   
        eval('document.layers[divID]');
  document.poppedLayer.style.display = "none";
};

function show(divID, arrowDivID) {
  hide(currentDiv); // hide the current div
  
  // Show the requested div
  if (browserType == "gecko" )
     document.poppedLayer = 
         eval('document.getElementById(divID)');
  else if (browserType == "ie")
     document.poppedLayer = 
        eval('document.getElementById(divID)');
  else
     document.poppedLayer = 
         eval('document.layers[divID]');
  document.poppedLayer.style.display = "block";
  currentDiv = divID;
  
  if (arrowDivID != null) {
  	  hide(currentArrowDiv); // if arrow div specified, hide it
	  // Now show the new arrow
	  if (browserType == "gecko" )
		 document.poppedLayer = 
			 eval('document.getElementById(arrowDivID)');
	  else if (browserType == "ie")
		 document.poppedLayer = 
			eval('document.getElementById(arrowDivID)');
	  else
		 document.poppedLayer = 
			 eval('document.layers[arrowDivID]');
	  document.poppedLayer.style.display = "block";
	  currentArrowDiv = arrowDivID;
  };
  
  adjustFooter(divID);

}