var visibilityTime = 500;
var timeoutUnit = 1;
var currentTime = 0;
var currentId = 0;

function toggleDropDown(id, over, numItems)
{
    currentId = id;
    if(over)
    {
      freaseTimeout();
      var height = 40 + (25 * numItems);
      var dropdown = document.getElementById("dropdown_"+id);
      var background = document.getElementById("links")
      background.style.height = height+'px';
      background.style.visibility = 'visible';   
      dropdown.style.visibility = 'visible';
    }
    else
    {
      
      startTimeout();
    }
 
}

function freaseTimeout()
{
   timeoutUnit = 0;
}

function startTimeout()
{
   currentTime = 0;
   timeoutUnit = 1;
   loopTimeout();
}

function increaseTimeout()
{
   currentTime += timeoutUnit;
   loopTimeout();
}

function loopTimeout()
{  
   if(currentTime>=visibilityTime)
     hideDropDown();
   else
     setTimeout("increaseTimeout();", timeoutUnit);
    
   //document.getElementById('helper').innerHTML = currentTime;
}

function hideDropDown()
{
  var dropdown = document.getElementById("dropdown_"+currentId);
  var background = document.getElementById("links")
  background.style.visibility = 'hidden';
  dropdown.style.visibility = 'hidden';
}