var i=0;
divName = 'banniere_hori';
folderUrl = '/assets/images/banniere_hori/';
listePub = new Array('vl260_hori.gif','hotline_hori.gif');

window.addEvent('domready', function(){		


var reg=new RegExp("[ ,;]+", "g");
var tableau=machaine.split(reg);
for (var i=0; i<tableau.length; i++) {
 listePub[i]=tableau[i];
 
}
		//var debug = $('banniere_hori');
		//debug.setHTML(machaine); 
		
		//init of each element in the array
		//initialisation de chaque elemment du tableau
		for ( var r = 0; r < listePub.length ; r++)
		{
			resetPosition(divName);
		}
		//lancement de la fonction récursive
		//start of the recursive function
		fonction(divName);
});		

function fonction(element)
{
		
		document.getElementById(divName).style.backgroundImage = 'url(' + folderUrl + listePub[i] +')';
		
		var pubFx = new Fx.Styles(element, {duration: 1000, transition: Fx.Transitions.linear});
		pubFx.start({
			'left': 350
		}).chain(function(){
					pubFx.start.delay(5000, this, {'left': -500});
					
			}).chain(function(){
					// on passe à l'élément suivant
					// go to the next element
					i++; 
					//si on est à la fin du tableau on recommence depuis le debut
					//if we are out of the array lenght we start from the begining	
					if(i==listePub.length) 
						i=0;
					fonction(divName);
					
			}); 
		resetPosition(element);
}
	
	
function resetPosition(element)
{
	document.getElementById(element).style.left = '892px';
	document.getElementById(element).style.top = '19px';
}

function hideElement(element)
{
	document.getElementById(element).style.display = 'none';
}

function displayElement(element)
{
	document.getElementById(element).style.display = 'block';
}