jQuery(function($){
	// change bkg
	var images = ['image_01.jpg', 'image_02.jpg', 'image_03.jpg', 'image_04.jpg'];
	$('body').css({'background-image': 'url(img/bodyBkg/' + images[Math.floor(Math.random() * images.length)] + ')'});
	
	// add mailto 
	$("#mail").append('mail : <a href="mailto:cchamplong@mini-design.fr">cchamplong@mini-design.fr</a>');

	// animation menu
	var menuContener = $("#sitMen"),
		pagemarker = $(".lignVert"),
		cloneMarker = function(marker){
			$("div").remove("#clone");
			return (marker.after(marker.clone(false).attr("id", "clone").css("borderColor", "#20322a").css("zIndex", "1")));
		};

	var menuLinks = menuContener.find("a"),
		linkActive = $("a[class=act]"),
		placeMarker = function(marker){
			var linkoffset = linkActive.offset();
			marker.css("left", linkoffset.left+37);
		},
		moveMarker = function(elt, to, del){
			elt.stop();
			if (del == 1){
				elt.animate({
						left: to,
					}, 2000, 'easeOutQuart', function() {
							elt.remove();
						});
			}else {
			elt.animate({
					left: to,
				}, 1000, 'easeOutQuart');
			}
		},
		linkhover = function(elt){
			elt.stop();
			elt.animate({
					paddingTop: "0px",
					paddingBottom: "38px",
					backgroundColor: "#315846"
				}, 300, 'easeOutQuart');
		},
		linkout = function(elt){
				elt.stop();
				elt.animate({
					paddingTop: "38px",
					paddingBottom: "0px",
					backgroundColor: "#42ba84"
				}, 300, 'easeOutQuart');
		};

	placeMarker(pagemarker);
	$(window).resize(function() {placeMarker(pagemarker);} );

	menuContener.hover(function(){
			cloneMarker(pagemarker);
		}, function(){
			var tmpoffset = linkActive.offset();
			moveMarker ($("#clone"), tmpoffset.left+37, 1);
		});
		
	menuLinks.hover(function(){
			var $this = $(this);
			var tmpoffset = $this.offset();
			moveMarker ($("#clone"), tmpoffset.left+37, 0);
			if ($this.attr("class") == "act") return;
			linkhover($this);
		}, function(){
			var $this = $(this);
			if ($this.attr("class") == "act") return;
			linkout($this);
		});

	// galerie
	var settings = {
		thumbListId: "miniature",
		imgViewerId: "view_media",
		projectLinkId: "lien_projet_galerie",
		activeClass: "active",
		activeTitle: "Média en cours de visualisation",
		loaderTitle: "Chargement en cours",
		loaderImage: "img/loader.gif"
	};

	var thumbLinks = $("#"+settings.thumbListId).find("a"),
		firstThumbLink = thumbLinks.eq(0),
		highlight = function(elt){
			thumbLinks.removeClass(settings.activeClass).removeAttr("title");
			elt.addClass(settings.activeClass).attr("title",settings.activeTitle);
		},
		loaderImg = $(document.createElement("img")).attr({
			alt: settings.loaderTitle,
			title: settings.loaderTitle,
			src: settings.loaderImage
		}),
		loaderVid = $(document.createElement("iframe")).attr({
			id: "view_vid",
			width: "622",
			height: "381",
			src: ""
		});

	highlight(firstThumbLink);

	var imgViewer = $("#"+settings.imgViewerId),
		bigPic = imgViewer.children("img"),
		bigVid = imgViewer.children("iframe");

	var projectLink = $("#"+settings.projectLinkId),
		link = projectLink.children("a");

	thumbLinks.click(function(e){
			e.preventDefault();
			var $this = $(this),
				target = $this.children().attr("src")
				info = $this.children().attr("alt");
			var regInfo = new RegExp("[:]+", "g");
			var infoTab = info.split(regInfo);
			if (infoTab[0] == "image") {
				var regImage =new RegExp("(/mini)","g");
				target = target.replace(regImage,"");
				if (bigPic.attr("src") == target) return;
				highlight($this);
				imgViewer.html(loaderImg);
				bigVid.attr("class","hide");
				bigVid.attr("src","");
				bigPic.attr("class","visible");
				bigPic
					.load(function(){
						imgViewer.html($(this).fadeIn(250));
						})
					.attr("src",target);
				link.attr("href", ("projet/"+infoTab[1]+".html"));
			}
			if (infoTab[0] == "youtube"){
				highlight($this);
				imgViewer.html(loaderVid);
				bigVid = imgViewer.children("iframe");
				target = target.substring(target.lastIndexOf("/"));
				target = "https://www.youtube.com/embed/"+target.substr(1, (target.length-5))+"?rel=0";
				if (bigVid.attr("src") == target) return;
				bigPic.attr("src","");
				bigPic.attr("class","hide");
				bigVid.attr("class","visible");
				bigVid.attr("src",target);
				link.attr("href", ("projet/"+infoTab[1]+".html"));
			}
	});
});