/*

 SLIDE BUREAU DE PROD 
pour page HOME

+ anim actualité page facebook


*/

var burprod = {
	dureeanim : 500,
	intervanim : 4000,
	closed : false,
	fbClosed : false,
	nbImg : 0,
	currentImg : 0,
	elem : null,
	timer : null,
	
	init : function(elem){
		this.elem = elem;
		this.elem.parent().find(".toggle_burprod").click(function(){burprod.toggleBurProd();});
		this.elem.parent().find("#fbk_page").hide();
		this.fbClosed = true;
		this.elem.parent().find(".onglet span").empty().append("afficher l'actualité de la page ");
		this.elem.parent().find(".onglet").click(function(){burprod.toggleFBpage();});
		
		this.nbImg = this.elem.find(".ecran img").length;
		//alert(this.nbImg);
		this.elem.find(".ecran").append('<div class="naviguation"></div>');
		for (var j=1;j<=this.nbImg;j++){
			this.elem.find(".ecran .naviguation").append("<span>"+j+"</span>");
		}
		this.elem.find(".ecran .naviguation span:first").addClass('active');
		this.elem.find(".ecran .naviguation span").click(function(){burprod.gotoJPG($(this).text());});
		burprod.playJPG();
		
		//stop timer quand fenêtre inactive / play timer quand fenêtre active
		$(window).focus(burprod.playJPG); 
		$(window).blur(burprod.stopJPG); 
	},
	
	toggleBurProd : function(){

		if (this.closed){
			this.elem.slideDown(burprod.dureeanim, function(){burprod.playJPG();});
			this.closed = false;
		}else{
			this.elem.slideUp(burprod.dureeanim);
			this.closed = true;
			this.stopJPG();
		}
	
		this.nbImg = this.elem.find(".ecran img").length;
		this.currentImg = 0;
		
		
	},
	
	toggleFBpage : function(){

		if (this.fbClosed){
			this.elem.parent().find(".onglet span").empty().append("masquer l'actualité de la page ");
			this.elem.parent().find("#fbk_page").slideDown(burprod.dureeanim);
			this.fbClosed = false;
		}else{
			this.elem.parent().find(".onglet span").empty().append("afficher l'actualité de la page ");
			this.elem.parent().find("#fbk_page").slideUp(burprod.dureeanim);
			this.fbClosed = true;
		}
	
	},
	
	startAnimJPG : function(){
		if(this.currentImg >= this.nbImg){
			this.currentImg = 0;
		}
		// naviguation
		this.elem.find('.ecran .naviguation span').removeClass('active');
		this.elem.find('.ecran .naviguation span:eq('+this.currentImg+')').addClass('active');
		
		var positionStart = this.elem.find(".ecran img:eq("+this.currentImg+")").attr('data_mvt');
		if (positionStart == 'top' || positionStart == 'bottom'){
			var delta = this.elem.find(".ecran").outerHeight()-this.elem.find(".ecran img:eq("+this.currentImg+")").outerHeight();
			if (delta < -200) delta = -200;
			if (positionStart == 'top'){
				var cssImgDeb = {'position':'absolute', 'top' :'0px'};
				var cssImgFin = {'position':'absolute', 'top' : parseInt(delta,10)+'px'};
			}
			if (positionStart == 'bottom'){
				var cssImgDeb = {'position':'absolute', 'bottom' :'0px'};
				var cssImgFin = {'position':'absolute', 'bottom' : parseInt(delta,10)+'px'};
			}
		}else{
			var imgw = this.elem.find(".ecran img:eq("+this.currentImg+")").outerWidth();
			//alert(imgw);
			if (imgw == 0) imgw = 745; // cela evite un bug d'affichage quand l'image n'est pas encore chargée
			var delta = this.elem.find(".ecran").outerWidth() - imgw;
			if (delta < -200) delta = -200;

			if (positionStart == 'right'){
				var cssImgDeb = {'position':'absolute', 'right' :'0px'};
				var cssImgFin = {'position':'absolute', 'right' : parseInt(delta,10)+'px'};
			}
			if (positionStart == 'left'){
				var cssImgDeb = {'position':'absolute', 'left' :'0px'};
				var cssImgFin = {'position':'absolute', 'left' : parseInt(delta,10)+'px'};
			}
		}
		
		

		this.elem.find(".ecran img").hide();
		//alert (this.currentImg);
		this.elem.find(".ecran img:eq("+this.currentImg+")").css(cssImgDeb).stop().fadeIn(200).animate(cssImgFin, (this.intervanim-400)).fadeOut(200);
		this.currentImg += 1;
		//alert (this.currentImg+" >= "+this.nbImg);
	},
	
	playJPG : function(){
		burprod.stopJPG();
		burprod.startAnimJPG();
		burprod.timer = window.setInterval("burprod.startAnimJPG()", burprod.intervanim);
	},
	
	stopJPG : function(){
		window.clearInterval(burprod.timer);
	},
	
	gotoJPG : function(num){
		this.stopJPG();
		this.currentImg = num-1;
		this.playJPG();
		
	}
	
	

}

$(function(){
	//alert ("JS OK");
	burprod.init($("#burprod"));

});