/**
* Custom button state handler for enabling/disabling button state. 
* Called when the carousel has determined that the previous button
* state should be changed.
* Specified to the carousel as the configuration
* parameter: prevButtonStateHandler
**/
var handlePrevButtonState = function(type, args) {

    var enabling = args[0];
    var leftImage = args[1];
    if (enabling) {
        leftImage.src = "../App_Themes/Default/images/left-enabled.gif";
    } else {
        leftImage.src = "../App_Themes/Default/images/left-disabled.gif";
    }

};

/**
* Custom button state handler for enabling/disabling button state. 
* Called when the carousel has determined that the next button
* state should be changed.
* Specified to the carousel as the configuration
* parameter: nextButtonStateHandler
**/
var handleNextButtonState = function(type, args) {

    var enabling = args[0];
    var rightImage = args[1];

    if (enabling) {
        rightImage.src = "../App_Themes/Default/images/right-enabled.gif";
    } else {
        rightImage.src = "../App_Themes/Default/images/right-disabled.gif";
    }

};