/*
 * Final code by Johnnie Wilcox - http://johnniewilcox.com/
 *
 * adapted from code presented at
 * 
 * http://www.harrymaugans.com/2007/03/06/how-to-create-an-animated-sliding-collapsible-div-with-javascript-and-css/
 *
 * This code may be used freely and for any purpose as long as this header comment is retained.
 */


/* Toggles divs and spans using appropriate CSS code */

var timerlen = 5;
var slideAniLen = 277;

var spanToggled = new Array();
var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endHeight = new Array();
var moving = new Array();
var dir = new Array();


function slideOut(objname,direction){
	if(moving[objname])
			return;

	if(document.getElementById(objname).style.display != "none")
			return; // cannot slide out something that is already visible

	moving[objname] = true;
	dir[objname] = "in";
	startslide(objname,direction);
}

function slideIn(objname,direction){
	if(moving[objname])
			return;

	if(document.getElementById(objname).style.display == "none")
			return; // cannot slide in something that is already hidden

	moving[objname] = true;
	dir[objname] = "out";
	startslide(objname,direction);
}

function slideDown(objname,direction){
        if(moving[objname])
                return;

        if(document.getElementById(objname).style.display != "none")
                return; // cannot slide down something that is already visible

        moving[objname] = true;
        dir[objname] = "down";
        startslide(objname,direction);
}

function slideUp(objname,direction){
        if(moving[objname])
                return;

        if(document.getElementById(objname).style.display == "none")
                return; // cannot slide up something that is already hidden

        moving[objname] = true;
        dir[objname] = "up";
        startslide(objname,direction);
}

function startslide(objname,direction){
        var displayType = "block";

        if(dir[objname] == "down"){
                obj[objname].style.height = "1px";
        }

		startTime[objname] = new Date();

		if (direction=='vertical') {
	        obj[objname].style.display = displayType;
			endHeight[objname] = obj[objname].scrollHeight; 
		} else {
			if (dir[objname]=="in") {
				$(obj[objname]).fadeIn("fast");
			} else {
				$(obj[objname]).fadeOut("fast");
			}
		}

        timerID[objname] = setInterval('slidetick(\'' + objname +'\',\''+ direction +'\');',timerlen);
}

function slidetick(objname,direction){
        var elapsed = ( new Date() - startTime[objname]);

        if (elapsed >= slideAniLen)
			endSlide(objname,direction);
        else {
			if (direction=='vertical') {
				var d =Math.round(elapsed / slideAniLen * endHeight[objname]);

				if(dir[objname] == "up")
						d = endHeight[objname] - d;

				obj[objname].style.height = d + "px";
			}
        }

        return;
}

function endSlide(objname,direction){
        clearInterval(timerID[objname]);
        var displayType = "block";

		if(direction=="vertical") {
			if(dir[objname] == "up")
					obj[objname].style.display = "none";
			else {
					obj[objname].style.display = displayType;		
			}
	        obj[objname].style.height = endHeight[objname] + "px";
		}

        delete(moving[objname]);
        delete(timerID[objname]);
        delete(startTime[objname]);
        delete(endHeight[objname]);
        delete(obj[objname]);
        delete(dir[objname]);

        return;
}

function toggleVisibility(objname,direction){
	obj[objname] = document.getElementById(objname);
	var el = document.getElementById(objname);
	if(direction == 'vertical'){
		if(el.style.display == 'none'){
			slideDown(objname,direction);
		} else {
			slideUp(objname,direction);
		}
	} else {
		if(el.style.display == 'none'){
			slideOut(objname,direction);
		} else {
			slideIn(objname,direction);
		}
	}
}