var handlePrevButtonState = function(type, args) 
	{
	    var enabling = args[0];
	    var leftImage = args[1];
	    if(enabling) {
			leftImage.src = "/web/jsp/img/shop/prev-arrow.gif";	
		} else {
			leftImage.src = "/web/jsp/img/shop/prev-arrow-dis.gif";	
		}   
	};
	
	var handleNextButtonState = function(type, args) {
	    var enabling = args[0];
	    var rightImage = args[1];
		if(enabling) {
			rightImage.src = "/web/jsp/img/shop/next-arrow.gif";	
		} else {
			rightImage.src = "/web/jsp/img/shop/next-arrow-dis.gif";	
		}
	};
	
	var carousel;
	var pageLoad = function() 
	{
		carousel = new YAHOO.extension.Carousel("mycarousel", 
			{
				numVisible:       4,
				animationSpeed:    0.25,
				scrollInc:         4,
				navMargin:         20,
				prevElement:     "prev-arrow",
				nextElement:     "next-arrow",
				size:              carouselSize,
				prevButtonStateHandler:   handlePrevButtonState,
				nextButtonStateHandler:   handleNextButtonState
			}
		);
	
	};

YAHOO.util.Event.addListener(window, 'load', pageLoad);