function toggleDisplay(divId, spanId){
	var divToggle = document.getElementById(divId);
	var spanToggle = document.getElementById(spanId);
	if(divToggle.style.display=="none"){
		spanToggle.innerHTML="<img src=/images/arrow_up.jpg />";
		divToggle.style.display="block";	
		var trueHeight = divToggle.offsetHeight;
		divToggle.style.height = 1;
		growDiv(divId, trueHeight);
	}else{	
		spanToggle.innerHTML="<img src=/images/arrow_down.jpg />";
		shrinkDiv(divId);
	}	
}

function growDiv(divId, trueHeight){
	var divToggle = document.getElementById(divId);

	if(parseInt(divToggle.style.height)<trueHeight){
		divToggle.style.height=parseInt(divToggle.style.height)+5 + "px";
		setTimeout("growDiv('" + divId + "', " + trueHeight + ");", 5);
	}
}

function shrinkDiv(divId){
	var divToggle = document.getElementById(divId);

	if(parseInt(divToggle.style.height)>1){
		divToggle.style.height=parseInt(divToggle.style.height)-5 + "px";
		setTimeout("shrinkDiv('" + divId + "');", 5);
	}else{
		divToggle.style.display="none";		
		divToggle.style.height=null;
		
	}
}

function createSpan(divId){
document.write('<span style="cursor:pointer;" onclick="if(this.id<1){this.id=Math.floor(Math.random()*1000)};toggleDisplay(\'' + divId + '\', this.id);"><img src=../images/arrow_down.jpg /></span>');
}