$(document).ready(function(){
	// les tooltip en page d'accueil
	//screenshotPreview();
	// l'effet lightbox sur les vidéos
	Shadowbox.init();
	// local scroll (pour le hash sur l'url) sur les pages
	$('#pages').attr({scrollTop:0,scrollLeft:0});
	$.localScroll.hash({
		target: '#pages',
		axis:'xy',
		queue:true,
		duration:1500
	});
	$("#navigation").localScroll({
		target: '#pages',
		axis:'xy',
		queue:true,
		duration:1000,
		hash:true,
		onBefore:function( e, anchor, $target ){
			if( this.blur )
				this.blur();
		},
		onAfter:function( elem ){
			$('#navigation li a')
			.removeClass('active').addClass('inactive')
			.filter('[hash=#'+elem.id+']')
			.addClass('active').removeClass('inactive');
		}
	});
	// serial scroll sur les films
	$('#s-screen').serialScroll({
		target:'#s-pages',
		items:'.s-page', // Selector to the items ( relative to the matched elements, '#sections' in this case )
		axis:'xy',// The default is 'y' scroll on both ways
		navigation:'#s-navigation li a',
		duration:900,// Length of the animation (if you scroll 2 axes and use queue, then each axis take half this time)
		force: false, // Force a scroll to the element specified by 'start' (some browsers don't reset on refreshes)
		constant: false, // constant speed
		lock:false, // Ignore events if already animating (true by default)
		onBefore:function( e, elem, $pane, $items, pos ){
			e.preventDefault();
			if( this.blur )
				this.blur();
		},
		onAfter:function( elem ){
		}
	});
	// styler les titres des films actifs
	$('#s-navigation a#menu-performance').addClass('s-active');
	$('#s-navigation a').click(function () {
			$('#s-navigation a').removeClass('s-active').addClass('s-inactive');
			$(this).removeClass('s-inactive').addClass('s-active');
	});
	// changer le background selon le film actif
		$('#s-navigation a#menu-performance').click(function () {
			if ( $(this).hasClass('s-active') ) {
				$("#films").removeClass().addClass('page bg-performance') }
		});
		$('#s-navigation a#menu-des-rats').click(function () {
			if ( $(this).hasClass('s-active') ) {
				$("#films").removeClass().addClass('page bg-des-rats') }
		});
		$('#s-navigation a#menu-homme-a-prendre').click(function () {
			if ( $(this).hasClass('s-active') ) {
				$("#films").removeClass().addClass('page bg-homme-a-prendre') }
		});
		$('#s-navigation a#menu-le-cri-du-papillon').click(function () {
			if ( $(this).hasClass('s-active') ) {
				$("#films").removeClass().addClass('page bg-le-cri-du-papillon') }
		});
		$('#s-navigation a#menu-ip5').click(function () {
			if ( $(this).hasClass('s-active') ) {
				$("#films").removeClass().addClass('page bg-ip5') }
		});
		$('#s-navigation a#menu-pub').click(function () {
			if ( $(this).hasClass('s-active') ) {
				$("#films").removeClass().addClass('page bg-pub') }
		});
		$('#s-navigation a#menu-braquo').click(function () {
			if ( $(this).hasClass('s-active') ) {
				$("#films").removeClass().addClass('page bg-braquo') }
		});
		$('#s-navigation a#menu-sarakabo').click(function () {
			if ( $(this).hasClass('s-active') ) {
				$("#films").removeClass().addClass('page bg-sarakabo') }
		});
		$('#s-navigation a#menu-underangement').click(function () {
			if ( $(this).hasClass('s-active') ) {
				$("#films").removeClass().addClass('page bg-underangement') }
		});
});