jQuery.fn.yummydrop = function (options,width) {
	var title = jQuery(this).attr('title');
	jQuery(this).css('width',width);
	jQuery(this).append('<div class="dropdownValue" title="'+title+'">'+options[0]+'</div>');
	jQuery(this).append('<ul class="dropdownList" title="'+title+'">');
	for(i=0; i<options.length; i++) { 
		jQuery(this).parent().find('.dropdownList[title='+title+']').append('<li>'+options[i]+'</li>');
	}
	
	jQuery(this).parent().find('.dropdownList').hide();
	jQuery(this).parent().find('.dropdownList').css('width',width);
	jQuery(this).find('.dropdownList li:first').addClass('first');
	jQuery(this).find('.dropdownList li:last').addClass('last');
	jQuery('.dropdownValue').toggle(function(){
		jQuery(this).parent().find('.dropdownList[title='+title+']').animate({"height": "toggle", "opacity": "toggle"}, 200);
		jQuery(this).addClass("dropdownValueClicked");
		jQuery('.dropdownList').not('.dropdownList[title='+title+']').hide();
	}, function() {
		jQuery(this).parent().find('.dropdownList[title='+title+']').animate({"height": "toggle", "opacity": "toggle"}, 200);
		jQuery(this).removeClass("dropdownValueClicked");
		jQuery('.dropdownList').not('.dropdownList[title='+title+']').hide();
	});
	
	jQuery('.dropdownList li').live('mouseenter',function() {
		jQuery(this).stop().addClass("hover");
	}).live('mouseleave', function() {
		jQuery(this).stop().removeClass("hover");
	});
	
	jQuery('.dropdownList[title='+title+'] li').live('mousedown',function(){
		jQuery('.dropdownValue').removeClass("dropdownValueClicked");
		var value = jQuery(this).html();
		jQuery(this).parent().animate({"height": "toggle", "opacity": "toggle"}, 200);
		jQuery(this).parent().parent().find('.dropdownValue[title='+title+']').html(value);
	});
}
