var color = 'rgb('+Math.floor(Math.random()*255)+','+Math.floor(Math.random()*255)+','+Math.floor(Math.random()*255)+')';

​

    //calculating random X position

    var x = Math.floor(Math.random()*$(window).width());

​

    //calculating random Y position

    var y = Math.floor(Math.random()*$(window).height());

​

    //creating the dream and hide

    drawingpix = $('<span>').attr({class: 'drawingpix'}).hide();

​

                            //appending it to body

                             $(document.body).append(drawingpix);

​

                             //styling dream.. filling colors.. positioning.. showing.. growing..fading

            wingpix.css({

                                            'background-color':color,

'border-radius':'100px',

'-moz-border-radius': '100px',

'-webkit-border-radius': '100px'                                           }).show().animate({

                                                                height:'500px',

                                                                width:'500px',

                                                                'border-radius':'500px',

                                                                '-moz-border-radius': '500px',

                                                                '-webkit-border-radius': '500px',

                                                                opacity: 0.1,

                                                                top: y-250,    //offsets

                                                                left: x-250

                             }, 3000).fadeOut(2000);

                           //Every dream's end starts a new dream

                             window.setTimeout('dream()',200);

​

$(document).ready(function() {  

                     //calling the first dream

                     dream();

});

​