function cload( element, cname ) {
	setTo( element, document.getElementById(element).offsetHeight, cname );
	document.getElementById(element).style.overflow = 'hidden';
}

function setTo( element, to, cname ) {

//	alert(document.getElementById(element).offsetHeight);
	var to = to - 10;
	change( element, to, 25, cname );
	document.getElementById(element).innerHTML = '<div id="content"><span style="text-align:center;font-size:18px;width:650px;height:20px;">Please hold while the content loads</span></div>';
//	document.getElementById(element).innerHTML = 'hi my name is bob<br /><br />';
}

function change( element, make, stopa, cname ) {
	document.getElementById(element).style.height = make + 'px';
	if( stopa < make ) {
		setTimeout("change('"+element+"', "+(make-10)+", "+stopa+", '" + cname + "');", 10);
	} else {
//		document.getElementById(element).style.height = '';
//		document.getElementById(element).innerHTML = '<div id="content"></div>';
//		document.getElementById('content').style.height = 'auto';
		new Ajax.Updater( 'content', 'content.php?r=' + cname, {onComplete:function() {
			change2( element, 25, document.getElementById('content').offsetHeight );
		} });
	}
}

function change2( element, make, stopa ) {
	document.getElementById(element).style.height = make + 'px';
	if( stopa > make ) {
		setTimeout("change2('"+element+"', "+(make+10)+", "+stopa+");", 10);
	}
}