/**
 * jQuery.contextMenu - Show a custom context when right clicking something
 * Jonas Arnklint, http://github.com/arnklint/jquery-contextMenu
 * Released into the public domain
 * Date: Oct 7, 2010
 * @author Jonas Arnklint
 * @version 1.2
 *  
 */
jQuery.fn.contextMenu = function ( name, actions, options ) {
    var me = this,
        menu = $('<ul id="'+name+'" class="context-menu"></ul>').hide().appendTo('body'),
        active_element = null, // last clicked element that responds with contextMenu
        hide_menu = function(){
            $('.context-menu').hide()
        }, 
        default_options = {
            disable_native_context_menu: false // disables the native contextmenu everywhere you click
        },
        options = $.extend(default_options, options);
    
    if(options.disable_native_context_menu) {
        $(document).bind('contextmenu',function(e){hide_menu();e.preventDefault()});
    }

    $.each(actions, function(me, item_options){
        $('<li class="'+item_options.klass+'"><a href="#">'+me+'</a></li>')
            .appendTo(menu)
            .bind('click', function(e){
                item_options.click(active_element);
                e.preventDefault();
            });
    });

    $('body').click(function() {
         hide_menu(); //Hide the menus if visible
    });

    return me.bind('contextmenu', function(e){
        active_element = $(this); // set clicked element
        hide_menu(); 
        menu.show()
            .css({
                position: 'absolute', 
                top: e.pageY, 
                left: e.pageX, 
                zIndex: 1000 
            });
        return false;
    });
}