var numImages = 0;
var current = 1;
var currentImage;
var currentTitle;
var timer;

$(document).ready(function()
{
    numImages = $("div#merken-presentatie div#merken-presentatie-content img.presentatie-merken-image").length;
    current = 1;

    $("div#merken-presentatie div#merken-presentatie-content img#navleft").bind("click", navLeft);
    $("div#merken-presentatie div#merken-presentatie-content img#navright").bind("click", navRight);

    timer = new Timer(10000, navRight);
    if(numImages > 1)
        timer.startTimer();

    function navLeft()
    {
        timer.stopTimer();

        var previousImage = currentImage;
        var previousTitle = currentTitle;
        if(current == 1)
        {
            current = numImages;
        }
        else
        {
            current = current - 1;
        }
        currentImage = $("div#merken-presentatie-content img#presentatie-merken-image-" + current);
        currentTitle = $("div#merken-presentatie-content div#presentatie-merken-titel-" + current);

        previousImage.fadeOut(1000, function(){currentImage.fadeIn(1000);});
        previousTitle.fadeOut(1000, function(){currentTitle.fadeIn(1000);});

        if(numImages > 1)
        {
            timer.startTimer();
        }
    }

    function navRight()
    {
        timer.stopTimer();

        var previousImage = currentImage;
        var previousTitle = currentTitle;
        if(current >= numImages)
        {
            current = 1;
        }
        else
        {
            current = current + 1;
        }
        currentImage = $("div#merken-presentatie-content img#presentatie-merken-image-" + current);
        currentTitle = $("div#merken-presentatie-content div#presentatie-merken-titel-" + current);
        previousImage.fadeOut(1000, function(){currentImage.fadeIn(1000);});
        previousTitle.fadeOut(1000, function(){currentTitle.fadeIn(1000);});


        if(numImages > 1)
        {
            timer.startTimer();
        }
    }

    currentImage = $("div#merken-presentatie div#merken-presentatie-content img#presentatie-merken-image-" + current);
    currentTitle = $("div#merken-presentatie div#merken-presentatie-content div#presentatie-merken-titel-" + current);
    currentImage.fadeIn(2000);
    currentTitle.fadeIn(2000);

    if(numImages < 1)
    {
        $("img#navleft").hide();
        $("img#navright").hide();
    }
});