var DDSPEED = 10;
var DDTIMER = 15;

// main function to handle the mouse events //
function ddMenu(id,d){
  var h = document.getElementById(id + '-ddheader');
  var c = document.getElementById(id + '-ddcontent');
  var t = document.getElementById('top');
  clearInterval(c.timer);
//  clearInterval(t.timer);
// menu
  if(d == 1)
	{
    clearTimeout(h.timer);
    if(c.maxh && c.maxh <= c.offsetHeight)
		{return}
    else 
		if(!c.maxh)
			{
			c.style.display = 'block';
			c.style.height = 'auto';
			c.maxh = c.offsetHeight;
			c.style.height = '0px';
// possible fix - get current height if set			
			t.style.height = '90px';
			
			}
	  c.timer = setInterval(function(){ddSlide(c,t,1)},DDTIMER);
//	  t.timer = setInterval(function(){ddTop(t,1)},DDTIMER);
	}
  else
	{
    h.timer = setTimeout(function(){ddCollapse(c,t)},50);
	
	//    h.timer = setTimeout(function(){ddTopCollapse(t)},50);
	}
// backgrond
//  if(d == 1)
	//{
//  clearTimeout(h.timer);
//    if(t.maxh && t.maxh <= t.offsetHeight)
	//	{return}
 //   else 
	//	if(!t.maxh)
		//	{
//			t.style.display = 'block';
	//		t.style.height = 'auto';
		//	t.maxh = t.offsetHeight;
	//		t.style.height = '0px';
		//	}
	//  t.timer = setInterval(function(){ddTop(t,1)},DDTIMER);
//	}
//  else
//	{
 //  h.timer = setTimeout(function(){ddCollapseTop(t)},50);
	//}
	
  
}

// collapse the menu //
function ddCollapse(c,t){
  c.timer = setInterval(function(){ddSlide(c,t,-1)},DDTIMER);
 //  t.timer = setInterval(function(){ddTop(t,-1)},DDTIMER);
}

// collapse the background //
//function ddTopCollapse(t){
 // t.timer = setInterval(function(){ddTop(t,-1)},DDTIMER);
//}


// cancel the collapse if a user rolls over the dropdown //
function cancelHide(id){
  var h = document.getElementById(id + '-ddheader');
  var c = document.getElementById(id + '-ddcontent');
    var t = document.getElementById('top');
  clearTimeout(h.timer);
  clearInterval(c.timer);
 //   clearInterval(t.timer);
  if(c.offsetHeight < c.maxh){
    c.timer = setInterval(function(){ddSlide(c,t,1)},DDTIMER);
  }
//    if(t.offsetHeight < t.maxh){
//    t.timer = setInterval(function(){ddTop(t,1)},DDTIMER);
 // }
}

// incrementally expand/contract the dropdown and change the opacity //
function ddSlide(c,t,d){
  var currh = c.offsetHeight;
  var tcurrh = t.offsetHeight;

 // alert(tcurrh);
  
  var dist;
  if(d == 1)
	{
    dist = (Math.round((c.maxh - currh) / DDSPEED));
	}
  else
	{
    dist = (Math.round(currh / DDSPEED));
	}
  if(dist <= 1 && d == 1)
	{
    dist = 1;
	}


	c.style.height = currh + (dist * d) + 'px';
//  c.style.opacity = currh / c.maxh;
 //c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxh) + ')';
 // t.style.height = '200px';
 
 // possible fix - pass in current height of top
//t.style.height =  currh +  80 +'px';
  if(d == 1)
	{
	t.style.height = currh + 75+ 'px';
  }
    if(d == -1)
	{
	t.style.height = tcurrh + (dist * d)+'px';
  }
  
  
 
  
  if((currh < 2 && d != 1) || (currh > (c.maxh - 2) && d == 1))
	{
    clearInterval(c.timer);
	}
}



// incrementally expand/contract the background and change the opacity //
/*function ddTop(t,d){
  var currh = t.offsetHeight;
  var dist;
  if(d == 1){
    dist = (Math.round((t.maxh - currh) / DDSPEED));
  }else{
    dist = (Math.round(currh / DDSPEED));
  }
  if(dist <= 1 && d == 1){
    dist = 1;
  }
  t.style.height = currh + (dist * d) + 'px';
  t.style.opacity = currh / t.maxh;
  t.style.filter = 'alpha(opacity=' + (currh * 100 / t.maxh) + ')';
  if((currh < 2 && d != 1) || (currh > (t.maxh - 2) && d == 1)){
    clearInterval(t.timer);
  }
}
*/