//http: //visitmix.com/labs/glimmer/samples/sequence.html
jQuery(function ($) {
    var timer;
    var secondInDelay = 7; //modified -wm
    var delay = secondInDelay * 100; //modified (Replaced static int and strings with this var - in code below) -wm
    function button1_click(event) {
        $(".slide").css("visibility", "hidden");
        $("#image1").css("visibility", "visible");
        $("#image1").css("opacity", "0");
        $("#image1").animate({ "opacity": 1 }, delay, "linear", null);
        $("ul.buttons li").removeClass("active");
        $("#image1").animate({ "opacity": 1 }, delay, "linear", null);
        $("#button1").addClass("active");
        clearTimeout(timer);
        timer = setTimeout(eval("button2_click"), (delay * 10).toString());
        $("#image1").animate({ "opacity": 1 }, delay, "linear", null);
    }

    function button2_click(event) {
        $(".slide").css("visibility", "hidden");
        $("#image2").css("visibility", "visible");
        $("#image2").css("opacity", "0");
        $("#image2").animate({ "opacity": 1 }, delay, "linear", null);
        $("ul.buttons li").removeClass("active");
        $("#image2").animate({ "opacity": 1 }, delay, "linear", null);
        $("#button2").addClass("active");
        clearTimeout(timer);
        timer = setTimeout(eval("button3_click"), (delay * 10).toString());
        $("#image2").animate({ "opacity": 1 }, delay, "linear", null);
    }

    function button3_click(event) {
        $(".slide").css("visibility", "hidden");
        $("#image3").css("visibility", "visible");
        $("#image3").css("opacity", "0");
        $("#image3").animate({ "opacity": 1 }, delay, "linear", null);
        $("ul.buttons li").removeClass("active");
        $("#image3").animate({ "opacity": 1 }, delay, "linear", null);
        $("#button3").addClass("active");
        clearTimeout(timer);
        timer = setTimeout(eval("button4_click"), (delay * 10).toString());
        $("#image3").animate({ "opacity": 1 }, delay, "linear", null);
    }


    function button4_click(event) {
        $(".slide").css("visibility", "hidden");
        $("#image4").css("visibility", "visible");
        $("#image4").css("opacity", "0");
        $("#image4").animate({ "opacity": 1 }, delay, "linear", null);
        $("ul.buttons li").removeClass("active");
        $("#image4").animate({ "opacity": 1 }, delay, "linear", null);
        $("#button4").addClass("active");
        clearTimeout(timer);
        timer = setTimeout(eval("button5_click"), (delay * 10).toString());
        $("#image4").animate({ "opacity": 1 }, delay, "linear", null);
    }

    function button5_click(event) {
        $(".slide").css("visibility", "hidden");
        $("#image5").css("visibility", "visible");
        $("#image5").css("opacity", "0");
        $("#image5").animate({ "opacity": 1 }, delay, "linear", null);
        $("ul.buttons li").removeClass("active");
        $("#image5").animate({ "opacity": 1 }, delay, "linear", null);
        $("#button5").addClass("active");
        clearTimeout(timer);
        timer = setTimeout(eval("button6_click"), (delay * 10).toString());
        $("#image5").animate({ "opacity": 1 }, delay, "linear", null);
    }

    function button6_click(event) {
        $(".slide").css("visibility", "hidden");
        $("#image6").css("visibility", "visible");
        $("#image6").css("opacity", "0");
        $("#image6").animate({ "opacity": 1 }, delay, "linear", null);
        $("ul.buttons li").removeClass("active");
        $("#image6").animate({ "opacity": 1 }, delay, "linear", null);
        $("#button6").addClass("active");
        clearTimeout(timer);
        timer = setTimeout(eval("button7_click"), (delay * 10).toString());
        $("#image6").animate({ "opacity": 1 }, delay, "linear", null);
    }

    function button7_click(event) {
        $(".slide").css("visibility", "hidden");
        $("#image7").css("visibility", "visible");
        $("#image7").css("opacity", "0");
        $("#image7").animate({ "opacity": 1 }, delay, "linear", null);
        $("ul.buttons li").removeClass("active");
        $("#image7").animate({ "opacity": 1 }, delay, "linear", null);
        $("#button7").addClass("active");
        clearTimeout(timer);
        timer = setTimeout(eval("button8_click"), (delay * 10).toString());
        $("#image7").animate({ "opacity": 1 }, delay, "linear", null);
    }

    function button8_click(event) {
        $(".slide").css("visibility", "hidden");
        $("#image8").css("visibility", "visible");
        $("#image8").css("opacity", "0");
        $("#image8").animate({ "opacity": 1 }, delay, "linear", null);
        $("ul.buttons li").removeClass("active");
        $("#image8").animate({ "opacity": 1 }, delay, "linear", null);
        $("#button8").addClass("active");
        clearTimeout(timer);
        timer = setTimeout(eval("button9_click"), (delay * 10).toString());
        $("#image8").animate({ "opacity": 1 }, delay, "linear", null);
    }

    function button9_click(event) {
        $(".slide").css("visibility", "hidden");
        $("#image9").css("visibility", "visible");
        $("#image9").css("opacity", "0");
        $("#image9").animate({ "opacity": 1 }, delay, "linear", null);
        $("ul.buttons li").removeClass("active");
        $("#image9").animate({ "opacity": 1 }, delay, "linear", null);
        $("#button9").addClass("active");
        clearTimeout(timer);
        timer = setTimeout(eval("button10_click"), (delay * 10).toString());
        $("#image9").animate({ "opacity": 1 }, delay, "linear", null);
    }

    function button10_click(event) {
        $(".slide").css("visibility", "hidden");
        $("#image10").css("visibility", "visible");
        $("#image10").css("opacity", "0");
        $("#image10").animate({ "opacity": 1 }, delay, "linear", null);
        $("ul.buttons li").removeClass("active");
        $("#image10").animate({ "opacity": 1 }, delay, "linear", null);
        $("#button10").addClass("active");
        clearTimeout(timer);
        timer = setTimeout(eval("button1_click"), (delay * 10).toString());
        $("#image10").animate({ "opacity": 1 }, delay, "linear", null);
    }

    function OnLoad(event) {
        clearTimeout(timer);
        timer = setTimeout(eval("button2_click"), (delay * 10).toString());
    }

    $('#button1').bind('click', button1_click);
    $('#button2').bind('click', button2_click);
    $('#button3').bind('click', button3_click);
    $('#button4').bind('click', button4_click);
    $('#button5').bind('click', button5_click);
    $('#button6').bind('click', button6_click);
    $('#button7').bind('click', button7_click);
    $('#button8').bind('click', button8_click);
    $('#button9').bind('click', button9_click);
    $('#button10').bind('click', button10_click);

    OnLoad();

});