// Configure the Theme Carousel.

$(document).ready(function () {
    
    $("#ThemeCarousel").carousel({
        stage: $("#ThemeStage"),
        slides: $("#ThemeStage .slide"),
        autoStart: true,
        delay: 4000,
        speed: 1000,
        duration: 4000,
        slidesPadEnd: 5
    });

    $("#ButtonFirst").click(function (event) {
        $("#ThemeCarousel").carousel("first");
        return false;
    });
    
    $("#ButtonPrev").click(function (event) {
        $("#ThemeCarousel").carousel("prev");
        return false;
    });

    $("#ButtonNext").click(function (event) {
        $("#ThemeCarousel").carousel("next");
        return false;
    });
    
    $("#ButtonLast").click(function (event) {
        $("#ThemeCarousel").carousel("last");
        return false;
    });
        
    $("#ThemeCarouselWrapper").mouseenter(function (event) {
        $("#ThemeCarousel").carousel("stop");
    });
    
    $("#ThemeCarouselWrapper").mouseleave(function (event) {
        $("#ThemeCarousel").carousel("start");
    });
        
});