// Determine browser and version.
function Browser() {

  var ua, s, i;

  this.isIE    = false;
  this.isNS    = false;
  this.version = null;

  ua = navigator.userAgent;

  s = "MSIE";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isIE = true;
    return;
  }

  s = "Netscape6/";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    return;
  }

  s = "Gecko";
  if ((i = ua.indexOf(s)) >= 0) {
    this.isNS = true;
    return;
  }
}
var browser = new Browser();

var ID;
var n = 200;
var timer = new Array();
var speed = 5;

var checkSet = false;

function expandMenu(id)
{
   if (checkSet) return;
   
   if (id == ID2)
   {
	  clearTimeout(timer2[ID2]);
	  n2 = 0;
   }
   ID = id;
   document.getElementById(id).style.backgroundPosition = n.toString() + 'px center';
   n -= 20;
   timer[id] = setTimeout('expandMenu(ID)', speed);
   if (n == 0)
   {
	   clearTimeout(timer[id]);
	   n = 200;
	   return;
   }
}

function closePrevious()
{
   try
   {
	   document.getElementById(ID2).style.backgroundPosition = '240px center'; 
   }
   catch(e){}
}

var ID2;
var n2 = 0;
var timer2 = new Array();
function collapseMenu(id)
{
   if (checkSet) return;  
   closePrevious();
   if (id == ID)
   {
	  clearTimeout(timer[ID]); 
   }
   ID2 = id;
   if (n2 == 0)
   {
      if (n < 200)
	  {
	     n2 = n;
	  }else
	  {
		 n2 = 20;  
	  }
	  n = 200;
   }
   else
   n2 += 20;
   document.getElementById(id).style.backgroundPosition = n2.toString() + 'px center';
   timer2[id] = setTimeout('collapseMenu(ID2)', speed);
   if (n2 >= 240)
   {
	   clearTimeout(timer2[id]);
	   n2 = 0;
	   return;
   }
}

function setMenu(id)
{
   if(checkSet) return;
   document.getElementById(id).style.backgroundPosition = '20px center';
   checkSet = true;
}

var grTimer;
var left = 749;
var grdSpeed = 5;
function gradSwap()
{
   var grd = document.getElementById('blackGr');
   grd.style.left = left.toString() + 'px';
   left -= 50;
   
   grTimer = setTimeout('gradSwap()', grdSpeed);
   if (left <= 150)
   {
	   clearTimeout(grTimer); 
	   grd.style.display = 'none';
	   document.getElementById('heading').style.display = 'block';
	   expandContent();
   }
}


var height = 0;
var ctTimer;
var ctSpeed = 10;
function expandContent()
{
	var conDiv = document.getElementById('contentWrap');
    conDiv.style.display = 'block';
	conDiv.style.height = height.toString() + 'px';
	height += 50;
   
   ctTimer = setTimeout('expandContent()', ctSpeed);
   if (height >= 340)
   {
	   conDiv.style.height = '346px';
	   clearTimeout(ctTimer);
   }
}

function init()
{
   if (browser.isIE)
   {
	  ctSpeed = 10;
	  grdSpeed = 5;
	  speed = 8;
   }
   else
   {
	  ctSpeed = 50;
	  grdSpeed = 40; 
	  speed = 24;
   }
   gradSwap();
}

function getID(id)
{
   return document.getElementById(id);
}