$(document).ready(function() {

    $(".arrow-left").click(function() {
        if ($(".animate").hasClass("busy") == true) {

        }
        else {
            HeaderPlaat("right");
        }
    });

    $(".arrow-right").click(function() {
        if ($(".animate").hasClass("busy") == true) {

        }
        else {
            HeaderPlaat("left");
        }
    });

    Timer(true);
    ActiveSlide();

});

function ActiveSlide() {    
    var _id = $(".animate .active").index();
    var _aantal = $(".plaat").length - 1;
    if (_id != 0) {
        $(".arrow-left").css("display", "block");
    }
    if (_id == _aantal) {
        $(".arrow-right").css("display", "none");
    }

    var _position = -(892 * _id);

    if (_id <= 0) {
        _position = 0;
        $(".arrow-left").css("display", "none");
    }

    if ($(".plaat").hasClass("active") == true) {
        Timer(false);
    }

    $(".animate").css("left", _position);
}

function HeaderPlaat(MoveTo) {
    clearInterval(_interval);
    //Count aantal plaaten
    var _AantalPlaaten = $(".plaat").length;
    var i = 0;

    if (MoveTo == "left") {

        $(".animate").addClass("busy");
        
        var _currentPosition = $(".animate").css("left");
        _currentPosition = parseInt(_currentPosition);       
        
      
        var _newPosition = _currentPosition - 892;

        var _max = -(_AantalPlaaten - 1) * 892;

        if (_newPosition <= _max) {
            $(".arrow-right").css("display", "none");
            _newPosition = _max;          
        }
        
        $(".animate").css("left", _newPosition);

        $(".arrow-left").fadeIn(600);

        $(".animate").removeClass("busy");

    }
    if (MoveTo == "right") {

        $(".animate").addClass("busy");

        var _currentPosition = $(".animate").css("left");
        _currentPosition = parseInt(_currentPosition);   

        var _newPosition = _currentPosition + 892;

        var _max = 0;
        if (_newPosition >= _max) {
            $(".arrow-left").css("display", "none");
            _newPosition = 0;
        }

        $(".animate").css("left", _newPosition);
        $(".animate").removeClass("busy");
        
        $(".arrow-right").fadeIn(600);

    }

    if (MoveTo == "auto") {
        var _currentPosition = $(".animate").css("left");
        _currentPosition = parseInt(_currentPosition);
        
        var _newPosition = _currentPosition - 892;

        var _max = -(_AantalPlaaten - 1) * 892;
        if (_newPosition <= _max) {
            $(".arrow-right").css("display", "none");
        }
        else {
            $(".arrow-right").css("display", "block");
        }
        $(".arrow-left").css("display", "block");
        if (_newPosition < _max) {
            _newPosition = 0;
            $(".arrow-right").css("display", "block");
            $(".arrow-left").css("display", "none");
        }

        $(".animate").css("left", _newPosition);

    }

    Timer(true);
}

var _interval;
function Timer(needToDo) {
    if (needToDo == true) {
        _interval = setInterval("HeaderPlaat('auto');", 15000);
    }
    else {
        clearInterval(_interval);
    }
}