var currentlyUnrolled = 0;

function setOpenClass (head) {
	var divs2 = $$('.recipeItem');
	divs2.each(function(div2) {
		var head2 = div2.getElement('.recipeHead');
		if (head2 == head) {
			head2.addClass('recipeHead_a')
		} else {
			head2.removeClass('recipeHead_a')
		}
	});
}

window.addEvent('domready', function() {
	
	var divs = $$('.recipeItem');
	
	if(divs.length > 0) {
		
		divs.each(function(div) {
			var head = div.getElement('.recipeHead');
			var content = div.getElement('.recipeDetails');
			var slide = new Fx.Slide(content);
			slide.hide();
			
				head.addEvent('click', function() {
					if (! slide.open) {
						slide.toggle();
						if (currentlyUnrolled != 0) {
							currentlyUnrolled.toggle();
							
						}
						currentlyUnrolled = slide; 
						setOpenClass(head);
					} else {
		        slide.slideOut();
		        currentlyUnrolled = 0;
		        this.removeClass('recipeHead_a');
		}
			});
		});
		
	}//endif
	
});