var data;
var images = [];
window.addEvent('domready', function() {
    var strjson = "";
    $('hiddenpics').setStyle("display","none");
	$$('.mo').each(function(el) {
        var capt = el.getElement("div.caption").get("html");
        var hre = el.getElement("a").getProperty("href");
        var urlimg = el.getElement("img").getProperty("src");
        images.push(urlimg.replace("t_",""));
        strjson += "'" + urlimg.replace("t_","") + "': {href: '" + hre.replace("'", "_") + "',caption: '" + capt + "'},";
    });
    strjson = "{" + strjson.substring(0, strjson.length - 1) + "}";
    var data2 = eval('(' + strjson + ')');

    var progressBar = new dwProgressBar({
        container: $('progress-bar'),
        startPercentage: 0,
        speed: 750,
        boxID: 'box',
        percentageID: 'perc',
        displayID: 'text',
        displayText: true
    });

    var loader = new Asset.images(images, {
        onProgress: function(counter, index) {
            progressBar.set((counter + 1) * (100 / images.length));
        },
        onComplete: function() {

            document.getElementById("progress-bar").style.visibility = "hidden";
            document.getElementById("skip").style.visibility = "hidden";


            var myShow = new Slideshow.KenBurns('show', data2, {});
        }
    });
});