Slideshow

// jQuery

var imageOne = function(){

            $("#img1").delay(5000).fadeTo(500,0,imageTwo);
            $("#spotSelector").delay(5000).animate({left:'990px'},1000); // The moving green box thing
            $("#spotOne").delay(5000).animate({borderWidth:"0px", left:"964px", top:"885px"},1).fadeTo(500,.3)};


var imageTwo = function(){

            $("#img1").css('z-index', 0);
            $("#img2").css('z-index', 1).fadeTo(500,1).delay(5000).fadeTo(500,0,imageThree);
            $("#spotSelector").delay(5000).animate({left:'1024px'},1000);
            $("#spotTwo").fadeTo(500,1).animate({borderWidth:"3px", left:"995px", top:"882px"},1).delay(5000).animate({borderWidth:"0px", left:"998px", top:"885px"},1).fadeTo(500,.3)};


var imageThree = function(){

            $("#img2").css('z-index', 0);
            $("#img3").css('z-index', 1).fadeTo(500,1).delay(5000).fadeTo(500,0,imageFour);
            $("#spotSelector").delay(5000).animate({left:'1058px'},1000);
            $("#spotThree").fadeTo(500,1).animate({borderWidth:"3px", left:"1029px", top:"882px"},1).delay(5000).animate({borderWidth:"0px", left:"1032px", top:"885px"},1).fadeTo(500,.3)};


var imageFour = function(){

            $("#img3").css('z-index', 0);
            $("#img4").css('z-index', 1).fadeTo(500,1).delay(5000).fadeTo(500,0,imageFive);
            $("#spotSelector").delay(5000).animate({left:'1092px'},1000);
            $("#spotFour").fadeTo(500,1).animate({borderWidth:"3px", left:"1063px", top:"882px"},1).delay(5000).animate({borderWidth:"0px", left:"1066px", top:"885px"},1).fadeTo(500,.3)};


var imageFive = function(){

            $("#img4").css('z-index', 0);
            $("#img5").css('z-index', 1).fadeTo(500,1).delay(5000).fadeTo(500,0,repeat);
            $("#spotSelector").delay(5000).animate({left:'956px'},1000);
            $("#spotFive").fadeTo(500,1).animate({borderWidth:"3px", left:"1097px", top:"882px"},1).delay(5000).animate({borderWidth:"0px", left:"1100px", top:"885px"},1).fadeTo(500,.3)};


var repeat = function(){

            $("#img5").css('z-index', 0);
            $("#img1").css('z-index', 1).fadeTo(500,1,imageOne);
            $("#spotOne").fadeTo(350,1).animate({borderWidth:"3px", left:"961px", top:"882px"},1)};


var slideshow = function(){

            imageOne().
            imageTwo().
            imageThree().
            imageFour().
            imageFive().
            repeat()};


$(document).ready(function(){

    slideshow()


    $("#spotOne").click(function(){
        $(slideshow).clearQueue()});

});