$(document).ready(function(){
    // Iniciliza a api do Scrollable da parte de ambientes
    var showcaseScrollableApi = $("div.showcaseScrollable").scrollable({
        size: 1,
        api: true,
        loop: true,
        circular: true
    });

    // Função para ir para o próximo showcase
    var getNextShowcaseScrollable = function () {
        showcaseScrollableApi.next();
    }

    // Cria o timer para ir para a proximo showcase
    $(document).everyTime(5000, "nextShowcase", getNextShowcaseScrollable);

    // Para a exibicao automatica depois que o usuario clica
    $("#showcaseSlider img").click(function() {
        $(document).stopTime("nextShowcase");
    });
});