$(document).ready(function() {
	jQuery('#liste_categories').jcarousel({
		scroll: 6,
		wrap: 'both',
        initCallback: mycarousel_initCallback
    });		var n = $(".jcarousel-control li").size(); 
        if (n > 1) 
        { 
		
	jQuery('#fiches').jcarousel({
		scroll: 1,
		wrap: 'both',
		animation: 50,
        initCallback: mycarousel_initCallback3
    });

	$('.jcarousel-control a').click(function(){
		$('a.current').animate({marginBottom: "-50"},250,function(){
			$(this).toggleClass("current").animate({paddingBottom: "0" , marginBottom: "0" },250);
		});
		$(this).animate({marginBottom: "-50"},250,function(){
			$(this).toggleClass("current").animate({paddingBottom: "10" , marginBottom: "0"},250);
		});

	});
		
	}
	$('a#menu_5').addClass('soirees_select');
	$('div#categories a').hover(function(){
		$(this).animate({paddingBottom: "5"},200);
	},function(){
		$(this).animate({paddingBottom: "0"},200);
	});
	$('.jcarousel-control a:first').addClass('item1').toggleClass('current').animate({paddingBottom: "10"},0);
	$('.jcarousel-control a:last').addClass('item2');
	$('.jcarousel-control li:eq(0)').addClass('1');
	$('.jcarousel-control li:eq(1)').addClass('2');
	$('.jcarousel-control li:eq(2)').addClass('3');
	$('.jcarousel-control li:eq(3)').addClass('4');
	$('.jcarousel-control li:eq(4)').addClass('5');
	$('.jcarousel-control li:eq(5)').addClass('6');


$('a.card_over').hover(function(){
	var id = $(this).find('img').attr('caption');
	$(this).parent('div').find('div.espace').find('.titre_over').empty().append(''+id+'');
}, function(){
$('.titre_over').empty();
});





	


});
function mycarousel_initCallback(carousel){

	carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });
    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};
function mycarousel_initCallback3(carousel){
     jQuery('.jcarousel-control a').bind('click', function() {
        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).parent('li').attr('class')));
        return false;
    }); 
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
		var current = $('div#art a.current');
		var posi = $(current).parent('li').attr('class');
		var current2 = $('div#art a.current.item2');
		var current3 = $('div#art li:first');
		$('div#art .jcarousel-control li.'+posi+' a.item2').show(function(){
			$(current3).find('a').animate({marginBottom: "-50"},0,function(){
				$(this).toggleClass('current').animate({paddingBottom: "10" , marginBottom: "0"},150);
			});
		});	
		$('div#art .jcarousel-control li.'+posi).find('a').animate({marginBottom: "-50"},0,function(){
			$(this).toggleClass('current').animate({paddingBottom: "0" , marginBottom: "0"},150);
		});
		$('div#art .jcarousel-control li.'+posi).next('li').find('a').animate({marginBottom: "-50"},0,function(){
			$(this).toggleClass('current').animate({paddingBottom: "10" , marginBottom: "0"},150);
		});

    });
    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
		var current = $('div#art a.current');
		var posi = $(current).parent('li').attr('class');
		var current2 = $('div#art a.current.item1');
		$(current2).show(function(){
			var current4 = $('.jcarousel-control li:last');
			var i = $(current4).attr('class');
			carousel.scroll(jQuery.jcarousel.intval(''+i+''));
			$(current4).find('a').animate({marginBottom: "-50"},0,function(){
				$(this).toggleClass('current').animate({paddingBottom: "10" , marginBottom: "0"},150);
			});
		});	
		$('div#art .jcarousel-control li.'+posi).find('a').animate({marginBottom: "-50"},0,function(){
			$(this).toggleClass('current').animate({paddingBottom: "0" , marginBottom: "0"},150);
		});
		$('div#art .jcarousel-control li.'+posi).prev('li').find('a').animate({marginBottom: "-50"},0,function(){
			$(this).toggleClass('current').animate({paddingBottom: "10" , marginBottom: "0"},150);
		});

  });
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};