/*
 * very simple tree.
 */
var MooTree=new Class({
	initialize: function(el){
		this.expandAll=true;
		this.el=$(el);
		var children=this.el.getElements('li').each(function(item,index){
			//select item
			item.addEvent('click',function(event){
				var sel=$E('li[class$=selected]',this.el)
				if(sel) sel.removeClass('selected');
				item.addClass('selected');
				event.stop();
			});
			//child container
			var container=item.getElement('ul');
			if(container){
				var ctrlEl=new Element('div',{
					'class':'ctrl',
					'events':{
						'click':function(event){
							if(item.hasClass('collapsable')){
								item.set('class','expandable');
								container.setStyle('display','none');
							}else if(item.hasClass('expandable')){
								item.set('class','collapsable');
								container.setStyle('display','block');										
							}else if(item.hasClass('lastCollapsable')){
								item.set('class','lastExpandable');
								container.setStyle('display','none');
							}else if(item.hasClass('lastExpandable')){
								item.set('class','lastCollapsable');
								container.setStyle('display','block');
							}
							event.stop();
						}
					}
				});
				ctrlEl.inject(item,'top');
				item.set('class','collapsable');
			}
			
			if(!item.getNext()){
				if(item.getElement('ul'))
					item.set('class','lastCollapsable');
				else
					item.set('class','last');
			}				
		}.bind(this));
	}
	
});