$(document).ready(function(){
		$(".fancybox").fancybox({
			titleShow: false
		});
		$(".fancyboxover").fancybox({titleShow: false})
		  .mouseover(function(){
			$(this).addClass('over');
			$(this).children('img.img_2').addClass('inactif').removeClass('actif');
			$(this).children('img.img_1').addClass('actif').removeClass('inactif');
		}).mouseout(function(){
			$(this).removeClass('over');
			$(this).children('img.img_1').addClass('inactif').removeClass('actif');
			$(this).children('img.img_2').addClass('actif').removeClass('inactif');
		});
		$(".scrollable").scrollable({
			circular : true,
			size: 5,
	        start: 0,
	        loop: true,
	        keyboard: false,
	        onSeek: function(){
	        	$(".fancyboxover")
	        	.fancybox({titleShow: false})
	        	.mouseover(function(){
	    			$(this).addClass('over');
	    			$(this).children('img.img_2').addClass('inactif').removeClass('actif');
	    			$(this).children('img.img_1').addClass('actif').removeClass('inactif');
	    		}).mouseout(function(){
	    			$(this).removeClass('over');
	    			$(this).children('img.img_1').addClass('inactif').removeClass('actif');
	    			$(this).children('img.img_2').addClass('actif').removeClass('inactif');
	    		});
	        }
	    });

		var scroll = $(".scrollable").data("scrollable");
		var refreshIntervalId = null;
		
	    $('a.right').mouseover(function(){
	        refreshIntervalId = setInterval(function() { scroll.next(); }, 500);
	    }).mouseout(function(){
	        clearInterval(refreshIntervalId);
	    });

	    $('a.left').mouseover(function(){
	        refreshIntervalId = setInterval(function() { scroll.prev(); }, 500);
	    }).mouseout(function(){
	        clearInterval(refreshIntervalId);
	    });
	});