/**
* original script from: http://www.xtractpro.com/articles/Animated-Collapsible-Panel.aspx
**/
var currentContent = null;
function AniToggle (content, interval, step) {
    // wait for another animated expand/collapse action to end
    if (currentContent==null) {
        currentContent = content;
        var expand = (content.style.display == "none");
        if (expand) {
			content.style.display = "block";
		}
        var max_height = content.offsetHeight;

        var step_height = step + (expand ? 0 : -max_height);
        //if (image != "undefined") { AniToggleIcon(image); }
                
        // schedule first animated collapse/expand event
        content.style.height = Math.abs(step_height) + "px";
        setTimeout("DoAnimToggle("
            + interval + "," + step
            + "," + max_height + "," + step_height + ")", interval);
    }
}

function DoAnimToggle (interval, step, max_height, step_height) {
    var step_height_abs = Math.abs(step_height);
    // schedule next animated collapse/expand event
    if (step_height_abs>=step && step_height_abs<=(max_height-step)) {
        step_height += step;
        currentContent.style.height = Math.abs(step_height) + "px";
        setTimeout("DoAnimToggle("
            + interval + "," + step
            + "," + max_height + "," + step_height + ")", interval);
    }
    // animated expand/collapse done
    else {
        if (step_height_abs<step) {
			currentContent.style.display = "none";
		}
        currentContent.style.height = "";
        currentContent = null;
    }
}

function toggle_download(id) {
	AniToggle(document.getElementById("DWNB_" + id),5,25);
	return false;
}

/**
usage:

	<a href=\"#\" onclick=\"return toggle_download(' BOX ID ');\">Link</a>
	<div id=\" BOX ID \" style=\"display:none; overflow:hidden;\">
		Contained DIV
	</div>
**/