var closedHeight = '34';
var className = 'profile';

document.writeln('<style type="text/css">.'+className+' { height: '+ closedHeight +'px }<\/style>');

function setupProfiles() {
	var divList = document.getElementsByTagName( 'div' );
	var id;
	for ( var i = divList.length - 1; i >= 0; i-- ) {
		if ( divList[i].className == className ) {
			var moreLink = document.createElement('a');
			moreLink.setAttribute( 'href', '#' );
			moreLink.onclick = toggleDiv;
			moreLink.innerHTML = 'Detail';
			divList[i].appendChild( moreLink );
		}
	}
}

function toggleDiv() {
	var div = this.parentNode;

	if ( div.style.height == 'auto' ) {
		div.style.height = closedHeight+'px';
		this.innerHTML = 'Detail';
	} else {
		var divList = document.getElementsByTagName( 'div' );
		for ( var i = divList.length - 1; i >= 0; i-- ) {
			if ( divList[i].className == 'profile' ) {
				divList[i].style.height = closedHeight+'px';
			}
		}
		div.style.height = 'auto';
		this.innerHTML = 'Close';
	}
	
	var yCoord = div.offsetTop;
	var node = div;
	while ( node.offsetParent && node.offsetParent != document.body ) {
		node = node.offsetParent;
		yCoord += node.offsetTop;
	}

	window.scrollTo( 0, yCoord - 5 )
	
	return false;
}

addLoadEvent( setupProfiles );