window.addEvent('domready', function() 
{
	var last = null;
	var headings = $$('.button');
	var imag = headings;
	var txt = $$('.button h2');
	var list = $$('.collaps');
	var collapsibles = new Array();
	headings.each ( function(heading, i) 
	{
       	var collapsible = new Fx.Slide(list[i]);
        collapsibles[i] = collapsible;
	 	$(heading).addEvent('click', function(e)
        {
            for(var j = 0; j < collapsibles.length; j++)
            if(j!=i)
			{ 
				collapsibles[j].slideOut();
				$(imag[j]).style.backgroundImage = 'url(templates/img/button.png)';
				$(txt[j]).style.color="#FFF";
			}
            collapsible.toggle();
			//$(imag[i]).style.backgroundImage = 'url(templates/img/button_sel.png)';
			//$(txt[i]).style.color="#000";
            return false;
         });
         collapsible.hide();
      
	 	collapsibles[i].addEvent('complete', function() 
		{
			if (collapsibles[i].open)
			{
				$(imag[i]).style.backgroundImage = 'url(templates/img/button_sel.png)';
				$(txt[i]).style.color="#000";
			}
			else
			{
				$(imag[i]).style.backgroundImage = 'url(templates/img/button.png)';
				$(txt[i]).style.color="#FFF";
			}
		});
	 });
});