///<reference path="/_js/jQuery/1.4.1/jquery-1.4.1-vsdoc.js"/>

(function ($) {

    $.fn.MegaDropDown = function () {

        //perform these actions on each element
        return this.each(function () {
            var mdd = $(this);

            var body_onClick = function () {
                var visible = $("div.dropdown", mdd).hasClass("open");
                if (visible) {
                    $("div.dropdown", mdd).stop().slideUp().removeClass("open");
                    $("body").unbind("click");
                }
            }

            mdd.hover(function () {
                //over
                $("div.button", mdd).addClass("over");
            }, function () {
                //leave
                $("div.button", mdd).removeClass("over");
            });

            //            $("div.dropdown", mdd).blur(function () {
            //                $("div.dropdown", mdd).slideUp();
            //            });

            mdd.click(function () {
                //is the box showing?
                var visible = $("div.dropdown", mdd).hasClass("open");
                if (!visible) {
                    $("div.dropdown", mdd).stop().slideDown(function () {
                        $("body").bind("click", body_onClick);
                    }).addClass("open");                    
                }
            });
        });
    };
})(jQuery);