$(function(){

    var $slides = $(".slide");
    var $circle = $("#circle1").attr('id');
    var currentSlide = 0;

        TweenLite.set($slides.filter(":gt(0)"), {left:"150%"});
        TweenLite.delayedCall(4, nextSlide);

        function nextSlide(){
            TweenLite.to( $slides.eq(currentSlide), 8, {left:"-1050%"} );

            if (currentSlide < $slides.length - 1) {
                currentSlide++;
            }
            else {
                currentSlide = 0;
            }

            if(currentSlide == 0){
                $('#circle1').fadeTo('slow', 0.5, function()
                    {
                    $(this).css('backgroundColor', '#fb7863');
                        }).fadeTo('slow', 1);
            }
            else if (currentSlide == 1) {
                $('#circle1').fadeTo('slow', 0.5, function()
                    {
                    $(this).css('backgroundColor', '#fd4158');
                        }).fadeTo('slow', 1);
            } else {
                $('#circle1').fadeTo('slow', 0.5, function()
                    {
                    $(this).css('backgroundColor', '#d6d6d4');
                        }).fadeTo('slow', 1);
            }

            TweenLite.fromTo( $slides.eq(currentSlide), 1, {left: "150%"}, {left:"50%"} );
            TweenLite.delayedCall(4, nextSlide);
    }
});