$(document).ready( function(){
	jQuery('#product_tray').jcarousel({
		start: 1, 
		scroll: 1,
		initCallback: mycarousel_initCallback,
		buttonNextCallback:   mycarousel_buttonNextCallback,
		buttonPrevCallback:   mycarousel_buttonPrevCallback,
		buttonNextHTML: null,
		buttonPrevHTML: null,
		itemVisibleInCallback: {
			onAfterAnimation:  mycarousel_itemVisibleInCallbackAfterAnimation
		} 
	});
});

// CAROUSEL ITEMS
function mycarousel_buttonNextCallback(carousel, button, enabled) {
	//alert('Next button is now ' + (enabled ? 'enabled' : 'disabled'));
	if(enabled){
		$('#btn_next').removeClass('disabled');
	} else {
		$('#btn_next').addClass('disabled');
	}
};

function mycarousel_buttonPrevCallback(carousel, button, enabled) {
	// alert('Prev button is now ' + (enabled ? 'enabled' : 'disabled'));
	if(enabled){
		$('#btn_prev').removeClass('disabled');
	} else {
		$('#btn_prev').addClass('disabled');
	}
};

function mycarousel_itemVisibleInCallbackAfterAnimation(carousel, item, idx, state) {
	$('#counterspan').html(idx+" of "+carousel.size());
};

function mycarousel_initCallback(carousel) {
	$('#counterspan').html("1 of "+carousel.size());

	jQuery('#btn_next').bind('click', function() {
		carousel.next();
		return false;
	});

	jQuery('#btn_prev').bind('click', function() {
		carousel.prev();
		return false;
	});
};