var clickedAmenity = null;
function initAmenities() {
	var amenities = document.getElementsByClassName('amenities-info-row');
	amenities.each(function(amenity) {
		var title = amenity.down('div.title');
		Event.observe(title, 'mouseover', overAmenity.bindAsEventListener(title));
		Event.observe(title, 'mouseout', outAmenity.bindAsEventListener(title));
		Event.observe(amenity, 'click', clickAmenity.bindAsEventListener(amenity));
	});
}

function overAmenity(e) {
	if (this.parentNode != clickedAmenity)
		this.className = 'title-hover';
}

function outAmenity(e) {
	if (this.parentNode != clickedAmenity)
		this.className = 'title';
}

function clickAmenity(e) {
	if (clickedAmenity != this) {
		if (clickedAmenity != null) {
		 	Effect.BlindUp(clickedAmenity.down('div.content'), {duration:0.5});
		}
		clickedAmenity = this;
		if (clickedAmenity != null) {
			setTimeout('timeoutAmenity()', 700);
		} else {
			timeoutAmenity();
		}
	}
}

function timeoutAmenity() {
	Effect.toggle(clickedAmenity.down('div.content'), 'blind', {duration:0.5});
	clickedAmenity.down(0).className = 'title-selected';
}