$(document).ready(function(){
    $.fn.NavigationWidget = function() {
		var $widget = this;

		var $nav = $widget.find('#outer');

		$nav.children('li').each(function() {
			$(this).mouseenter(function() {
				$(this).children('div').stop(true, true).show();
			});

			$(this).mouseleave(function() {
				$(this).children('div').stop(true, true).hide();
			});
		});

		return $widget;
	};
    $('#mainmenu').NavigationWidget();
});