/**
	 * We use the initCallback callback
	 * to assign functionality to the controls
	 */
	var currentSelector = null;
	function mycarousel_initCallback(carousel) {
		jQuery('.jcarousel-control a').bind('click', function() {
			carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
			/*
			jQuery(this).addClass("active");
			if (currentSelector != null) currentSelector.removeClass("active");
			currentSelector = jQuery(this);
			*/
			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;
		});
		
		jQuery('#mycarousel').removeClass("hideLoading");
	};
	
	function mycarousel_itemFirstInCallback(carousel, item, idx, state) {
		jQuery('.jcarousel-control a').each(function() {
			if (jQuery(this).find("span").text() == idx) {
				jQuery(this).addClass("active");
				if (currentSelector != null) currentSelector.removeClass("active");
				currentSelector = jQuery(this);
			}
		
		});
	};
	
	// Ride the carousel...
	jQuery(document).ready(function() {
		jQuery("#mycarousel").jcarousel({
			scroll: 1,
			initCallback: mycarousel_initCallback,
			itemFirstInCallback:   mycarousel_itemFirstInCallback,
			buttonNextHTML: '<div></div>',
			buttonPrevHTML: '<div></div>'
		});
		jQuery("#carouselwrapper").removeClass("hideLoading");
	});
	
	// Controls and rollovers
	jQuery(document).ready(function() {
		jQuery('.jcarousel-control img')
			.hover(function() { jQuery(this).addClass('imgOn'); }, function() { jQuery(this).removeClass('imgOn'); })	
	});