var Collapsable = {
	
	accordion: function(){
		
		var list = $$('#rightSide .collapse');
		var headings = $$('#subMenu a');
		var collapsibles = new Array();
		var strongs = new Array();
		
		headings.each( function(heading, i) {
			//alert(list[i]);
			var collapsible = new Fx.Slide(list[i], { 
				duration: 500, 
				transition: Fx.Transitions.quadIn
			});
			
			collapsibles[i] = collapsible;
			strongs[i] = $E('strong', heading);
			
			heading.onclick = function(){
				var strong = $E('strong', heading);

				if(strong){
					var newHTML = strong.innerHTML == '&nbsp;' ? '&raquo;' : '&nbsp;';
					strong.setHTML(newHTML);
				}
				
				for(var j = 0; j < collapsibles.length; j++){
					if(j!=i) {
						collapsibles[j].slideOut();
						if(strongs[j]) strongs[j].setHTML('&nbsp;');
					}
				}
				
				collapsible.slideIn();
				
				return false;
			}
			//if(list[i].getProperty('id')!=monId) collapsible.hide();
			if(i!=0) collapsible.hide();
			if(strongs[0]) strongs[0].setHTML('&raquo;');
			
		});
	}
};
window.addEvent('domready', Collapsable.accordion);
