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>";
    }

    //$('#carouselList').parent().parent().append("<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 = $(this).attr("href");
        current = parseInt($(this).html());
        moveCarousel();
    });

    $('input.latestOffersNext').click(function(e) {
        clearInterval(carouselTimer);
        carouselTimer = setInterval(nextItem, 5000);
        e.preventDefault();
        if (current < listCount) {
            current += 1;
        } else {
            current = 1;
        }
        moveCarousel();
    });

    $('input.latestOffersPrev').click(function(e) {
        clearInterval(carouselTimer);
        carouselTimer = setInterval(nextItem, 5000);
        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("selected");
    var itemID = "";
    itemID = "#carouselA_" + current;
    $(itemID).addClass("selected");
}



function carousel() {

    $(this).addStyle("TEST");

}