YAHOO.util.Event.onDOMReady(
	function() {
		var details = YAHOO.util.Dom.getElementsByClassName('event-details');
		var headers = YAHOO.util.Dom.getElementsByClassName('event-header');
		
		
		var openEventId = '';
		if(document.location.hash) {
			var openEventId = document.location.hash.substring(1, document.location.hash.length);
		}
		
		for(var i=0; i<details.length; i++){
			YAHOO.util.Dom.setStyle(details[i],'overflow','hidden');

			if(headers[i].id != openEventId) {
				var anim = new YAHOO.util.Anim(details[i], {height: {to: 0}}, 0);
				anim.animate();
			}



			YAHOO.util.Event.on(headers[i], 'click', function(evt) {
				var canvas = YAHOO.util.Dom.getElementsByClassName('canvas', 'div', this)[0];
				var heightTo = canvas.offsetHeight;
				var showingClass = 'details-visible';
				if(YAHOO.util.Dom.hasClass(this, showingClass)){
					heightTo = 0;
					YAHOO.util.Dom.removeClass(this, showingClass);
				} else {
					YAHOO.util.Dom.addClass(this, showingClass);
				}
				var anim = new YAHOO.util.Anim(this, {height: {to: heightTo}}, 0.5, YAHOO.util.Easing.easeOut);
				anim.animate();
			}, null, details[i]);
		}
	}
);