/**
	 * We use the initCallback callback
	 * to assign functionality to the controls
	 */
	function mycarousel_initCallback(carousel) {
		jQuery('.jcarousel-control a').bind('click', function() {
			var sdv = jQuery.jcarousel.intval(jQuery.jcarousel.intval(jQuery(this).text())*5-4);
			carousel.scroll(sdv);
			jQuery.each($('.jcarousel-control a'), function() {
				$(this).removeClass('active');
			});
			$(this).addClass('active');
			$('.jcarousel-title').html('');
			$('.img-link').each(function (index) {
				$(this).removeClass('ai-hover');
			});
			
			return false;
		});

		jQuery('#mycarousel ul li a').bind('mouseover', function() {
			$('.jcarousel-title').attr('innerHTML', jQuery(this).attr('title'));
			return false;
		});

		jQuery('#mycarousel ul li a').bind('mouseout', function() {
			$('.jcarousel-title').attr('innerHTML', '');
			return false;
		});

	};

	// Ride the carousel...
	jQuery(document).ready(function() {
		var myCarousel = jQuery("#mycarousel").jcarousel({
			scroll: 1,
			initCallback: mycarousel_initCallback,
			// This tells jCarousel NOT to autobuild prev/next buttons
			buttonNextHTML: null,
			buttonPrevHTML: null
		});
		
		var links = $('.img-link');
		var cnt = links.length-1;
		cnt = cnt > 14 ? 14 : cnt;
		var rand = Math.ceil(Math.random(cnt)*cnt);
		var selector = '#img-link-'+rand;
		$(selector).trigger('mouseover');
		$(selector).addClass('ai-hover');
		links.each(function (index) {
			$(this).mouseover(function() {
				$(selector).removeClass('ai-hover');
			});
		});
		$('.jcarousel-next').click(function(){$('.jcarousel-title').html('');$(selector).removeClass('ai-hover');
});
		$('.jcarousel-prev').click(function(){$('.jcarousel-title').html('');$(selector).removeClass('ai-hover');
});
	});