function dbgWrite(text) {
    if(typeof console != 'undefined') console.debug('DbgWrite: '+text);
}

$(document).ready(function() {
    $.getJSON('images.json', function(data) {
        for(var i=0; i<6; i++) {
            $('#photo-frame-'+i).css('background','#eee url(/media/'+data.images[i][data.images[i].length-1]+'_320_240.jpg) no-repeat top left');
        }

        var tilers = new Array();

        for(var i=0; i<6; i++) {
            tilers[i] = new hmeTiler(5, 4, 'photo-frame-'+i);
            tilers[i].init();
            
            for(var j=0; j<data.images[i].length; j++) {
                dbgWrite("*** i = " + i + "; j = " + j)
                tilers[i].addImg('/media/'+data.images[i][j]+'_320_240.jpg');
            }
            
            tilers[i].start(); tilers[i].pause();
            tilers[i].settings.tile_opacity.min = 0.95;
            tilers[i].settings.timeouts.transition_step = 25;
        }
        
        tilers[0].events.on_transition_step = function() {
            if(2 * tilers[0].getState().step == tilers[0].settings.transition.max_steps)
            {
                tilers[0].pause();
                tilers[1].pause();
                if(typeof console != 'undefined') console.debug('+-- switched 0 to 1');
            }
        }
        tilers[1].events.on_transition_step = function() {
            if(2 * tilers[1].getState().step == tilers[1].settings.transition.max_steps)
            {
                tilers[1].pause();
                tilers[2].pause();
                if(typeof console != 'undefined') console.debug('+-- switched 1 to 2');
            }
        }
        tilers[2].events.on_transition_step = function() {
            if(2 * tilers[2].getState().step == tilers[2].settings.transition.max_steps)
            {
                tilers[2].pause();
                tilers[5].pause();
                if(typeof console != 'undefined') console.debug('+-- switched 2 to 5');
            }
        }
        tilers[3].events.on_transition_step = function() {
            if(2 * tilers[3].getState().step == tilers[3].settings.transition.max_steps)
            {
                tilers[3].pause();
                tilers[0].pause();
                if(typeof console != 'undefined') console.debug('+-- switched 3 to 0');
            }
        }
        tilers[4].events.on_transition_step = function() {
            if(2 * tilers[4].getState().step == tilers[4].settings.transition.max_steps)
            {
                tilers[4].pause();
                tilers[3].pause();
                if(typeof console != 'undefined') console.debug('+-- switched 4 to 3');
            }
        }
        tilers[5].events.on_transition_step = function() {
            if(2 * tilers[5].getState().step == tilers[5].settings.transition.max_steps)
            {
                tilers[5].pause();
                tilers[4].pause();
                if(typeof console != 'undefined') console.debug('+-- switched 5 to 4');
            }
        }

        tilers[0].pause();
    });
});