/*
droplicious v.1.0
Copyright @2009 http://headfirstproductions.ca/
Darren Terhune
Created May 21, 2009
*/

function toggleElementHelper(element) {
	new Effect.toggle(element, 'blind', { duration: 0.25 });
}
function toggleElement(id) {
	var currentElement = Event.element(id).id;
	var currentElement = $(currentElement);
	var dropElement = currentElement.up(0).next();
	if ($(dropElement).hasClassName('active')) {
		toggleElementHelper(dropElement);
		dropElement.removeClassName('active');
	} else {
		var otherActives = $$('ul.active');		
		otherActives.each(function(e) {
			var othersId = $(e);
			e.removeClassName('active');
			toggleElementHelper(e);
		})
		toggleElementHelper(dropElement)
		dropElement.addClassName('active');
	}
}
function toggleMoreElement(id){
	var currentElement = Event.element(id).id;
	var currentElement = $(currentElement);
	var dropElement = currentElement.up().next();
	toggleElementHelper(dropElement);
	if (currentElement.hasClassName('show')){
		currentElement.update('Show instructions');
		currentElement.removeClassName('show');
	} else {
		currentElement.update('Hide instructions');
		currentElement.addClassName('show');		
	}	
}

document.observe('dom:loaded', function() {
	
	var dropDowns = $$('a.drops');
	dropDowns.each(function(name){
		name.observe('click', toggleElement.bindAsEventListener(this));
	})
	
	var instructions = $$('span.more');
	instructions.each(function(name){
		name.observe('click', toggleMoreElement.bindAsEventListener(this));
	})

})