var slides = new Array();


var slide1 = new Array();
slide1[0] = '1-1.jpg';
slide1[1] = '1-2.jpg';

var slide2 = new Array();
slide2[0] = '2-1.jpg';
slide2[1] = '2-2.jpg';

var slide3 = new Array();
slide3[0] = '3-1.jpg';
slide3[1] = '3-2.jpg';

var slide4 = new Array();
slide4[0] = '4-1.jpg';
slide4[1] = '4-2.jpg';



$(window).load(function(){
    if ($('body#home').length != 0) {
        setTimeout("startSlides()", 6000);
    }
});

function startSlides() {

setTimeout("slideshow('#s1', 0, slide1, 2000, 6000)", 0);
setTimeout("slideshow('#s2', 0, slide2, 2000, 6000)", 500);
setTimeout("slideshow('#s3', 0, slide3, 2000, 6000)", 1000);
setTimeout("slideshow('#s4', 0, slide4, 2000, 6000)", 1500);
}

function slideshow(container, currentPhoto, photoList, fadeTime, waitTime) {
    currentPhoto = currentPhoto > (photoList.length - 1) ? 0 : currentPhoto;
    nextPhoto = currentPhoto + 1;
    nextPhoto = nextPhoto > (photoList.length - 1) ? 0 : nextPhoto;

    $(container).children('span.bottom').css('background-image', 'url(\'/images/slideshow/' + photoList[nextPhoto] + '\')');
    $(container).children('span.top').css('background-image', 'url(\'/images/slideshow/' + photoList[currentPhoto] + '\')');
    $(container).children('span.top').attr('name', photoList[nextPhoto]);

    $(container).children('span.top').fadeOut(fadeTime, function() { 
        $(container).children('span.top').css('background-image', 'url(\'/images/slideshow/' + $(this).attr('name') + '\')');
        $(container).children('span.top').show(); 
    });
    setTimeout(function() {slideshow(container, currentPhoto + 1, photoList, fadeTime, waitTime);}, fadeTime + waitTime);
}

function slideshowPrep(con, bgImage) {

}