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('#carousel').jcarousel({
        auto: 6,
		scroll: 1,
        wrap: 'both',
		visible: 1,
		buttonNextHTML: '',
		buttonPrevHTML: '',
        initCallback: mycarousel_initCallback,
        animation: "slow"
    });

	$('.content-container').hover(function() {
		$(this).children('.content')
			.removeClass('hasOpacity')
			.addClass('hasLessOpacity');
	}, function() {
		$(this).children('.content')
			.removeClass('hasLessOpacity')
			.addClass('hasOpacity');
	});
});