//Content Rotator
function mycarousel_initCallback(carousel)
{
    // 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();
    });
};

jQuery(document).ready(function() {

	jQuery('div.primary > div').fadeOut(0);
	jQuery('div.primary > div:first-child').fadeIn(0);
        jQuery('#mycarousel').jcarousel({
	        auto: 2,
	        wrap: 'last',
	        initCallback: mycarousel_initCallback
        });

	jQuery('ul#mycarousel li').click(function() {
		var liClass = jQuery(this).attr('class');
		var childN = liClass.replace(/\D/g, '').replace(/^[0-9]/g, '');
		jQuery('div.primary > div').fadeOut(200);
		jQuery('div.primary div:nth-child(' + childN + ')').fadeIn(500);
		return false;
	});
});