$(document).ready( function() {
	$("#les-images a.fancy-ardito").fancybox( {
		'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'titlePosition' 	: 'over'
		/*'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-over">' + $(this).attr('href') + " " + currentIndex + '</span>';
		}*/
	} );
} );


$(ArditoGalery);

function ArditoGalery() {
	
	$("#ex3").lImageLoader( {
		classname: "Ardito",
		onComplete: function(o) {
			o.images.hide();
			this.show();
			$("#panel").hide();
			
			this.lArditoGaleryPagination( {
				images: o.images,
				height: 100,
				margin: 20,
				lines: 'auto',
				speed: 600,
				start: 1,
				fadeInDuration: 700,
				onClick: function(o) {
					var name = this.attr('href').split('/');
					name = name[$(name).length-1];
					$("#les-images a.fancy").each( function(index,element) {
						var name2 = $(this).attr('href').split('/');
						name2 = name2[$(name2).length-1];
						if( name2 == name ) {
							$(
								$("#les-images a.fancy-ardito").get(index)
							).trigger('click');
						}
					} );
				}
			} );
		},
		onLoading: function(o) {
			var pbarWidth = parseInt($("#pbar").css('width'));

			$("#pbar #content").css( {
				width: parseInt((this.nbImagesLoaded/this.totalImages)*100)+"%"
			} );
		},
		onLoad: function(o) {
			var w = $("#diaporama").width();
			var h = $("#diaporama").height();
			
			var pbarWidth = parseInt($("#pbar").css('width'));
			var pbarHeight = parseInt($("#pbar").css('height'));

			$("#panel").css( {
				left: (w-pbarWidth)/2,
				top: (h-pbarHeight)/2,
				display: 'block'
			} );
		}
	} );
};