var path = 'resources/';
var images = [];
var loadedImages = [];
var restOfImages = [];

var slide0, slide1, slide2, slide3, slide4;
var slides = [];
var i = 0;

for (i = 1; i <= 450; i++) {
    images.include(path + 'l' + i + '.png');
}


function slideIn(i1) {
    $$('.mw')[i1].morph({ height: 115 });
    $$('.bimg')[i1].morph({ 'margin-top': 0, wait: false });
    center(i1);
}

function slideOut(i2) {
    $$('.mw')[i2].morph({ height: 0, duration: 1000 });
    $$('.bimg')[i2].morph({ 'margin-top': 115,  duration: 1000 });
}



function replM(i3, img) {
        if ($defined($$('.bimg')[i3].getElement('img')) == true) {
            var imgOld = $$('.bimg')[i3].getElement('img');

            slideOut(i3);

            var repl = function() {
                img.replaces(imgOld);
            }
            setTimeout(repl, 1000);
        }
        else {
            slideOut(i3);
            var inj = function() {
                img.inject($$('.bimg')[i3]);
            }
            setTimeout(inj, 1000);
        }

        var slideIn1 = function() {slideIn(i3); };
        setTimeout(slideIn1, 1000);
}



function injectFn() {
    var imgOrig;
    
    var r0 = $empty;
    var r1 = $empty;
    var r2 = $empty;
    var r3 = $empty;
    var r4 = $empty;
    
    var img = [];
    var i4 = 0;

    var delay = [];
    
    restOfImages = $unlink(loadedImages);

    for (i4 = 0; i4 <= 4; i4++) {
        imgOrig = restOfImages.getRandom();
        while ((imgOrig.width == 0)||(imgOrig.width == 28)){
            imgOrig = restOfImages.getRandom();
        }
        img[i4] = imgOrig.clone();
        restOfImages = restOfImages.erase(imgOrig);
        delay[i4] = i4 * 100;
    }

    r0 = function() { replM(0, img[0]); };
    r1 = function() { replM(1, img[1]); };
    r2 = function() { replM(2, img[2]); };
    r3 = function() { replM(3, img[3]); };
    r4 = function() { replM(4, img[4]); };



    setTimeout(r0, delay[0]);
    setTimeout(r1, delay[1]);
    setTimeout(r2, delay[2]);
    setTimeout(r3, delay[3]);
    setTimeout(r4, delay[4]);
}




window.addEvent('domready', function() {
    var i10 = 0;

    images.each(function(image, index) {
        loadedImages[index] = new Asset.image(image);

        i10++;
        if (i10 == 30) {
            setInterval(injectFn, 4000);
        }
    });


    new Asset.images(images, {
        onProgress: function(i5) {
            // loadedImages[i] = this;
        },

        onComplete: function() {
            //  injectFn();
        }
    });


});





function center(i6) {
    var dh;
    var img;
    var ih;

    var div = $$('.bimg')[i6];
        dh = div.getDimensions().height;
        img = div.getElement('img');
        ih = img.getDimensions().height;
        if (ih < dh) {
            var marginTop = (dh - ih) / 2;
            img.setStyle('margin-top', marginTop);
    }
}