WEB STANDARDS CREATIVITY

* reset function used to set all navigation pane divs back to their
initial state */
function reset(element) {
var elt = document.getElementById('drops');
var elts = elt.getElementsByTagName('div');
var exposed = document.getElementById(element);
for (i=0; i< elts.length; i++) {
// we only want to reset divs that are acting as navigation panes
// and exclude the current one that has been set to "exposed"
if (!/drop-/i.test(elts[i].id) || (exposed == document.getElementById(elts[i].id))) {
continue;
}
thiselt = elts[i];
thiselt.className = thiselt.className.replace(/exposed/g,'')
// set style back to overflow: hidden to remove visual artifacts
// when switching from one tab to another
thiselt.style.overflow = "hidden";
}
}
return;
function changeHeight(elt, dH) {
var thiselt = document.getElementById(elt);
// is this a reveal up or down? if up, the final target height is 0
var targetHeight = (dH < 0) ? 0 : dH;
// the current height of the element
var currHeight = thiselt.offsetHeight;
// the change in height required - to smooth the transition we reveal
// half of the remaining height of the pane with each iteration
var dHeight = Math.ceil((targetHeight - currHeight) / 2);
newHeight = currHeight + dHeight;
// if the difference is less than 1 pixel we'll stop moving,
//clear the interval and set the height to the exact height
// we started with
if (Math.abs(dHeight)