///////////////////////////////////////////////////////////
// hideAllToggles
///////////////////////////////////////////////////////////

function hideAllToggles(){
	$$('.toggle').each(function(item) {
		var target = item.readAttribute('href').split('#')[1]
		$(target).hide();
	});
}

///////////////////////////////////////////////////////////
// toggleTarget
///////////////////////////////////////////////////////////

function toggleTarget(){
	$$('.toggle').each(function(item) {
		var targetEl = $(item.href.split('#')[1]);
		Event.observe(item, 'click', function(evt){
			Event.stop(evt);
			Event.element(evt).blur()
			if(targetEl.style.display == 'none'){
				item.addClassName('active');
				targetEl.show();
			}else {
				item.removeClassName('active');
				targetEl.hide();
			}
		});
	});
}

///////////////////////////////////////////////////////////
// initToggler
///////////////////////////////////////////////////////////

function initToggler(){
	hideAllToggles();
	toggleTarget();
	

	// check the url
	if(location.href.split('#')[1]){
		var targetId = location.href.split('#')[1];
		if($(targetId)){
			$(targetId).show();
		}
	}
}

///////////////////////////////////////////////////////////
document.observe('dom:loaded', function(){
	initToggler()
});