function getElementReference(elementId)
{
  var value=false;
  if(document.layers)
    value=document.layers[elementId];
  else
  {
    if(document.all)
      value=document.all[elementId];
    else
      if(document.getElementById)
        value=document.getElementById(elementId);
  }
  return value;
}
 

function getStyleReference(elementId)
{
  var value=false;
  if(getElementReference(elementId))
  {
    value=getElementReference(elementId);
    if(!document.layers)
      value=value.style;
  }
  return value;
}


function setTop(elementId,newTop,newLeft)
{
   getStyleReference(elementId).top=newTop;
   getStyleReference(elementId).left=newLeft;
}


function showIt(elementId)
{
  getStyleReference(elementId).visibility="visible";
}


function hideIt(elementId)
{
  getStyleReference(elementId).visibility="hidden";
}


function isVisible(elementId)
{
  var vis=getStyleReference(elementId).visibility;
  return vis=="visible"||vis=="show";
}


function initialise()
{
  var currTop=startHeight;
  var currLeft= startleft;
  for(var i=0;i<sectionNames.length;i++)
  {
    setTop("closed"+i,currTop, currLeft);
    showIt("closed"+i);
    currTop+=panelHeight;
  }

  var currTop=startHeight1;
  var currLeft= startleft1;
  for(var i=0;i<sectionNames1.length;i++)
  {
    setTop("closed1"+i,currTop, currLeft);
    showIt("closed1"+i);
    currTop+=panelHeight;
 }
  var currTop=startHeight2;
  var currLeft= startleft2;
  for(var i=0;i<sectionNames2.length;i++)
  {
    setTop("closed2"+i,currTop, currLeft);
    showIt("closed2"+i);
    currTop+=panelHeight;
 }
 }


window.onload=initialise;

function display(index)
{
  var currTop=startHeight;
  var currLeft= startleft;
  for(var i=0;i<sectionNames.length;i++)
  {
    if(i!=index)
    {
      if(isVisible("closed"+i))
      {
        setTop("closed"+i,currTop, currLeft);
        currTop+=panelHeight;
      }
      else
      {
        setTop("open"+i,currTop, currLeft);
        currTop+=panelHeight*(pages[i].length+1);
      }
    }
    else
    {
      if(isVisible("open"+i))
      {
        hideIt("open"+i);
        showIt("closed"+i);
        setTop("closed"+i,currTop, currLeft);
        currTop+=panelHeight;
      }
      else
      {
        hideIt("closed"+i);
        showIt("open"+i);
        setTop("open"+i,currTop, currLeft);
        currTop+=panelHeight*(pages[i].length+1);
      }
    }
  }
  }
function display1(index)
{
  var currTop=startHeight1;
  var currLeft= startleft1;
  for(var i=0;i<sectionNames1.length;i++)
  {
    if(i!=index)
    {
      if(isVisible("closed1"+i))
      {
        setTop("closed1"+i,currTop, currLeft);
        currTop+=panelHeight;
      }
      else
      {
        setTop("open1"+i,currTop, currLeft);
        currTop+=panelHeight*(pages1[i].length+1);
      }
    }
    else
    {
      if(isVisible("open1"+i))
      {
        hideIt("open1"+i);
        showIt("closed1"+i);
        setTop("closed1"+i,currTop, currLeft);
        currTop+=panelHeight;
      }
      else
      {
        hideIt("closed1"+i);
        showIt("open1"+i);
        setTop("open1"+i,currTop, currLeft);
        currTop+=panelHeight*(pages1[i].length+1);
      }
    }
  }
}





function display2(index)
{
  var currTop=startHeight2;
  var currLeft= startleft2;
  for(var i=0;i<sectionNames2.length;i++)
  {
    if(i!=index)
    {
      if(isVisible("closed2"+i))
      {
        setTop("closed2"+i,currTop, currLeft);
        currTop+=panelHeight;
      }
      else
      {
        setTop("open2"+i,currTop, currLeft);
        currTop+=panelHeight*(pages2[i].length+1);
      }
    }
    else
    {
      if(isVisible("open2"+i))
      {
        hideIt("open2"+i);
        showIt("closed2"+i);
        setTop("closed2"+i,currTop, currLeft);
        currTop+=panelHeight;
      }
      else
      {
        hideIt("closed2"+i);
        showIt("open2"+i);
        setTop("open2"+i,currTop, currLeft);
        currTop+=panelHeight*(pages2[i].length+1);
      }
    }
  }
}