$(document).ready(function () {

    var enabled = 1;
    var index = 1;
    var slideCount = $('.scrollingHomeDiv').length;
    jwplayer('JWcontainer-1').play();

    jwplayer('JWcontainer-1').onComplete(function () {
        moveForward(800);
    });

    //when navigation buttons/bubbles are clicked
    $('.sliderNavigationButton').click(function () {
        var $this = $(this);
        var requestedID = $this.attr("id");
        requestedID = requestedID.substring(requestedID.lastIndexOf('_') + 1);
        moveToSlide(requestedID);
    });


    function moveForward(speed) {
        jwplayer('JWcontainer-' + index).stop();
        if (index == slideCount) {
            index = 1;
        }
        else {
            index += 1;
        }
        $('.CarouselViewHome ul').animate({ right: "+=950" }, speed, function () {
            $('.CarouselViewHome li:last').after($('.CarouselViewHome li:first'))
            $('.CarouselViewHome ul').css({ 'right': '950px' })


            jwplayer('JWcontainer-' + index).play();
            jwplayer('JWcontainer-' + index).onComplete(function () {
                moveForward(800);
            });
            //$("#headerContact").html(index); //view counter for debug
        });
    };


    function moveBack(speed) {
        jwplayer('JWcontainer-' + index).stop();
        if (index == 1) {
            index = slideCount;
        }
        else {
            index -= 1;
        }
        $('.CarouselViewHome ul').animate({ right: "-=950" }, speed, function () {
            $('.CarouselViewHome li:first').before($('.CarouselViewHome li:last'))
            $('.CarouselViewHome ul').css({ 'right': '950px' })


            jwplayer('JWcontainer-' + index).play();
            jwplayer('JWcontainer-' + index).onComplete(function () {
                moveForward(800);
            });
            //$("#headerContact").html(index); //view counter for debug
        });
    };

    //function called by clicked the navigation bubbles
    function moveToSlide(requestedSlide) {
        var noOfSteps = requestedSlide - index;
        //need to create a number of dots depending on value of slideCount, each dot relates to an index value (1 to x)
        if (noOfSteps == 0) {
            //alert('we are already here');
            //do nothing
        }
        else if (noOfSteps <= 0) {
            noOfSteps = Math.abs(noOfSteps);
            //alert('go back ' + noOfSteps);
            // call function to move back
            var i = 0;
            while (i < noOfSteps) {
                moveBack(200);
                i++;
            }
        }
        else {
            //alert('go forward ' + noOfSteps);
            // call function to move forwards
            var i = 0;
            while (i < noOfSteps) {
                moveForward(200);
                i++;
            }
        }
    };

});

function generateNavigationButtons() {
    var i = 1;
    var slideCount = $('.scrollingHomeDiv').length;
    for (i = 1; i <= slideCount; i++) {
        document.write("<li><img id='sliderButton_" + i + "'class='sliderNavigationButton' src='/images/layout/dot.png' /></li>");
    };

};