var scrollActive = true;
 
$(function(){
   
    var totalImages = $("#slider-image ul li").length;
    var currImg = 0;
    
    $("#thumb-container ul li:first").addClass("active");
    $("#slider-text ul li:first").show();
    $("#slider-image ul").css("width",totalImages * 748);

    $("#thumb-container a").click(function(){
        return false;
    });
    
    $("#slider-text").hover(function(){
        scrollActive = false;
    },function(){
        scrollActive = true;
    });
    
    $("#slider-controls .control").click(function(){
        if ($(this).attr("id") == "slider-control-left") {
            if (currImg > 0) {
                currImg -= 1;
                scrollToImage(currImg,"left");
                showText(currImg);
                showActive(currImg);
            } else {
                scrollToImage(totalImages - 1,"left");
                currImg = totalImages - 1;
                showText(totalImages - 1);
                showActive(totalImages - 1);
            }
        } else {
            if (currImg < totalImages - 1) {
                currImg += 1;
                scrollToImage(currImg);
                showText(currImg);
                showActive(currImg);
            } else {
                currImg = 0;
                scrollToImage(currImg);
                showText(currImg);
                showActive(currImg);
            }
        }
        scrollActive = false;
        $(this).oneTime(10000,function() { scrollActive = true; });
        return false;
    });

    function scrollToImage(imgID,click) {
        if (imgID < totalImages - 2 || click == "left") {
            var offset = 0;
            if (imgID == totalImages - 1) { offset = -2; } else if (imgID == totalImages - 2) { offset = -1; }
            $("#thumb-container ul").animate({
                left: (imgID+offset) * -59
            },500,"easeOutCubic");
        }
        $("#slider-image ul").animate({
            left: imgID * -748
        },500,"easeOutCubic");
    }
    
    function showActive(imgId) {
        $("#thumb-container ul li.active").removeClass("active");
        $("#thumb-container ul li").eq(imgId).addClass("active");
    }

    function showText(imgID) {
        $("#slider-text ul li").hide();
        $("#slider-text ul li:nth-child("+(imgID+1)+")").show();
    }
    
    $(document).everyTime(6000, "autoScroll", function() {
        if (scrollActive) {
            if (currImg < totalImages - 1) { currImg += 1; } else { currImg = 0; }
            scrollToImage(currImg);
            showText(currImg);
            showActive(currImg);
        }
    });

})

window.onblur = function() {
    scrollActive = false;
}

window.onfocus = function() {
    scrollActive = true;
}