var DDSPEED = 2; var DDTIMER = 10; function PopupMenu(id, d) { var h = document.getElementById(id + 'SeriesHeader'); var c = document.getElementById(id + 'SeriesContent'); 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, id) }, DDTIMER) } else { h.timer = setTimeout(function() { ddCollapse(c, id) }, 50) } } function ddCollapse(c, id) { c.timer = setInterval(function() { ddSlide(c, -1, id) }, DDTIMER) } function cancelHide(id) { var h = document.getElementById(id + 'SeriesHeader'); var c = document.getElementById(id + 'SeriesContent'); clearTimeout(h.timer); clearInterval(c.timer); if (c.offsetHeight < c.maxh) { c.timer = setInterval(function() { ddSlide(c, 1, id) }, DDTIMER) } } function ddSlide(c, d, id) { var currh = c.offsetHeight; var dist; var l = document.getElementById(id + 'MenuLink'); if (d == 1) { l.style.color = '#ffffff'; l.style.width = '99px'; dist = (Math.round((c.maxh - currh) / DDSPEED)) } else { l.style.color = '#000000'; l.style.width = '99px'; dist = (Math.round(currh / DDSPEED)) } if (dist <= 1 && d == 1) { dist = 1 } c.style.height = currh + (dist * d) + 'px'; if ((currh < 2 && d != 1) || (currh > (c.maxh - 2) && d == 1)) { clearInterval(c.timer) } }