var timerlen = 5;
var slideAniLen = 250;

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 slidedown(objname, startHeight, finishHeight, content){
		
	$(content).style.display = "block";;
	finishHeight = parseInt(startHeight) + parseInt($(content).getHeight());

	if(moving[objname])
			return;
			
	if(document.getElementById(objname).style.height != startHeight + "px")
		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, startHeight, finishHeight, content);
}

function slideup(objname, startHeight, finishHeight, content){
	$(content).style.display = "none";
	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, startHeight, finishHeight, content);
}

function startslide(objname, startHeight, finishHeight, content){
	
	startTime[objname] = (new Date()).getTime();
	
	
	//if(document.getElementById(objname).style.height > "78px")
		//return;

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

	//obj[objname].style.display = "block";

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

function slidetick(objname, startHeight, finishHeight, content){
	var elapsed = (new Date()).getTime() - startTime[objname];

	if (elapsed > slideAniLen || parseInt(document.getElementById(objname).style.height) >= finishHeight){
		endSlide(objname, startHeight, finishHeight, content);
	}else {
			var d =Math.round(elapsed / slideAniLen * (finishHeight-80));
			if(dir[objname] == "up")
					d = finishHeight - d;
			
			document.getElementById(objname).style.height = parseInt(startHeight) + parseInt(d) + "px";
	}

	return;
}

function endSlide(objname, startHeight, finishHeight, content){
	clearInterval(timerID[objname]);

	if(dir[objname] == "up")
		document.getElementById(objname).style.height = startHeight + "px";
		document.getElementById(objname).onclick = function(){slidedown(objname, startHeight, finishHeight, content);};
		
	if(dir[objname] == "down") {
		document.getElementById(objname).onclick = function(){slideup(objname, startHeight, finishHeight, content);};
		document.getElementById(objname).style.height = finishHeight + "px"
	}

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

	return;
}