var DDSPEED = 5;
var DDTIMER = 10;

function ddMenu(id,d){
	var h = document.getElementById(id + '-ddheader');
	var c = document.getElementById(id + '-ddcontent');
	clearInterval(c.timer);
	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';
		}
		c.timer = setInterval(function() { ddSlide(c,1) },DDTIMER);
	} else {
		h.timer = setTimeout(function() { ddCollapse(c) },50);
	}
}

function ddCollapse(c){
	c.timer = setInterval(function() { ddSlide(c,-1) },DDTIMER);
}

function cancelHide(id){
	var h = document.getElementById(id + '-ddheader');
	var c = document.getElementById(id + '-ddcontent');
	clearTimeout(h.timer);
	clearInterval(c.timer);
	if(c.offsetHeight < c.maxh) {
		c.timer = setInterval(function() { ddSlide(c,1) },DDTIMER);
	}
}

function ddSlide(c,d){
	var currh = c.offsetHeight;
	var curro;
	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';
	curro = currh / c.maxh;
	if(curro > 0.95) {
		curro = 1;
	}
	c.style.opacity = curro;
	c.style.filter = 'alpha(opacity=' + (curro * 100) + ')';
	if((currh <= 2 && d != 1) || (currh > (c.maxh - 2) && d == 1)) {
		clearInterval(c.timer);
	}
}