$(function(){
// Menu Lavalamp
var menu			= $('#menu');
menu.lavaLamp({fx: "easeInOutQuad", speed: 500});


// Page Références
// Configuration du playeur

// Fonction de récupération d'info dans les elmt du DOM
var videoTitre 	= $('#titreVideo');
var videoDesc 	= $('#descriptionVideo');

var extract2Cfg = function(a,play){
	playeur			= $('#player');
	playeurWidth 	= 480;
	playeurHeight	= 320;
	
	numberAleatoire = Math.random();
	
	flv 		= a.attr('href');
	src 		= a.find('img').attr('src');
	slashPos 	= src.lastIndexOf('/') + 1;
	filename 	= src.substring(slashPos);
	newSrc 		= 'videos/images/start_'+filename+'?'+numberAleatoire;	
	swf 		= 'swf/player_flv_multi.swf?'+numberAleatoire;	
	cfg			= 
	{
		swf 	: swf,
		width 	: playeurWidth,
		height	: playeurHeight,
		params 	: {
			
			flashVars : {
				flv 			: flv,
				startimage		: newSrc,
				width 			: playeurWidth,
				height 			: playeurHeight,
				margin 			: 0,
				showstop 		: 1,
				showvolume 		: 1,
				showopen 		: 0,
				showfullscreen 	: 1,
				showiconplay 	: 1,
				//showmouse		: 'autohide',
				showtime		: 2,
				showplayer		: 'autohide',
				//shortcut		: 1,
				autoplay		: play ? 1 : 0,
				autoload		: 1,
				playercolor		: '083362', // Couleur playeur
				playertimeout 	: 1000,
				buttonovercolor : 'CCCCCC',
				slidercolor1 	: 'FFFFFF',
				slidercolor2 	: '9A9A9A',
				sliderovercolor : 'AFAFAF',
				iconplaycolor	: 'AAAAAA',
				iconplaybgcolor : '111111',
				buffer 			: 3, // secondes de chargement
				buffermessage 	: 'Chargement en cours... _n_'
			}
		
		}
	}
	
	/*if( $.hasFlashPlayer ) playeur.flash(cfg);
	else */
	playeur.flash(cfg)
	videoTitre.text( a.attr('title') );
	videoDesc.html( a.next('.longdesc').html() );
}

// Activer une première fois le playeur

var miniatures	= $('#listVideos');
var firstFlv 	= miniatures.find('a:first');

// Assignation du chemin vers la vidéo à la configuration du playeur
// et activation de celui-ci
var base = $('base').attr('href');

if( document.location == base+'realisations.html')
extract2Cfg(firstFlv,false);

// Gestion des vignettes et du playeur
var activeMe = function(a){
	ul = a.parents('ul');
	li = a.parent();
	ul.find('li').removeClass('actif');
	li.addClass('actif');
}

miniatures.find('a').bind('click',function(e){
	activeMe( $(this) );
	extract2Cfg( $(this) , true );
	e.preventDefault();
});

// Changement d'affichage des vignettes
$('#bouton_mur').bind('click',function(e){
	miniatures.removeClass('affichageLondDes').addClass('affichageMur');
	e.preventDefault();
});

$('#bouton_long_description').bind('click',function(e){
	miniatures.removeClass('affichageMur').addClass('affichageLondDes');
	e.preventDefault();
});

miniatures.find('li:gt(11)').hide();

function quelAffichage(){
	curClass 	= miniatures.attr('class');
	reponse		= curClass == 'affichageMur' ? 'mur' : 'desc' ;
	return( reponse );
}

function position(objet){
	nbBefore = miniatures.find('li:visible').prevAll('li').length; 
	return nbBefore+1;
}

function sliceur(images,page){
	
	reponse = { 
		show : { 
			start : ( page - 1 ) * images ,
			end : page * images
		},
		hide : {
			start : page * images,
			end : (page + 1) * images
		}
	}
	return reponse;
}

function maxPage(images){
	total = miniatures.find('li').length;
	calcul = Math.round(total/images) + 1;
	return calcul;
}

function affichage2(action,images){
	//images = 12;
	
	miniatures.find('li:gt(11)').hide();
	
	curPos = position();	
	totalPage = maxPage(images);
	//alert(totalPage);
	if( curPos <= images ){
		page = 1;
		o = sliceur( images, page );
		if( action )
		{
			miniatures.find('li').slice(o.show.start,o.show.end).hide();
			miniatures.find('li').slice(o.hide.start,o.hide.end).show();
		}
		else
		{
			miniatures.find('li').slice(o.show.start,o.show.end).show();
			miniatures.find('li').slice(o.hide.start,o.hide.end).hide();
		}
	}
	else{
		calcul = (curPos / images);
		page = Math.floor(calcul);
		if( action ){
			if( totalPage > (page+1) ){
				page +=1;
				//alert('plus 1' + page);
			}
			//alert('plus' + page);
			o = sliceur( images, page );
			miniatures.find('li').slice(o.show.start,o.show.end).hide();
			miniatures.find('li').slice(o.hide.start,o.hide.end).show();
		}
		else{
			if( (page-1) < 1 ){
				page = 1;
			}
			//alert('moins'+page);
			o = sliceur( images, page );
			miniatures.find('li').slice(o.hide.start,o.hide.end).hide();
			miniatures.find('li').slice(o.show.start,o.show.end).show();
		}
	}
	//alert( curPos +'/'+ page +' | '+ o.show.start + '/' + o.show.end +' | '+ o.hide.start + '/' + o.hide.end );
}

function affichage(e){
	type = quelAffichage();
	action = $(this).attr('href') == '#next' ? 1 : 0;
	switch (type){
		case 'mur' :
		affichage2(action,12);
		break;
		case 'desc' :
		affichage2(action,4);
		break;
	}
	e.preventDefault();
}

$('#back,#next').bind('click',affichage);


// Page presentation
/*var presPlayeur = $('#pres-player');
var presPlayeurCfg = playeurCfg;
	presPlayeurCfg.width = 580;
	presPlayeurCfg.height = 435;
	presPlayeurCfg.params.flashVars.width = 580;
	presPlayeurCfg.params.flashVars.height = 435;
	presPlayeurCfg.params.flashVars.autoplay = 1;
	presPlayeur.flash(playeurCfg);*/

});