var DropDown = new Class({
	options: {
		onItemSelected: Class.empty,
		displayed:false
		},
	initialize: function(container,options)
	{
	this.container = $(container);
	this.setOptions(options);
	if (this.container != null)
	{
		this.headerLink = $$('#' + container + ' h1 a')[0];
		this.list = $$('#' + container + ' ul')[0];
		if (!this.displayed)
			this.list.addClass('hidden');
		this.options = this.list.getElements('a');
		
		this.headerLink.addEvent('click',this.headerClick.bind(this));
		$each(this.options,function(item){item.addEvent('click',this.itemClick.bind(this))},this);
	}
	},
	itemClick: function(e)
	{
		e = new Event(e);
		e.preventDefault();
		this.headerLink.setText(e.target.getText());
		this.list.toggleClass('hidden');	
		this.fireEvent('onItemSelected',e.target.getProperty('href'));
	},
	headerClick: function(e)
	{
	e = new Event(e);
	e.preventDefault();
	this.displayed=!this.displayed;
	var showList = new Fx.Style(this.list,'opacity',{duration:5500,transition: Fx.Transitions.Quart.easeInOut});	
	this.list.toggleClass('hidden');
	
	}
	}); 
DropDown.implement(new Options, new Events);