var speed    = "middle";
var expanded = new Array(false,false);

jQuery.fn.slideFadeDown = function(speed, easing, callback) {
	return this.animate({opacity: 'show', height: 'show'}, speed, callback);
};

jQuery.fn.slideFadeUp = function(speed, easing, callback) {
	return this.animate({opacity: 'hide', height: 'hide'}, speed, callback);
};

function animateSelectBox(ulID, id) {

	$('ul#'+ulID).hide();

	$('ul#'+ulID+' li a').click(function(){
		$('ul#'+ulID).slideFadeUp(speed,'',function(){
			expanded[id] = false;
		});
	});

	$('body').click(function(){
		$('ul#'+ulID).slideFadeUp(speed,'',function(){
			expanded[id] = false;
		});
	});


	$('div.'+ulID+'-label').parent().click(function(){
		if (!expanded[id]) $('ul#'+ulID).slideFadeDown(speed);
		expanded[id] = true;
		return false;
	});

}