//Script inspiré de : http://forum.phpfrance.com/vos-contributions/texte-defilant-javascript-css-compatible-xhtml-stritct-t11093.html   

// script issu de : http://www.webbricks.org/bricks/fade/
function setOpacity(a,b){b=(b==1)?0.99999:b;a.style.opacity=b;a.style.filter='alpha(opacity='+b*100+')';a.style.MozOpacity=b;a.style.KhtmlOpacity=b}function fade(a,b,c,d){this.elem=a||document.body;this.to=b!==undefined?b:1;var e=this.elem.style;this.from=(c===undefined?(!e.opacity&&e.opacity!==0?(this.to>0?0:1):parseFloat(e.opacity)):c);d=d||{};this.duration=d.duration||500;this.frameRate=d.frameRate||30;this.onFinish=d.onFinish;this.totalFrames=Math.ceil(this.duration/1000*this.frameRate);this.perFrame=(this.to-this.from)/this.totalFrames;this.frameNb=0;var f=this;this.next=function(){this.prog=setTimeout(function(){f.frame()},1000/this.frameRate)};this.frame=function(){setOpacity(this.elem,this.from+this.perFrame*this.frameNb);if(this.frameNb===this.totalFrames){setOpacity(this.elem,this.to);if(typeof this.onFinish=='function'){setTimeout(this.onFinish,1)}}else{this.frameNb++;this.next()}};this.next()}

var stop=false;
var exec=true;
var i=1;
var position_depart = 220; // position horizontale de depart
var position_inter = position_depart;  
var defil = document.getElementById('defile');

function defil_cote() {
var div = document.getElementById('defile');
  if(position_inter < ( - div.offsetWidth) ){
    position_inter = position_depart;
  }
  else {
	position_inter+= -10; // pixel par deplacement
  }
      div.style.left = position_inter+"px";
} 


function texteDefile2() { //Défilement de news une par une
	if (exec) {
		if (i<3) {i++;}	//on ajoute 1 à i à chaque fois que la fonction se répète.
		else {i=1;}	//quand on arrive à 3 on revient à 1.
	   
		document.getElementById('test-'+i).style.height = "100%";
		document.getElementById('test-'+i).style.position = "relative";
		document.getElementById('test-'+i).style.top = 0+"px";
		
		if(!stop) {
			switch(i)
			{
			  case 1:
				 document.getElementById('test-2').style.display = "none";
				 document.getElementById('test-3').style.display = "none";
				 setOpacity(document.getElementById('test-1'), 0);
			  break; 
			  case 2:
				 document.getElementById('test-1').style.display = "none";
				 document.getElementById('test-3').style.display = "none";
				 setOpacity(document.getElementById('test-2'), 0);
			  break;
			  case 3:
				 document.getElementById('test-1').style.display = "none";
				 document.getElementById('test-2').style.display = "none";
				 setOpacity(document.getElementById('test-3'), 0);
			  break;  
		   }
		   document.getElementById('test-'+i).style.display = "block";
			fade(
				document.getElementById('test-'+i), // l'élément à animer : celui dont l'attribut id est 'dali'
				1, // l'opacité finale : à demi transparent
				0, // l'opacité initiale : complètement opaque
				{
					duration : 2000, // durée de l'animation : 5 secondes
					frameRate : 12, // fréquence de l'animation : 12 images par seconde
					
				}
			);
			
		}
	}
}

function nojs() {
	if(exec) { //on stoppe tout, on passe à la version sans JavaScript
		exec=false;
		document.getElementById('newshr').style.height = "100%";
		document.getElementById('defile').style.position = "relative";
		document.getElementById('defile').style.top = 0+"px";			 
		document.getElementById('test-1').style.display = "block";
		document.getElementById('test-2').style.display = "block";
		document.getElementById('test-3').style.display = "block";
		document.getElementById('bt1').style.cursor="auto";
		document.getElementById('bt2').style.cursor="auto";
		document.getElementById('bt4').style.cursor="auto";
		
		setOpacity(document.getElementById('test-1'), 1);
		setOpacity(document.getElementById('test-2'), 1);
		setOpacity(document.getElementById('test-3'), 1);
	}
	else { //on clique sur le bouton alors qu'on l'a déja fait : remise en marche
		exec=true;
		document.getElementById('test-1').style.display = "block";
		document.getElementById('test-2').style.display = "none";
		document.getElementById('test-3').style.display = "none";
		document.getElementById('newshr').style.height = "400px";
		document.getElementById('defile').style.position = "absolute";
		document.getElementById('newshr').style.overflow = "hidden";
		document.getElementById('bt1').style.cursor="pointer";
		document.getElementById('bt2').style.cursor="pointer";
		document.getElementById('bt4').style.cursor="pointer";
	}
}

function pause() {
	if(exec) { //Pour éviter que les autres boutons fassent effet si on est en pause
		if(!stop) {stop=true;}
		else {stop=false;}
	}
}

function precedent() {
	if(exec) { //Pour éviter que les autres boutons fassent effet si on est en pause
		if(i>1) {i=i-1;}
		else {i=3;} //Cas ou la news courante est la première
		document.getElementById('test-1').style.display = "none"; //caché
		document.getElementById('test-2').style.display = "none"; //caché
		document.getElementById('test-3').style.display = "none"; //caché
		document.getElementById('test-'+i).style.display = "block"; //visible
		
		setOpacity(document.getElementById('test-1'), 0);
		setOpacity(document.getElementById('test-2'), 0);
		setOpacity(document.getElementById('test-3'), 0);
		fade(
			document.getElementById('test-'+i), // l'élément à animer : celui dont l'attribut id est 'dali'
			1, // l'opacité finale : à demi transparent
			0, // l'opacité initiale : complètement opaque
			{
				duration : 2000, // durée de l'animation : 5 secondes
				frameRate : 12, // fréquence de l'animation : 12 images par seconde
				
			}
		);
	}
}

function suivant() {
	if(exec) { //Pour éviter que les autres boutons fassent effet si on est en pause
		if(i<3) {i=i+1;}
		else {i=1;} //Cas ou la news courante est la dernière
		document.getElementById('test-1').style.display = "none"; //caché
		document.getElementById('test-2').style.display = "none"; //caché
		document.getElementById('test-3').style.display = "none"; //caché
		document.getElementById('test-'+i).style.display = "block"; //visible
		
		setOpacity(document.getElementById('test-1'), 0);
		setOpacity(document.getElementById('test-2'), 0);
		setOpacity(document.getElementById('test-3'), 0);
		fade(
			document.getElementById('test-'+i), // l'élément à animer : celui dont l'attribut id est 'dali'
			1, // l'opacité finale : à demi transparent
			0, // l'opacité initiale : complètement opaque
			{
				duration : 2000, // durée de l'animation : 5 secondes
				frameRate : 12, // fréquence de l'animation : 12 images par seconde
				
			}
		);
	}
}

function setNews() {
	document.getElementById('bt1').style.display="inline";
	document.getElementById('bt2').style.display="inline";
	document.getElementById('bt3').style.display="inline";
	document.getElementById('bt4').style.display="inline";   
}




setTimeout("setNews()", 500); // Au bout de 10 milisecondes, appel de setNews 
//setTimeout("texteDefile2()", 110); //Au bout de 10 milisecondes, appel de texteDefile. 
setInterval("texteDefile2()", 10000);