function getOffset( bullesize )
{
    var varx = Math.floor( (160 - bullesize) / 3 );
    return Math.floor( Math.random() * varx - varx / 3 );
}

function addBulle()
{
    var bulletype = Math.floor( Math.random()*8 + 1);
    
    var ext = "png";
    if ( jQuery.browser.msie && jQuery.browser.version.substr( 0,1 ) == "6" ) {
        ext = "gif";
    }
    
    switch( bulletype ) {
        case 1:
            var bulle = $("<img src=\"/imports/images/20ans/bulle_bleue." + ext + "\" />");
            break;    
        case 2:
            var bulle = $("<img src=\"/imports/images/20ans/bulle_bleue2." + ext + "\" />");
            break;    
        case 3:
            var bulle = $("<img src=\"/imports/images/20ans/bulle_orange." + ext + "\" />");
            break;
        case 4:
            var bulle = $("<img src=\"/imports/images/20ans/bulle_orange2." + ext + "\" />");
            break;
        case 5:
            var bulle = $("<img src=\"/imports/images/20ans/bulle_verte." + ext + "\" />");
            break;
        case 6:
            var bulle = $("<img src=\"/imports/images/20ans/bulle_verte2." + ext + "\" />");
            break;
        case 7:
            var bulle = $("<img src=\"/imports/images/20ans/bulle_grise." + ext + "\" />");
            break;
        case 8:
        default:
            var bulle = $("<img src=\"/imports/images/20ans/bulle_grise2." + ext + "\" />");
            break;
    }
    
    var h = $("body").height();
    var w = $("body").width();
    
    var bullesize = Math.floor(Math.random()*80) + 20;
    var maxbullesize = Math.floor(Math.random()*50) + bullesize;
    
    $(bulle).css( "position", "absolute" );
    $(bulle).css( "z-index", 99 );
    $(bulle).css( "width", bullesize );
    $(bulle).css( "height", bullesize );
    $("body").append( bulle );
    
    var xpos = Math.floor(w / 2 - Math.random() * 600 + 400);
    var ypos = h - bullesize + 30;
    
    $(bulle).css( "top", ypos );
    $(bulle).css( "left", xpos );
    $(bulle).css( "opacity", Math.random() * 0.25 );
	
    $(bulle).animate({ 
            top: -maxbullesize,
            width: maxbullesize,
            height: maxbullesize,
            opacity: 1
        },
        { queue: false, duration: 4000 + Math.floor(Math.random() * 7000 )  },
        function(){
            $(this).remove();
    })
    .animate({
            left: "+=" + getOffset( bullesize )
    },{ queue: true, duration: 250 } )
    .animate({
            left: "+=" + getOffset( bullesize )
    },{ queue: true, duration: 400 } )
    .animate({
            left: "+=" + getOffset( bullesize )
    },{ queue: true, duration: 300 } )
    .animate({
            left: "+=" + getOffset( bullesize )
    },{ queue: true, duration: 150 } )
    .animate({
            left: "+=" + getOffset( bullesize )
    },{ queue: true, duration: 400 } )
    .animate({
            left: "+=" + getOffset( bullesize )
    },{ queue: true, duration: 500 } )
    .animate({
            left: "+=" + getOffset( bullesize )
    },{ queue: true, duration: 400 } )
    .animate({
            left: "+=" + getOffset( bullesize )
    },{ queue: true, duration: 500 } )
    .animate({
            left: "+=" + getOffset( bullesize )
    },{ queue: true, duration: 500 } )
    .animate({
            left: "+=" + getOffset( bullesize )
    },{ queue: true, duration: 500 } )
    .animate({
            left: "+=" + getOffset( bullesize )
    },{ queue: true, duration: 500 } )
    .animate({
            left: "+=" + getOffset( bullesize )
    },{ queue: true, duration: 500 } )
    .animate({
            left: "+=" + getOffset( bullesize )
    },{ queue: true, duration: 500 } )
    ;
    
    
    setTimeout( "addBulle()", Math.floor(Math.random() * 2500) );
}

jQuery(function() {
    
    var new_top_logo = $("<img src=\"/imports/images/20ans/top_logo_propage_20ans.png\" style=\"margin-top:-90px;position:absolute;display:none;\" />");
    var new_bottom_logo = $("<img src=\"/imports/images/20ans/bottom_logo_propage_20ans_en.png\" style=\"margin-top:100px;margin-left:-100px;position:absolute;display:none;\" />");
    $("img[@src=/imports/images/propage.gif]").before( new_top_logo );
    $("img[@src=/imports/images/propage.gif]").after( new_bottom_logo );
    
    $(new_top_logo).fadeIn( 2000 );
    $(new_bottom_logo).fadeIn( 2000 );

    addBulle();
});