// Script to create a drop-down menu effect using layers.
//(c)Copyright Daren Craddock 2002

//You may use this code in any application, no limits,
//provided that you acknowledge Daren Craddock as the originator.

ButtonHeights = new Array();
Indexes = new Array();
Indexes[0] = 'Resources';
Indexes[1] = 'Search';
resource_small = false;
search_small = false;
resource_height = '';
search_height = '';
page_loaded = false;

function LayerIndex(lyr)
{
  for (x in Indexes)
  {
    if (Indexes[x] == lyr)
    {
      return x
    }
  }
}

// big() makes selected layer longer (height property)
function big(lyr)
{
  if (page_loaded != true)
  {
    return;
  }
  if (lyr == 'Resources')
  {
    document.getElementById(lyr).style.height = resource_height;
    resource_small = false;
    search_small = true;
    smaller();
  }
  
  if (lyr == 'Search')
  {
    document.getElementById(lyr).style.height = search_height;
    resource_small = true;
    search_small = false;
    smaller();
  }
}

/* small() makes selected layer shorter (height property)*/
function small(lyr)
{
  if (page_loaded != true)
  {
    return;
  }
  if (lyr = 'Resources') resource_small = true;
  if (lyr = 'Search') search_small = true;
  setTimeout("smaller();", 3000);
}

function smaller()
{
  if (page_loaded != true)
  {
    return;
  }
  if (resource_small == true) document.getElementById('Resources').style.height = '22px';
  if (search_small == true) document.getElementById('Search').style.height = '22px';
}

/* start() makes all layers short to start with (height property)*/
function start()
{
  page_loaded = true;
  small('Resources');
  small('Search');
  resource_height = document.getElementById('Resources').style.height;
  search_height = document.getElementById('Search').style.height;
  document.getElementById('Resources').style.height = '22px';
  document.getElementById('Search').style.height = '22px';
}