function Dropdown(el)
{
	var thisClass = this;
	this.selected = $(el.children(".selected")[0]).children("span")[0].className;
	this.element = null;

	this.open = function()
	{
		var height = 0;
		el.addClass("open");
		
		$(this).children().each(function()
		{
			if (!$(this).hasClass("hidden")) {
				$(this).show();
				height += $(this).height();
			}
		});
		
		$(this).animate({height: height}, 500, "swing");
	};
	
	this.close = function()
	{
		el.removeClass("open");
		$(this).animate({height: $(this).children(".selected").height()}, 200, "swing", function()
		{
			$(this).children(":not(.selected)").hide();			
		});
	};
	
	this.select = function()
	{
		el.children().removeClass("selected");
		$(this).addClass("selected");
		thisClass.element = $(this);
		var className = $(this).children("span")[0].className;
		if (thisClass.selected != className) {
			thisClass.selected = className;
			if (typeof thisClass.change == 'function') {
				thisClass.change();
			}
		}
		//el.hover();
	};
	
	this.change = null;
	
	el.children().click(this.select);
	el.toggle(this.open, this.close);
};
