$(document).ready(function(){

// jScrollPane
		$('.scroll').jScrollPane({
			showArrows: true,
			arrowScrollOnHover: true
		});

// INTERFACE
	
// le même easing pour les pages + les fils (sauf le totem)
	var OFease = 'easeInOutQuint';
	// les vitesses
	var OFspeed = 1500;
	var OFspeedTot = 1000;
	
	// easing options :
	/* easeInQuad, easeOutQuad, easeInOutQuad, easeInCubic, easeOutCubic, easeInOutCubic, easeInQuart, easeOutQuart, easeInOutQuart ,easeInQuint ,easeOutQuint,
	easeInOutQuint, easeInSine, easeOutSine ,easeInOutSine, easeInExpo, easeOutExpo, easeInOutExpo, easeInCirc, easeOutCirc, easeInOutCirc ,easeInElastic, easeOutElastic,
	easeInOutElastic, easeInBack, easeOutBack, easeInOutBack, easeInBounce, easeOutBounce, easeInOutBounce, jswing */
	
	// decalage d'une page à l'autre :
	//calcul largeur : 1 = marge comprise
	var pageWidth = 1060; // taille d'une page + ses marges
	var decalTotem = 666;
	// Les fils : on stocke les positions originales (css left)
	// + opacite au chargement
	var origLeft = new Array();
	$('#filets').find("div.filet").each(function(index,domEle) {
		origLeft[index] = parseInt($(domEle).css('left'));
		$(domEle).animate({left:(origLeft[index]),opacity:0.4},0);
	});
	// nombre de pages à droite
	var n = $('#nav ul').not('.m2').find('li').length;
	
	// pages internes (tout sauf la home)
	$('.page:not(.home) h2 span a').click(function() {
		$("#nav ul").find("li a").removeClass('act');
		$('#fixInner').animate({left:'0'},OFspeedTot);
		// contact à droite
		//if($('a#contact').not('.pg')) {
		//	$('a#contact').removeClass('pg');
		//}
		// les filets : reset
		$('#filets').find("div.filet").each(function(j,fil) {
			$(fil).animate({left:(origLeft[j]),opacity:0.4},OFspeed,OFease);
		});
		// on vire le masque
		$('.mask').css({display:'none'});
		$('div#viewport').scrollTo($('.page#home'), OFspeed, {easing:OFease} );
		return false;
	});
	// classes des liens du menu
	$("#nav ul").find("li a").click(function() {
		$("#nav ul").find("li a").removeClass('act');
		$(this).addClass('act');
	});
	// masque quand on navigue à droite : left:-2825px;
	// masque quand on navigue à gauche : left:841px;
	
	// Pages de droite
	$('#nav ul').not('.m2').find('li a').each(function(index,elem) {
		$(elem).click(function() {
			// masque
			$('.mask').css({display:'block',left:'-2825px'});
			// position totem
			if(parseInt($('#fixInner').css('left')) != 0) {
				$('#fixInner').animate({left:0},OFspeedTot);
			}
			// decalage des fils
			$('#filets').find("div.filet").each(function(j,fil) {
				// opacite selon index
				if(index == (j)) {op = 1;} else {op = 0.4;}
				$(fil).animate({left:-((pageWidth*(index+1))-(origLeft[j])), opacity:op},OFspeed,OFease);
			});
			// lien contact
			//if($('a#contact').hasClass('pg')) {
			//	$('a#contact').removeClass('pg');
			//}
		});
	});
	// Pages de gauche
	$('#nav ul.m2 li a').each(function(index,elem) {
		$(elem).click(function() {
			// masque
			$('.mask').css({display:'block',left:'841px'});
			// position totem
			if(parseInt($('#fixInner').css('left')) == 0) {
				$('#fixInner').animate({left:decalTotem},OFspeedTot);
			}
			// 1er decalage	specifique
			if(index == 0) {
				$('#filets').find("div.filet").each(function(j,fil) {
					// opacite - attention j commence à n
					if(index == (j-n)) {op = 1;} else {op = 0.4;}
					$(fil).animate({left:((origLeft[j])+decalTotem), opacity:op},OFspeed,OFease);
				});
			// les autres	
			} else {
				$('#filets').find("div.filet").each(function(j,fil) {
					// opacite - attention j commence à n
					if(index == (j-n)) {op = 1;} else {op = 0.4;}
					$(fil).animate({left:((origLeft[j])+(pageWidth*(index+1))), opacity:op},OFspeed,OFease);
				});	
			}
			// lien contact
			//if($('a#contact').not('.pg')) {
			//	$('a#contact').addClass('pg');
			//}
		});
	});

// CONFIGURATION PLUGIN LOCALSCROLL
    $('div#viewport').scrollTo($('.page#home'), 0, {easing:OFease} );
	// Reset the screen to (0,0)
	$.scrollTo( 0,0 );
	$.localScroll.defaults.axis = 'x';
	// Scroll initially if there's a hash (#something) in the url
	$.localScroll.hash({
		target: '#viewport', // Could be a selector or a jQuery object too.
		queue:true,
		duration:0
	});
	/**
	 * NOTE: I use $.localScroll instead of $('#navigation').localScroll() so I
	 * also affect the >> and << links. I want every link in the page to scroll.
	 */
	$('#nav').localScroll({
		target: '#viewport', // could be a selector or a jQuery object too.
		queue:false,
		duration:OFspeed,
		hash:false,
        easing: OFease,
		onBefore:function(e,anchor,$target) {
		},
		onAfter:function( anchor, settings ){
		}
	});
	
});