function toggleLayer(whichLayer)
{
  var layer = getElementFromID(whichLayer);
  
  if (layer)
  {
    var layerStyle = layer.style;
    layerStyle.display = (layerStyle.display) ? "" : "none";
  }
}

function getElementFromID(elementID)
{
  var element = false;
  
  if (document.getElementById)
  {
    // standards based method
    element = document.getElementById(elementID)
  }
  else if (document.all)
  {
    // old msie method
    element = document.all[elementID];
  }
  else if (document.layers)
  {                                                               
    //  nn4 method
    element = document.layers[elementID];
  }
  
  return element;
}

// current id of DIV being updated
var requestID;
var loaded = new Array();

var responseSuccess = function(o){
   tdID=getElementFromID(requestID+"_td");
   if (tdID)
   {
     tdID.innerHTML = o.responseText;
     loaded[requestID] = true;
   }
}
var responseFailure = function(o){  alert ("Failure!!") }                                                                                  

var callbackObject =
{
  success:responseSuccess,
  failure:responseFailure                                                                                                                	 
}
                                                                                                                                         
function displayInfo(packageID)
{
  if(window.opera)
  {
   window.open('package.php?pid='+packageID, 'open_window', "menubar=no,width=550,height=600,toolbar=no");
   return;
  }

  requestID = packageID;
  // toggle the info layer
  toggleLayer(requestID);

  // if loaded already then done
  if (loaded[requestID] == true)
    return;

  pageURL = 'package.php?pid='+packageID+'&inPage=1';
  // make the request
  var cObj = YAHOO.util.Connect.asyncRequest('GET', pageURL, callbackObject);
}