Replace click() with document.ready()....

Question

I downloaded javascript-uize effects example and all effects are appearing only onclick but i want it to be executed on document.ready() and continue...

<script type="text/javascript">

Uize.module({
    required: [
    'UizeDotCom.Page.Example.library',
    'UizeDotCom.Page.Example',
    'Uize.Widget.ImageWipe.xPresets',
    'UizeDotCom.TestDataPhotos',
    'UizeDotCom.ParamsInspector'
],
    builder: function() {
        /*** create the example page widget ***/
        var page = window.page = new UizeDotCom.Page.Example;

        /*** create the Uize.Widget.ImageWipe instance ***/
        var imageWipe = page.addChild('imageWipe', Uize.Widget.ImageWipe, { built: false });

        /*** create the params inspector widget ***/
        var 
            photos = UizeDotCom.TestDataPhotos(),
            photoNo = 0
        ;
        page.addChild(
            'paramsInspector',
            UizeDotCom.ParamsInspector,
            {
                params: {
                    allToFull: 'json',
                    alignX: 'json',
                    alignY: 'json',
                    dissolve: 'boolean',
                    divisionsX: 'integer',
                    divisionsY: 'integer',
                    duration: 'integer',
                    firstPaneSizeX: { type: 'number', minValue: 0, maxValue: 100 },
                    firstPaneSizeY: { type: 'number', minValue: 0, maxValue: 100 },
                    paneSeedSizeX: 'json',
                    paneSeedSizeY: 'json',
                    paneSeedContext: 'json',
                    paneProgressDelay: { type: 'number', minValue: 0, maxValue: 100 },
                    paneOrderScheme: ['normal', 'outside in', 'inside out', 'reverse', 'jumbled']
                },
                presets: Uize.Widget.ImageWipe.presets,
                previewButtonText: 'PERFORM WIPE EFFECT'
            }
        ).wire(
            'Preset Selected',
            function(_presetName) {
                imageWipe.set(page.children.paramsInspector.getValues());
                imageWipe.set({ src: photos[photoNo].image });
                photoNo = (photoNo + 1) % photos.length;
            }
        );

        /*** wire up the page widget ***/
        page.wireUi();
    }
});</script>

and my javascripts

Uize.module({ name: 'UizeDotCom.TestDataPhotos', builder: function() { var _a; return function(_b) {if (_a && !_b) return _a; var _c =[{ title: 'A Lighted Spot', category: 'Trees Among Us', image: 'images/im1.jpg',description: 'An intimate patch of wet pebbled ground is lighted by the dull winter sun in Metuchen, New Jersey. Fallen autumn leaves are scattered sparsely about in this scene dominated by various shades of brown.', rating: 3},{ title: 'Braving the Onslaught', category: 'The Winter Collection', image: 'images/im2.jpg',description: 'One lonely tree on a hillside faces the onslaught of monstrous looming clouds that threaten rain. It leans back, as if in fear. Captured while hiking in the late afternoon at Milagra Ridge, Pacifica.', rating: 7},........

Here is the link http://www.uize.com/examples/image-wipe.html

and i have

Uize.module({name:'Uize.Widget.ImageWipe.xPresets',builder:function(d_a){var d_b=true,d_c=false,d_d='outside in',d_e='inside out',d_f='normal',d_g='reverse',d_h=2000,d_i=3000,d_j={start:0,end:1,keyedTo:'row'},d_k={start:0,end:1,keyedTo:'pane'},d_l={start:1,end:0,keyedTo:'pane'},d_m={start:1,end:.5,keyedTo:'pane'};var d_n={blindsVerticalFromOutside:[0,d_i,d_c,16,1,100,100,d_k,0,0,100,0,10,d_d],blindsVerticalFromInside:[0,d_i,d_c,16,1,100,100,d_l,0,0,100,0,10,d_e],blindsVerticalFromLeft:[0,d_i,d_c,16,1,10,100,d_m,0,0,100,0,10,d_f],blindsVerticalFromRight:[0,d_i,d_c,16,1,10,100,d_m,0,0,100,0,10,d_g],blindsVerticalFromRightEven:[0,d_i,d_c,16,1,100,100,d_k,0,0,100,100,15,d_g],blindsVerticalBackSlash:[0,2500,d_c,16,1,100,100,d_k,d_k,0,0,0,0,d_f],blindsVerticalForwardSlash:[0,2500,d_c,16,1,100,100,d_k,d_l,0,0,0,0,d_f],blindsVerticalArrowLeft:[0,d_i,d_c,16,1,100,100,1,.5,0,0,0,10,d_g],blindsVerticalArrowRight:[0,d_i,d_c,16,1,100,100,0,.5,0,0,0,10,d_f],blindsVerticalZoom:[0,d_h,d_c,16,1,100,100,.5,.5,5,0,100,10,d_d], blindsVerticalGrowFromCenter:[0,d_h,d_c,16,1,100,100,.5,.5,0,0,50,0,d_f] for(var d_p in d_n){var d_q=d_n[d_p];d_o[d_p]={allToFull:d_q[0],duration:d_q[1],dissolve:d_q[2],divisionsX:d_q[3],divisionsY:d_q[4],firstPaneSizeX:d_q[5],firstPaneSizeY:d_q[6],alignX:d_q[7],alignY:d_q[8],paneSeedSizeX:d_q[9],paneSeedSizeY:d_q[10],paneSeedContext:d_q[11],paneProgressDelay:d_q[12],paneOrderScheme:d_q[13]};}}});

i am implementing this but i dont know how to make any one effect working continuosly(like the first effect working during pageload)without the button click................