$(document).ready( function(){
        
        windowAdJust();
        
})



var windowAdJust= function(){
    
    //$('#fish').destroy();
    //$('#fish2').destroy();
    //$('#fish3').destroy();
    
    var  randomIntBetween =  function(lower, higher) {
        return parseInt(rand_no = Math.floor((higher - (lower - 1)) * Math.random()) + lower);
    }
    ww =   $(window).width();
    
    var top =  parseInt($('#fish').css('top'), 10);
    var left =  parseInt($('#fish').css('left'), 10);
    var width = $('#fish').width();
    var rfish = ww - width;
    
    $('#fish').sprite({fps: 3, no_of_frames: 3})
    .spRandom({top: top, bottom: 120, left: left, right: rfish, speed: 5500, pause: 000})

    var top =  parseInt($('#fish2').css('top'), 10);
    var left =  parseInt($('#fish2').css('left'), 10);
    var width = $('#fish2').width();

    $('#fish2').sprite({fps: 3, no_of_frames: 3})
    .spRandom({top: top, bottom: 90, left: left, right: rfish, speed: 6200, pause: 0})

    var top =  parseInt($('#fish3').css('top'), 10);
    var left =  parseInt($('#fish3').css('left'), 10);
    var width = $('#fish3').width();

    $('#fish3').sprite({fps: 0.5, no_of_frames: 2})
    .spRandom({top: top, bottom: 90, left: left, right: rfish, speed: 8000, pause: 4000})

    var top =  parseInt($('#fish4').css('top'), 10);
    var left =  parseInt($('#fish4').css('left'), 10);
    var width = $('#fish4').width();

    $('#fish4').sprite({fps: 3, no_of_frames: 3})
    .spRandom({top: top, bottom: 90, left: left, right: rfish, speed: 9300, pause: 1000})

    var top =  parseInt($('#kfish').css('top'), 10);
    var left =  parseInt($('#kfish').css('left'), 10);
    var width = $('#kfish').width();

    $('#kfish').sprite({fps: 2, no_of_frames: 9})
    .spRandom({top: top, bottom: 90, left: left, right: rfish, speed: 8400, pause: 4030})

    
    for (i=0;i<10;i++) {
        $('#bubble'+i).css('left', randomIntBetween(200, ww));
        $('#bubble'+i).css('z-index', randomIntBetween(40, 70));
        $('#bubble'+i).css('background-image', 'url("fileadmin/template/img/bubble'+i+'.png")');
        //$('#bubble'+i).css('background-image', 'url("fileadmin/template/img/bubble1.png")');

        $('#bubble'+i).pan({fps: randomIntBetween(5, 15), speed: randomIntBetween(1, 3), dir: 'up', depth: 100});
    }
}


$(window).resize(
    function() {
        window.location.reload();
    });