//********************************************************************
//
//								FACEBOOK
//
//********************************************************************

function fb(page,largeur,hauteur,options)
{
	var top=(screen.height-hauteur)/2;
	var left=(screen.width-largeur)/2;
	window.open(page,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options);
}




//********************************************************************
//
//								CARROUSEL
//
//********************************************************************

directAccess = false;


function initCarrousel()
{
	// redefine Cycle's updateActivePagerLink function
	$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
		$(pager).find('li').removeClass('activeLI')
			.filter('li:eq('+currSlideIndex+')').addClass('activeLI');
	};
	
	
	$('#pics').cycle({
		prev:   '#prev', 
   		next:   '#next',
		prevNextClick : onPNClick,
		timeout: 0,
		speed:  400,
		pager:  '#slideNav',
		pagerAnchorBuilder: function(idx, slide) 
		{
			var largeurVignette;
			var hauteurVignette;
			
			if($(slide).hasClass("video"))
			{
				vignetteSrc = $(slide).children(".vignette").html();
				largeurVignette	=	100;
				hauteurVignette	=	69;
			}
			else
			{
				vignetteSrc = slide.src;
				//largeurVignette	=	100;
				hauteurVignette	=	69;
				
				var largeurImage	=	$(slide).attr('width');
				var hauteurImage	=	$(slide).attr('height');
				var ratio			=	largeurImage / hauteurImage;
				largeurVignette		=	ratio * hauteurVignette;
			}
			
			return '<li><a href="#"><img src="' + vignetteSrc + '" width="' + largeurVignette + '" height="' + hauteurVignette + '" /></a></li>';
		},
		startingSlide: 0,
		before:onBefore,
		after:onAfter,
		pagerClick:onClick,		
		pause:         1,    
		//cssBefore
   		pauseOnPagerHover: 1
	});
	
	$('#pages a').click(function(){
//		alert('#pages a');
		var idPage =  $("#pages a").index(this);
		//console.info("idPage : " + idPage);				
		slideNav(idPage);					
		return false;
	});	
	
	$("#infos").hover(
		function(){$('#pics').cycle('pause');},				  
		function(){$('#pics').cycle('resume'); }		  
	);
	
}

function slideNav(idPage)
{
//	alert('slideNav : ' + idPage);
	//slide
	$('#slideNav').stop().animate({left: -idPage*101}, 800,"easeOutQuart");
	
	//color
	$('#pages a').removeClass('actif');
	$('#pages a').eq(idPage).addClass("actif");
}

function onClick(index, slideElement) 
{
//	alert('onClick - index : ' + index + ' slideElement : ' + slideElement);
	directAccess = true;

	updateSlideElementPos(slideElement) ;
}
function onPNClick(isNext, zeroBasedSlideIndex, slideElement) 
{	
//	alert('onPNClick - zeroBasedSlideIndex : ' + zeroBasedSlideIndex + ' slideElement : ' + slideElement);
	//console.info("onPNClick : " + isNext,zeroBasedSlideIndex,$(slideElement));	
	
	updateSlideElementPos(slideElement) ;
	slideNav(zeroBasedSlideIndex);
}
function updateSlideElementPos(slideElement) 
{
//	alert('-3 : ' + slideElement);
	posX = ($("#pics").width() *0.5) - ( $(slideElement).width() / 2);	
	posY = ($("#pics").height() *0.5) - ( $(slideElement).height() / 2);	
	$(slideElement).animate({left:posX, top:posY});
}

function onBefore(curr, next, opts)
{
	if(!directAccess)
	{
		var index = opts.currSlide;
		//console.info("currSlide : " + index);	
		//slideNav(index);
		//closeInfo(index);		
	}

	directAccess = false;

	if($(curr).hasClass("video"))
	{
		//alert('opts.currSlide : ' + opts.currSlide);
		$(curr).children(".cible").empty();
		var chaine = 'so' + opts.currSlide + '.write("cibleLecteur' + opts.currSlide + '")';
		eval(chaine);
//		console.info("video : " + opts.currSlide);
	}
}

function onAfter(curr, next, opts)
{
/*
	if($(curr).hasClass("video"))
	{
		//alert('opts.currSlide : ' + opts.currSlide);
		$(curr).children(".cible").empty();
		var chaine = 'so' + opts.currSlide + '.write("cibleLecteur' + opts.currSlide + '")';
		eval(chaine);
		console.info("video");
	}
*/
    var index = opts.currSlide;
	openInfo(index);
	//console.info("curr : " + $(curr));
//	console.info("onAfter");
	updateSlideElementPos(next) ;
	
}

function closeInfo(index)
{
	$('#infos').animate({bottom:-100}, 500,"easeOutQuart");
}

function openInfo(index)
{
	var content = $("#slideshow_infos .info").eq(index).html();
	//console.info("content : " + content);
	
	$('#infos').html(content);
	//$('#infos').animate({bottom:0}, 500,"easeOutQuart");
}