$(function() {

    var active_gen = 1;
    var clouds = ['1.png','2.png','3.png','4.png'];
    var tops = ['25','35','50','75','100'];

    function generateCloud()
    {

        var src = fetchCloud();
        var top = fetchTop();
        $('#bannerbase').prepend('<div class="cloud_img_' + active_gen + '" style="position:absolute; top:' + top + 'px; left:-50px;"><img src="' + src + '"></div>');
        var width = $('.cloud_img_' + active_gen).parent().width();
        $('.cloud_img_' + active_gen).animate({ left:(width + 50) },120000,'linear',function() { $(this).remove(); });
        active_gen ++;

    }

    function fetchCloud()
    {

        var num = Math.ceil(Math.random()*clouds.length);
        num = (num - 1);
        var img = clouds[num];
        var src = 'images/clouds/' + img;
        return src;

    }

    function fetchTop()
    {

        var num = Math.ceil(Math.random()*tops.length);
        num = (num - 1);
        var off = tops[num];
        return off;

    }
    $('body').everyTime(15000,function() {

        generateCloud();

    })
    
    generateCloud();

});