catalogMenu = {


    init: function() {

        var self = this;
            self.stop = false;


        $(".brandInMenu").each(function() {
            var link = $(this);
                link.attr("href", "javascript:;;");

            this.onclick = function() {


                if (self.stop == true)
                    return;
                
                self.stop = true;
                
                var list = $("#cat" + link.attr("catId") + "items");
                var image = $("img", this);

                if (list.css("display") == "none") {
                    self.hideOpenedBrands();
                    
                    image.removeClass("closedMenuImage").css({opacity:1});
                    list.animate({height: "show"}, 500, function() {
                        list.css("display", "block");
                        self.stop = false;
                    });
                }
                else {
                    image.addClass("closedMenuImage").css({opacity:0.3});
                    list.animate({height: "hide"}, 500, function() {
                        list.css("display", "none");
                        self.stop = false;
                    });
                }
            };

        });
    },
    

    hideOpenedBrands: function() {
        $(".brandInMenu").each(function() {
            var image = $("img", this);
            var list  = $("#cat" + $(this).attr("catId") + "items");

            if (!image.is(".closedMenuImage")) {
                image.addClass("closedMenuImage").css({opacity:0.3});
                list.animate({height: "hide"}, 500, function() {
                    list.css("display", "none");
                });
            }
        });
    }


};
$("document").ready(function() {
    catalogMenu.init();
});

