﻿(function($) {
	
	jQuery.fn.dropdown = function(options) {
		//try {

		options = $.extend(
			{ 
				heading: "h1",
				itemContainer: ".ui-dropdown-items"
			},
			options
		);
		
		
		this.each(
			function() {
				var edge = $(this);
				var heading = $(options.heading, edge);
				var itemContainer = $(options.itemContainer, edge);

				var on = function() {
						//heading.addClass('ui-dropdown-heading-active');
						itemContainer.removeClass('ui-dropdown-items-hide');
						itemContainer.slideDown(100);
					}	
					
				var off = function() {
						//heading.removeClass('ui-dropdown-heading-active');
						
						// -- anim not working in ie6...
						//itemContainer.slideUp(100, function() { $(this).addClass('ui-dropdown-items-hide'); });
						itemContainer.addClass('ui-dropdown-items-hide');
					}
				
				off();				
				edge.hover(on, off);
				//itemContainer.hover(on, off);
			}
		);
		
		//} catch (ex) {
		//	alert('error: ' + ex.message);
		//}
		
	};
})(jQuery);