$(document).ready(function () {

    InitImages()
    
});

var index = 0;
var length = 0;
setInterval(cycleImages, 5000); 

function cycleImages() {


    

    for (var i = 0; i < length; i++) {

        var currentImage = $('#strip > img').get(i);

        
        if(i == (index + 1))
        {
            $(currentImage).fadeIn();

        }

        if (i == index)
            $(currentImage).fadeOut(); 


    }

    
   

    index++;


    if (index == length) {

        var firstImage = $('#strip > img').get(0);
        var lastImage = $('#strip > img').get(length);

        $(firstImage).fadeIn();
        index = 0;

        $(lastImage).fadeOut();
    }

    
}

function InitImages() {

    length = $("#strip > img").size();

    for (var i = 0; i < length; i++) {

        var currentImage = $('#strip > img').get(i);

        if (i > 0)
            $(currentImage).attr('style', 'display:none;');
    }



}