How to Show "Radial Menu" jQuery Plugin at the Page Load?!

Question

Hi Guys, I am Not Familiar with JavaScript and i am beginner in Jqyery!
I Found RadMenu Pluging from web and want to use it to show my links as a Radial Menu. it is OK but I have a Simple Problem With it.
I want to khnow How Can I "Load"(better to say "Show") Radial Menu at the Page Load?!
I can Show or Hide the plugin with this codes:

<a href="#" onclick='jQuery("#radial_container").radmenu("show")'>Show Menu </a>
<a href="#" onclick='jQuery("#radial_container").radmenu("hide")'>Hide Menu </a>

with this way user should click the anchor tag to view the Menu. I want to show it at the page Load. How can I Handle that?

Here is the JQuery and Plugin Options that I used:

$(function() {
            jQuery("#radial_container").radmenu({
                listClass: 'list',
                itemClass: 'item',
                radius: 100,
                animSpeed: 400,
                centerX: 30,
                centerY: 100,
                selectEvent: "click",
                onSelect: function($selected) {
                    alert("you clicked on .. "
                    + $selected.index());
                },
                angleOffset: Math.PI,
                onShow: function($menuitems) {
                    $menuitems.each(function(i) {
                        var $this = jQuery(this);
                        setTimeout(function() {
                            $this.fadeIn(500);
                        }, i * 100);
                    });
                }
            });
        });

Answer 1

addEventListener('load',
    function(){
        jQuery("#radial_container").radmenu("show");
    },
false);

If you wish to support IE too, use this instead:

addEventListener = window.addEventListener || window.attachEvent;
addEventListener('load',
    function() {
        jQuery("#radial_container").radmenu("show");
    },
false);

Answer 2

since you're calling the initialization within document.ready ($(function(){})), all you have to do after instantiating it is call .radmenu("show")

essentially you will have:

$(function() {
    jQuery("#radial_container").radmenu({
            listClass: 'list',
            itemClass: 'item',
            radius: 100,
            animSpeed: 400,
            centerX: 30,
            centerY: 100,
            selectEvent: "click",
            onSelect: function($selected) {
                alert("you clicked on .. "
                + $selected.index());
            },
            angleOffset: Math.PI,
            onShow: function($menuitems) {
                $menuitems.each(function(i) {
                    var $this = jQuery(this);
                    setTimeout(function() {
                        $this.fadeIn(500);
                    }, i * 100);
                });
            }
    }).radmenu("show");
});