/**
* We use the initCallback callback
* to assign functionality to the controls
*/
function mycarousel_initCallback(carousel) {
	jQuery('.jcarousel-control a').bind('click', function() {
		carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
			return false;
});

jQuery('.jcarousel-scroll select').bind('change', function() {
	carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
		return false;
});
		
jQuery('#mycarousel-next').bind('click', function() {
	carousel.next();
		return false;
});
		
jQuery('#mycarousel-prev').bind('click', function() {
	carousel.prev();
		return false;
});

// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind('click', function() {
	carousel.startAuto(0);
});
	
carousel.buttonPrev.bind('click', function() {
	carousel.startAuto(0);
});

// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
	carousel.stopAuto();
		}, function() {
			carousel.startAuto();
});

};


// Ride the carousel...
jQuery(document).ready(function() {
	jQuery("#mycarousel").jcarousel({
		auto: 2,
		scroll: 1,
		wrap: 'both',
		initCallback: mycarousel_initCallback
	});
});