// JSLint global includes
/*global window */

var nCounter = 0;

$(document).ready(function(){

    $("#divCarousel").CloudCarousel({
        "xPos" : 500,
        "yPos" : 50,
        "xRadius" : 425,
        "yRadius" : 50,
        "buttonLeft" : $("#buttonPreviousButton"),
        "buttonRight" : $("#buttonNextButton"),
        "titleBox" : $("#h1Title"),
        "altBox" : $("#pDescription"),
        "speed" : 0.075
    });

    $("#buttonPreviousButton").click(function(event) {
        var nLength = $("img.cloudcarousel").size();
        nCounter = (nCounter + 1 + nLength) % nLength; 
        $("#h1Title").text($("img.cloudcarousel").eq(nCounter).attr("title"));
        $("#pDescription").text($("img.cloudcarousel").eq(nCounter).attr("alt"));
    });

    $("#buttonNextButton").click(function(event) {
        var nLength = $("img.cloudcarousel").size();
        nCounter = (nCounter - 1 + nLength) % nLength; 
        $("#h1Title").text($("img.cloudcarousel").eq(nCounter).attr("title"));
        $("#pDescription").text($("img.cloudcarousel").eq(nCounter).attr("alt"));
    });

});