$(document).ready(function() {
	function mycarousel_initCallback(carousel){
		// Scrolling über die a Tags
		jQuery('.jcarousel-control a').bind('click', function() {
			carousel.scroll(jQuery.jcarousel.intval(jQuery(this).attr("name")));
			return false;
		});

		// Schaltet das Autoscrolling beim Hover der Navigationsfelder aus
		carousel.buttonNext.bind('click', function() {
			carousel.startAuto();
		});
		
		carousel.buttonPrev.bind('click', function() {
			carousel.startAuto();
		});
		
		carousel.buttonNext.hover(function() {
			carousel.stopAuto(0);
		}, function() {
			carousel.startAuto();
		});
		
		carousel.buttonPrev.hover(function() {
			carousel.stopAuto(0);
		}, function() {
			carousel.startAuto();
		});
		
		// Schaltet das Autoscrolling beim Hover der Anzeigefläche aus
		carousel.clip.hover(function() {
			carousel.stopAuto();
		}, function() {
			carousel.startAuto();
		});
	};

	// Initialisiert das Carousel Header
	jQuery(document).ready(function() {
		jQuery('#mycarousel').jcarousel({
			auto: 3,
			scroll: 1,
			wrap: 'both',
			animation: 'slow',
			initCallback: mycarousel_initCallback,
			itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleCallback}
		});
	});
	
	// Setzt die a Tags auf Aktive
	function mycarousel_itemVisibleCallback(carousel, li, index, state) {
		$('#mycarousel #ContainerImageNavi .jcarousel-control a').each(function() {
			if ($(this).attr("name") == index) {
				$(this).addClass("carousel_navi_active");
			} else {
				$(this).removeClass("carousel_navi_active");
			}
		});
	}
});