/* Dölj alla element som ska hanteras av h1.expandables. Skönt att slippa köra style="display: none" i HTML-koden */
$$("h1.expandable").each(function (elem) {
	
	var rel = $(elem).readAttribute("rel");
	if (!$(elem).hasClassName("expanded")) {
		$(rel).hide();
	}
});

document.observe('dom:loaded', function(){
	
	$$("h1.expandable").each(function (elem) {
		
		var rel = $(elem).readAttribute("rel");
		if (!$(elem).hasClassName("expanded")) {
			$(rel).hide();
		}
		
		$(elem).observe("click",function () {
			var rel = $(elem).readAttribute("rel"); // Hämta ut elementet som ska visas/döljas
			
			if ($(elem).hasClassName("expanded")) {
				$(elem).removeClassName("expanded");
				Effect.BlindUp($(rel),{duration : 0.2});
			}
			else {
				$(elem).addClassName("expanded");
				Effect.BlindDown($(rel),{duration : 0.2});
			}
		});
	});
});