$(function() {
    $.fn.contextMenu = function(config) {
        // config:
        var customConfig = config || {};
        var config = {
            "click": function(node, event, itemList) {
                return itemList;
            }
        };
        $.extend(config, customConfig);
        
        // custom functionality:
        var helper = {
            debug: function() {
                console.log(arguments);
            },
            
            clone: function(source) {
                for (var i in source) {
                    if (typeof source[i] == "source") {
                        this[i] = new helper.clone(source[i]);
                    } else {
                        this[i] = source[i];
                    }
                }
            }
        };
        
        // context menu event:
        $(this).bind("contextmenu", function(event, customEvent) {
            var thisJ = $(this);
            var pageX = event.pageX || customEvent.pageX;
            var pageY = event.pageY || customEvent.pageY;
            var itemList = config.click(this, event, itemList);
            if (typeof itemList != "object" && !itemList) {
                return false;
            }
            $("body > div.context-menu").remove();
            
            var divJ = $("<div><ul></ul></div>");
            divJ.addClass("context-menu");
            divJ.css({
                "position": "absolute",
                "left":     (pageX - 5) + "px",
                "top":      (pageY - 5) + "px"
            });
            var ulJ = divJ.find("ul"), liJ, item, itemCustom;
            ulJ.addClass("context-menu-item-list");
            $.each(itemList, function () {
                var liJ = $("<li></li>");
                liJ.addClass("context-menu-item");
                var item = {
                    "label": "undefined",
                    "click": function(event, node) {
                        debug("context-menu: not yet implemented", event, node);
                    },
                    "disabled": false,
                    "html": false,
                    "css": {}
                };
                itemCustom = this || {};
                $.extend(item, itemCustom);
                
                // item text
                if (item.html) {
                    liJ.html(item.label);
                } else {
                    liJ.text(item.label);
                }
                // item disabled
                if (item.disabled) {
                    liJ.addClass("disabled");
                } else {
                    // item click
                    liJ.bind("click", function(event) {
                        item.click(event, thisJ);
                        //thisJ.trigger("contextmenu", [{pageX: pageX, pageY: pageY}]);
                        divJ.remove();
                        return false;
                    });
                }
                liJ.css(item.css);
                
                ulJ.append(liJ);
            });
            ulJ.find("> li:first").addClass("first");
            ulJ.find("> li:last").addClass("last");
            $("body").append(divJ);
            ulJ.bind("mouseleave", function() {
                setTimeout(function() {
                    divJ.remove();
                }, 500);
            });
            return false;
        });
    };
});