var stepWidth = 485;
var currentMargin = 0;
var animateTime = 350; /*miliseconds*/
var changeImageTime = 5000; /*miliseconds*/
var currentImage = '';
var timeoutId = 0;

$(document).ready(function(){
    $('#collage img.hidden').attr('src',function(){
        return $(this).next('a').attr('href');
    });
    $('#collage a').remove();
    currentImage = $('#collage img:first').attr('id');
    timeoutId = setTimeout('showNextImage()',1.5*changeImageTime);
//    setTimeout('showNextTest()',2500);
})

function showNextImage()
{
    nextImage = $('#'+currentImage).next().attr('id');
    if (!nextImage) {
        nextImage = $('#collage img:first').attr('id');
    }
    showImage(nextImage)
}

function goTo(imageId)
{
    showImage('image_' + imageId);
}

/*function showNextTest()
{
    showImage('image_9');
}*/

function showImage(newImage)
{
    clearTimeout(timeoutId);
    $('#'+currentImage).fadeOut(animateTime,function(){
        $('#'+newImage).fadeIn(animateTime);
        currentImage = newImage;
    });
    timeoutId = setTimeout('showNextImage()',changeImageTime);
}