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] = heading.getElement('strong');
			
			heading.onclick = function(){
				var span = heading.getElement('strong');

				if(span){
					var newHTML = span.innerHTML == ' ' ? '»' : ' ';
					span.set('html', newHTML);
				}
				
				for(var j = 0; j < collapsibles.length; j++){
					if(j!=i) {
						collapsibles[j].slideOut();
						if(strongs[j]) strongs[j].set('html', '&nbsp;');
					}
				}
				
				collapsible.toggle();
				
				return false;
			}
			
			if(i!=0) collapsible.hide();
			if(strongs[0]) strongs[0].set('html', '&raquo;');
			
		});
	}
};
window.addEvent('domready', Collapsable.accordion);