// requires mootools

window.addEvent('domready', function() {

var greenCross = '<a href="#" onclick="alert(\'add\')"><img src="../tcms/resources/gfx/app/green_cross.gif" alt="add new!" title="add new!" class="greencross"/></a>';

var accordion = new Accordion('h3.nav', 'div.nav', {
	opacity: false,
	onActive: function(toggler, element){
		var navItem =  toggler.getText().replace(/^\s+|\s+|[{}]$/g,"");
		if(navItem=="content") {
			loadContent();
		}
		if(navItem=="assets") {
			loadAssets();
		}
		if(navItem=="admin") {
			$('status_container').setHTML(" ");
			loadAdmin();
		}
		toggler.setHTML(greenCross + "<span class='redcurly'>{</span>" + navItem + "<span class='redcurly'>}</span>");
		
		
	},
 	onBackground: function(toggler, element){
		toggler.setStyle('color', '#54707');
		var navItem =  toggler.getText().replace(/^\s+|[{}]+|\s+$/g,"");
		toggler.setHTML(greenCross + navItem);
	}
}, $('navigation'));
});