/**
	 * 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 = "/grfx/crossminds/carousel-arrow-previous.gif";	
		} else {
			leftImage.src = "/grfx/crossminds/carousel-arrow-previous-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 = "/grfx/crossminds/carousel-arrow-next.gif";
		} else {
			rightImage.src = "/grfx/crossminds/carousel-arrow-next-disabled.gif";
		}
	};
	
	
	/**
	 * You must create the carousel after the page is loaded since it is
	 * dependent on an HTML element (in this case 'mycarousel'.) See the
	 * HTML code below.
	 **/
	var carousel; // for ease of debugging; globals generally not a good idea