﻿var listCount, listWidth, current, carouselTimer;
$(document).ready(function() {
    if ($('#carouselList').size() > 0) {
    adidoCarousel();
    }
});

function adidoCarousel() {
    jQuery.easing.def = "easeInOutExpo";

    listWidth = $('#carouselList > li').eq(0).outerWidth();
    listCount = $('#carouselList > li').size();
    current = 1;

    function nextItem() {
        if (current < listCount) {
            current += 1;
        } else {
            current = 1;
        }
        moveCarousel();
    }

    carouselTimer = setInterval(nextItem, 5000);
    $('#carouselList').width(listCount * listWidth);
    
    var listItems = "";

    
    for(i = 1; i <= listCount; i++){
        listItems = listItems + "<li><a id=\"carouselA_"+i+"\" href=\"#"+i+"\">"+i+"</a></li>";
    }

    $('#pagerCell').html("<div id=\"newsItemSelect\"><ul>" + listItems + "</ul></div>");
    $('#carouselA_1').addClass("selected");

    $('#newsItemSelect ul li a').click(function(e) {
        clearInterval(carouselTimer);
        carouselTimer = setInterval(nextItem, 5000);
        e.preventDefault();
        current = parseInt($(this).html());
        moveCarousel();
    });

    $('#nextBtn').click(function(e) {
        clearTimeout(carouselTimer);
        e.preventDefault();
        if (current < listCount) {
            current += 1;
        } else {
            current = 1;
        }
        moveCarousel();
    });

    $('#previousBtn').click(function(e) {
        clearInterval(carouselTimer);
        e.preventDefault();
        if (current > 1) {
            current -= 1;
        } else {
            current = listCount;
        }
        moveCarousel();
    });
    
}

function moveCarousel() {
    $('#carouselList').animate({
        left: -((current - 1) * listWidth) + "px"
    }, 500);
    $('#newsItemSelect ul li a').removeClass("active");
    var itemID = "";
    itemID = "#carouselA_" + current;
    $(itemID).addClass("active");
}