$.fn.rb_menu = function(options) {
    var self = this;

    this.options = {
        // transitions: easein, easeout, easeboth, bouncein, bounceout,
        //              bounceboth, elasticin, elasticout, elasticboth
        transition:    'easein',
        // trigger events: mouseover, mousedown, mouseup, click, dblclick
        triggerEvent:  'mouseover',
        // number of ms to delay before hiding menu (on page load)
        loadHideDelay : 500,
        // number of ms to delay before hiding menu (on mouseout)
        blurHideDelay:  500,
        // number of ms for transition effect
        effectDuration: 500
    }

    // make sure to check if options are given!
    if(options) {
        $.extend(this.options, options);
    }

    return this.each(function() {
        var menu = $("#drop"+this.id);

		menu.closed = true;
		menu.hide();

        menu.hide = function() {
            if(menu.css('display') == 'block' && !menu.closed) {
                menu.BlindUp(
                    self.options.effectDuration,
                    function() {
                        menu.closed = true;
                        menu.unbind();
                    },
                    self.options.transition
                );
            }
			$(".dropmenu li").css("fontWeight","normal");
        }

        menu.show = function() {
            if(menu.css('display') == 'none' && menu.closed) {
                menu.BlindDown(
                    self.options.effectDuration,
                    function() {
                        menu.closed = false;
                        menu.hover(function() {
                            clearTimeout(menu.timeout);
                        }, function() {
                            menu.timeout = setTimeout( function() {
                                menu.hide();
                            }, self.options.blurHideDelay);
                        });
                    },
                    self.options.transition
                );
            }
	    $(".dropmenu li").mouseover(function(){$(this).css({fontWeight:"bold",color:"white",background:"#e6ccb3"});}).mouseout(function(){$(this).css({fontWeight:"normal",color:"#a0a0a0",background:"#f2e6da"});});
        }

        self.bind("mouseover", function() {
          menu.show();
        });
        self.bind("mouseout", function() {				
          menu.timeout = setTimeout( function() {menu.hide();}, self.options.blurHideDelay);
        });
    });
};
