var idArray = new Array( "content", "content1", "content2", "content3", "content4", "content5", "content6", "content7", "content8", "content9", "content10", "graphic" );
var frame;
var hex;
var done = false;
var timesCalled = 0;



//-----------------------------------------------------------------------------
//  DETERMINE LAYER - determines what kind of layer is associated with the id 
//  passed, based on browser being used. 
//-----------------------------------------------------------------------------
//  id - div id
//  layer - leave blank (recursive for old netscape)
//-----------------------------------------------------------------------------
function determineLayer( id, layer ) 
{ 
  var div;  
  
  if( !layer ) layer = document; 

  //----------
  //  FRAMES
  //----------
  position = id.indexOf( "?" );
  if( position > 0 && parent.frames.length ) 
  {
    layer = parent.frames[id.substring( position + 1 )].document; 
    id = id.substring( 0, position );
  }
   
  //---------------------
  //  INTERNET EXPLORER
  //---------------------
  if( !( div = layer[id] ) && layer.all ) div = layer.all[id]; 
  
  for( index = 0; !div && index < layer.forms.length; index++ ) 
  {
    div = layer.forms[index][id];
  }

  //----------------
  //  OLD NETSCAPE
  //----------------
  for( n = 0; !div && layer.layers && n < layer.layers.length; n++ ) 
  {
    div = determineLayer( id, layer.layers[n].document );
  }

  //----------------
  //  NEW NETSCAPE
  //----------------
  if( !div && document.getElementById ) div = document.getElementById( id ); 
  
  //---------------------
  //  RETURN DIV OBJECT
  //---------------------
  return div;
}

//--------
//  HIDE
//--------
function hide( mylayer )
{
  if( ( obj = determineLayer( mylayer ) ) != null ) 
  { 
    v = "hide";

    if( obj.style ) 
    { 
      obj = obj.style; 
      v = "hidden"
    }

    obj.visibility = v; 
  }
  
  return true;
}

//-----------
//  DISPLAY
//-----------
function display( mylayer ) 
{
  init();
  
  mylayers = mylayer.split( ":" );
  
  for( l = 0; l < mylayers.length; l++ )
  {
    if( ( obj = determineLayer( mylayers[l] ) ) != null ) 
    { 
      v = "show";
  
      if( obj.style ) 
      { 
        obj = obj.style; 
  
        v = "visible"; 
      }
  
      obj.visibility = v;
      
      if( mylayers[l] == "content" )
      {
        frame = 40;
        hex = 255;
        colorfade( obj );
      }
      
      if( mylayers[l] == "content1" ) done = true;
      if( mylayers[l] == "content2" ) done = true;
      if( mylayers[l] == "content3" ) done = true;
      if( mylayers[l] == "content4" ) done = true;
      if( mylayers[l] == "content5" ) done = true;
      if( mylayers[l] == "content6" ) done = true;
    }
  }
  
  return true;
}

//--------
//  INIT
//--------
function init()
{
  for( i = 0; i < idArray.length; i++ )
  {
    hide( idArray[i] );
  }
  
  return true;
}


function colorfade( obj )
{	     
  if( frame > 20 ) 
  {	
    hex -= 12; 
    obj.color = "rgb(" + hex + ", " + hex + ", " +  hex + " )";       
    frame--;
    setTimeout( "colorfade( obj )", 100 );
  }
  else
  {
    if( frame > 0 )
    {
      if( frame == 20 )
      {
        frame--;
        setTimeout( "colorfade( obj )", 6500 );
      }
      else
      {
        hex += 12;
        obj.color = "rgb(" + hex + ", " + hex + ", " + hex + " )";
        frame--;
        setTimeout( "colorfade( obj )", 100 );
      }
    }
    else
    {
      obj.color = "rgb( 255, 255, 255 )";
      frame = 20;
      hex = 255;
    }
  }
}

function setChange()
{
  if( !done )
  {
    timesCalled++;
    if( timesCalled % 2 )
    {
      display( "graphic:gradenter" );
      timeout = 5000;
    }
    else
    {
      display( "graphic:gradexit:content" ); 
      timeout = 10000;
    }
    
    setTimeout( "setChange()", timeout );
  }
}


//  NSreload - reloads the window if Netscape 4 resized
function NSreload( init ) 
{  
  if( init == true ) with ( navigator ) 
  {
    if( ( appName == "Netscape" ) && ( parseInt( appVersion ) == 4 ) ) 
    {
      document.pgW = innerWidth; 
      document.pgH = innerHeight; 
      onresize = NSreload; 
    }
  }
  else 
  {
    if( innerWidth != document.MM_pgW || innerHeight != document.MM_pgH ) location.reload();
  }
}

NSreload( true );