var imageTime = 8000;

var animTime = 2000;

jQuery(function ($) {
    var timer;
    var activeImage = 0;
    var lastImage = 0;
    var count = $(".slideShow .slide").length;
    var maxImages = count < 10 ? count : 10;
    var isJustLoaded = true;
    var current = $(".slideShow .slide:first");
    current.show();

    var prev;

    function nextImage() {
        activeImage = (activeImage % maxImages) + 1;
        doGlimmer();
    }

    function doGlimmer() {
        prev = current;
        if (activeImage == maxImages)
            current = $(".slideShow .slide.first");
        else
            current = prev.next();

        isJustLoaded = false;

        prev.animate({ "opacity": 0 }, animTime, "linear", onComplete);
        clearTimeout(timer);
        timer = setTimeout(eval("nextImage"), imageTime);
    }

    function OnLoad(event) {
        current = $(".slideShow .slide:first");
        current.toggleClass("first");
        clearTimeout(timer);
        if (maxImages > 1)
            timer = setTimeout(eval("nextImage"), "6000");
    }

    function onComplete() {
        prev.hide();
        current.css("opacity", "0");
        current.show();
        current.animate({ "opacity": 1 }, animTime, "linear");

    }

    OnLoad();


});