$(document).ready(function() {

	$('#carousel').jcarousel({
		scroll: 			3,
		animation:			500
	//	easing:				"linear",
	//	buttonNextEvent: 	"mouseover", // default: click
	//	buttonPrevEvent: 	"mouseover", // default: click
	});

	$("#carousel a, a[class=fancybox]").fancybox({
		'titlePosition' : 		'inside', // outside, inside, over;
		'overlayOpacity' : 		'0.5',
		'overlayColor' : 		'#000',
		'centerOnScroll' :		'false'
	});
	// notes :
	// titleposition : 'outside' fonctionne très mal avec des textes longs (plus d'une ligne)
	// titleposition : si on utilise 'over', le titre se trouve dans le bloc #fancybox-title-over;
	//				   avec 'inside', il se trouve dans #fancybox-title

});

$(document).unbind('keydown.fb').bind('keydown.fb', function(e) {
	$('#keycode').text(e.keyCode);
});

$(window).load(function() {

	// positionner correctement les images "thumbnail"
	// (ne fonctionne pas correctement dans document.ready pour les navigateurs webkit)
	$('#side .thumbnail a img').each(function () {
		var imgwidth = $(this).width();
		var newwidth = imgwidth + 4;
		var newmargin = 200 - newwidth;
		$(this).parent().parent().css({'width': newwidth + 'px', 'margin-left': newmargin + 'px'});
	});

});