$(document).ready(function()
{

	/** Fancybox sur les captures **/
	$(".dev a[rel=captures]").fancybox({
		'titleShow'	:	false,
		'padding'   : 0
	});
	$(".dev a[rel=captures]:not(:first-child)").hide();


	/** Fancybox sur les miniatures **/
	$("#thumbnails a.thumb").fancybox({
		'titlePosition'	:	'over',
		'onComplete'	:	function() {
			$("#fancybox-wrap").hover(function() {
				$("#fancybox-title").show();
			}, function() {
				$("#fancybox-title").hide();
			});
		}
	});

	/** Miniatures du footer **/
	var settings_footer = {
		high_visibility: 1,
		low_visibility:  0.4,
		duration: 		 500
	};
	$(".col-3 img").css({opacity: 0.4});
	$(".col-3 a img").hover(function(){
		$(this).animate({
			opacity: settings_footer.high_visibility
		}, settings_footer.duration)
	},function(){
		$(this).animate({
			opacity: settings_footer.low_visibility
		}, settings_footer.duration)
	});

	/** Mode de visualisation du porfolio **/
	var settings_display = {
		high_visibility: 1,
		low_visibility:  0.4,
		duration:		 500
	};
	$("#display img").css({ opacity: settings_display.low_visibility});
	$("#display .current").css({ opacity: settings_display.high_visibility});
	$("#display img").hover(function(){
		$("#display img").css({ opacity: settings_display.low_visibility});
		$(this).animate({
			opacity: settings_display.high_visibility
		}, settings_display.duration)
	},function(){
		$("#display img").css({ opacity: settings_display.low_visibility});
		$("#display .current").animate({
			opacity: settings_display.high_visibility
		}, settings_display.duration)
	});

	/** Pagination **/
	$(function(){
		itemsPerPage = 20;
		paginatorStyle = 2;
		paginatorPosition = 'both';
		enableGoToPage = false;
		//~ firstPageSymbol = '<<';
		//~ nextPageSymbol = '&rarr;';
		//~ lastPageSymbol = '&larr;';
		//~ previousPageSymbol = '>>';
		//~ separator = ' | ';
		showIfSinglePage = false;
		$("#thumbnails ul").pagination();
	});


	/** Galerie du portfolio **/
	if($("#portfolio").length) {
		/** Mise en place des settings **/
		var settings_portfolio = {
			wrapperId:	 "portfolio",
			imgViewerId: "viewer",
			counter:	 0,
			activeTitle: "Photo en cours de visualisation",
			loaderTitle: "Chargement en cours",
			loaderImage: "/img/ajax-loader.gif"
		};
		/** Chargement de l'url **/
		if(document.location.hash != '') {
			imgSelect = document.location.hash.substr(1,document.location.hash.length);
			settings_portfolio.counter = photos.length-imgSelect;
		}
		/** Création du loader **/
		var loader = $(document.createElement("img")).attr({
		  alt: settings_portfolio.loaderTitle,
		  title: settings_portfolio.loaderTitle,
		  src: settings_portfolio.loaderImage
		});
		/** Création des éléments de navigation **/
		$("#"+settings_portfolio.wrapperId).append(
			$(document.createElement("p"))
			.attr("id",settings_portfolio.imgViewerId)
			.append(
				$(document.createElement("img")).attr({
					alt: "",
					src: photos[settings_portfolio.counter]
				})
			),
			$(document.createElement("p"))
			.attr("id", "next")
			.append(
				$(document.createElement("a")).attr({
					href: photos[settings_portfolio.counter+1]
				})
			),
			$(document.createElement("p"))
			.attr("id", "prev")
			.append(
				$(document.createElement("a")).attr({
					href: photos[settings_portfolio.counter-1]
				})
			),
			$(document.createElement("p"))
			.attr("id", "exifs")
			.append(
				$(document.createTextNode(exifs[settings_portfolio.counter]))
			)
		);
		/** Création du conteneur de l'image **/
		var imgViewer = $("#"+settings_portfolio.imgViewerId),
			bigPic = imgViewer.children("img"),
			next = $("#next a"),
			prev = $("#prev a"),
			legende = $('#exifs');
		/** Fonction de changement d'image **/
		var changeImg = function(e, target, direction){
			e.preventDefault();
			if (bigPic.attr("src") == target) return;
			imgViewer.html(loader);
			bigPic
				.load(function(){
					imgViewer.html($(this).fadeIn(250));
				})
				.attr("src",target);
			bigPic.mousemove(function(e){
				legende.show();
				legende.css({
					position: "absolute",
					top: (e.pageY + 15) + "px",
					left: (e.pageX + 15) + "px"
				});
			});
			bigPic.mouseout(function(e){
				legende.hide();
			});
			settings_portfolio.counter = settings_portfolio.counter + direction;
			next.attr({href: photos[settings_portfolio.counter+1]});
			prev.attr({href: photos[settings_portfolio.counter-1]});
			legende.text(exifs[settings_portfolio.counter]);
			if(settings_portfolio.counter > 0) prev.show();
			else prev.hide();
			if(settings_portfolio.counter == photos.length-1) next.hide();
			else next.show();
			location.hash = (photos.length-settings_portfolio.counter);
		};
		if(document.location.hash!='') {
			if(settings_portfolio.counter > 0) prev.show();
			else prev.hide();
			if(settings_portfolio.counter == photos.length-1) next.hide();
			else next.show();
		} else prev.hide();
		/** Fonctions de navigation **/
		prev.click(function(e){
			var $this = $(this), target = $this.attr("href");
			changeImg(e, target, -1);
		});
		next.click(function(e){
			var $this = $(this), target = $this.attr("href");
			changeImg(e, target,  1);
		});
		/** Initialisation du collage des exifs à la souris **/
		legende.hide();
		bigPic.mousemove(function(e){
			legende.show();
			legende.css({
				position: "absolute",
				top: (e.pageY + 15) + "px",
				left: (e.pageX + 15) + "px"
			});
		});
		bigPic.mouseout(function(e){
			legende.hide();
		});

	} /** endif **/
});