$(document).ready(function(){
		$(".jcarousel-item-display").show();
		$(".jcarousel-item-display").css("visibility", "visible");
		$("#theFirstOneItem2").css("margin-left", "0px");
		$("#theFirstOneItem3").css("margin-left", "0px");
		$("#alaune").css("padding", "0px");
		$("#alaune").css("margin", "0px");
		$("#annonce").animate({width: "417px"}, 1300, function(){		
			$(".jcarousel-skin-tango .jcarousel-prev-horizontal").hide();
			$(".jcarousel-skin-tango .jcarousel-prev-horizontal").css("visibility", "visible");
			$(".jcarousel-skin-tango .jcarousel-prev-horizontal").show();		
			$(".jcarousel-control").hide();
			$(".jcarousel-control").css("visibility", "visible");
			$(".jcarousel-control").show();	
			$(".jcarousel-skin-tango .jcarousel-next-horizontal").hide();
			$(".jcarousel-skin-tango .jcarousel-next-horizontal").css("visibility", "visible");
			$(".jcarousel-skin-tango .jcarousel-next-horizontal").show();					
			
		});

		var controllers = $(".jcarousel-control a");
		
		function mycarousel_initCallback(carousel) {
			jQuery('.jcarousel-control a').bind('click', function() {
				carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));

				controllers.filter(".current").toggleClass("current", false);
				$(this).toggleClass("current", true);
				return false;
			});
		};	
		
		function init_before(carousel, state)
		{
			var i = carousel.first - 1;
			if (state == "init"){
				controllers.eq(0).toggleClass("current", true);
			}else if (carousel.last != 9 && (state == "next" || state == "init")){
				controllers.eq(i).toggleClass("current", true);
				controllers.eq(--i).toggleClass("current", false);
			}else if(carousel.last == 3 && state == "prev"){
				controllers.filter(".current").toggleClass("current", false);
				controllers.eq(i).toggleClass("current", true);

			}else if(state == "next" && carousel.last == 9){
				controllers.eq(i).toggleClass("current", true);
				controllers.eq(--i).toggleClass("current", false);

			}else if(state == "prev"){
				controllers.eq(i).toggleClass("current", true);
				controllers.eq(++i).toggleClass("current", false);
			}

			
		};		


		$('#alaune').jcarousel({
			scroll: 1,
			auto: 7,
			wrap: "last",
			itemLoadCallback: {
			  onBeforeAnimation: init_before
			},
			initCallback: mycarousel_initCallback
		});
	});