var delayBetweenFrames = 3800;
var delayBetweenPics = 600;
var doIntro = true;
var path = "/test/images";

var currentFrame = 0, maxFrames = 0, counter = 0, t, frames, tempHolder = new Array();
$(document).ready(function() {
    $('#frameImages').bind('startFrame',function() {
        $(this).fadeIn(delayBetweenPics);
        $(this).trigger('slideshow');
    });
    $('#frameImages').bind('slideshow',function() {
        if(counter >= 3) {
            $(this).trigger('endFrame');
            return;
        }
        var temp = $(this).children().get(counter);
        $(temp).children('img').attr('src', path + "/" + frames[currentFrame][counter]);
        $(temp).fadeIn(delayBetweenPics,function() {
            counter++;
            $('#frameImages').trigger('slideshow');
        });
    });
    $('#frameImages').bind('endFrame',function() {
        counter = 0;
        t = setTimeout("$('#frameImages').fadeOut(" + delayBetweenPics + ",function() { preSwapping(); })", 4000);
    });
    getImages();
});

function getImages() {
    $.post('/test/get.php',{},function(xml) {
        $('#firstImageImg').attr('src', path + '/' + $('startimage',xml).text());
        frames = new Array();
        $('item',xml).each(function() {
            var temp = new Array();
            temp[0] = $(this).find('image1').text();
            temp[1] = $(this).find('image2').text();
            temp[2] = $(this).find('image3').text();
            frames.push(temp);
        });
        maxFrames = frames.length;
        for(var i = 0; i < maxFrames; i++) {
            var a= new Image();
            a.src = path + '/' + frames[i][0];
            tempHolder.push(a);
            var b= new Image();
            b.src = path + '/' + frames[i][0];
            tempHolder.push(b);
            var c= new Image();
            c.src = path + '/' + frames[i][0];
            tempHolder.push(c);
        }
        runIntro();
    });
}

function preSwapping() {
    $('#frameImages').children('div').each(function() { $(this).hide(); });
    clearTimeout(t);
    swapFrames();
}

function runIntro() {
    if(doIntro) $('#firstImage').fadeIn(delayBetweenPics).delay(delayBetweenFrames * 2).fadeOut(delayBetweenPics, function() { startFrames(); });
    else startFrames();
}

function startFrames() {
    if(maxFrames <= 0) return;
    $('#frameImages').trigger('startFrame');
}

function swapFrames() {
    if(maxFrames <= 0) return;    
    if((currentFrame + 1) < maxFrames) currentFrame++;
    else currentFrame = 0;
    $('#frameImages').trigger('startFrame');
}