// Dimensions du bandeau
var largeurBandeau = "628px"
var hauteurBandeau = "103px"
// Vitesse de défilement (de 1 à 10)
var vitesseDefilement = 1
// Couleur de fond
bgcolorBandeau = "#000000"
// Image de fond
bgImageBandeau = "images/pellicule.gif"

// Les images
var imagesBandeau = new Array()
var finalslide = ''
imagesBandeau[0] = '<a href="#" onClick="afficherPhoto(\'images/photo001.jpg\');"><img src="images/diapo001.gif" title="Afficher la photo" border=0></a>'
imagesBandeau[1] = '<a href="#" onClick="afficherPhoto(\'images/photo002.jpg\');"><img src="images/diapo002.gif" title="Afficher la photo" border=0></a>'
imagesBandeau[2] = '<a href="#" onClick="afficherPhoto(\'images/photo003.jpg\');"><img src="images/diapo003.gif" title="Afficher la photo" border=0></a>'
imagesBandeau[3] = '<a href="#" onClick="afficherPhoto(\'images/photo004.jpg\');"><img src="images/diapo004.gif" title="Afficher la photo" border=0></a>'
imagesBandeau[4] = '<a href="#" onClick="afficherPhoto(\'images/photo005.jpg\');"><img src="images/diapo005.gif" title="Afficher la photo" border=0></a>'
imagesBandeau[5] = '<a href="#" onClick="afficherPhoto(\'images/photo006.jpg\');"><img src="images/diapo006.gif" title="Afficher la photo" border=0></a>'

// Complément ajouté à l'image (code HTML)
var complementImage = ""
// Espacement entre les images (en pixels)
var espacement = 2

// Vitesse courante : vitesse nulle si souris sur image, vitesse de défilement sinon.
var vitesseCourante = vitesseDefilement
imagesBandeau = '<nobr>'+imagesBandeau.join(complementImage)+'</nobr>'
var estCompatibleDHTML = ((document.all) || (document.getElementById))
var estCompatibleNS = (document.layers)
if (estCompatibleDHTML) {
	document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+imagesBandeau+'</span>')
}
var largeurCourante=''
var bandeauDefilant, bandeauDefilantNS

function creerBandeau() {
	if (estCompatibleDHTML) {
		bandeauDefilant = document.getElementById ? document.getElementById("test2") : document.all.test2
		bandeauDefilant2 = document.getElementById ? document.getElementById("test3") : document.all.test3
		bandeauDefilant.innerHTML = bandeauDefilant2.innerHTML = imagesBandeau
		largeurCourante = document.all ? bandeauDefilant.offsetWidth : document.getElementById("temp").offsetWidth
		bandeauDefilant2.style.left = largeurCourante + espacement + "px"
	}
	else if (estCompatibleNS) {
		bandeauDefilantNS = document.bandeauDefilantNSmenu.document.bandeauDefilantNSmenu2
		bandeauDefilantNS2 = document.bandeauDefilantNSmenu.document.bandeauDefilantNSmenu3
		bandeauDefilantNS.document.write(imagesBandeau)
		bandeauDefilantNS.document.close()
		largeurCourante = bandeauDefilantNS.document.width
		bandeauDefilantNS2.left = largeurCourante+espacement
		bandeauDefilantNS2.document.write(imagesBandeau)
		bandeauDefilantNS2.document.close()
	}
	lefttime=setInterval("derouler()",30)
}

window.onload = creerBandeau

function derouler() {
	if (estCompatibleDHTML){
		if (parseInt(bandeauDefilant.style.left) > (largeurCourante * (-1) + 8)) {
			bandeauDefilant.style.left = parseInt(bandeauDefilant.style.left) - vitesseCourante + "px"
		}
		else {
			bandeauDefilant.style.left = parseInt(bandeauDefilant2.style.left) + largeurCourante + espacement + "px"
		}
	
		if (parseInt(bandeauDefilant2.style.left) > (largeurCourante * (-1) + 8)) {
			bandeauDefilant2.style.left = parseInt(bandeauDefilant2.style.left) - vitesseCourante + "px"
		}
		else {
			bandeauDefilant2.style.left = parseInt(bandeauDefilant.style.left) + largeurCourante + espacement + "px"
		}
	}
	else if (estCompatibleNS) {
		if (bandeauDefilantNS.left > (largeurCourante * (-1) + 8)) {
			bandeauDefilantNS.left -= vitesseCourante
		}
		else {
			bandeauDefilantNS.left = bandeauDefilantNS2.left + largeurCourante + espacement
		}
		
		if (bandeauDefilantNS2.left > (largeurCourante * (-1) + 8)) {
			bandeauDefilantNS2.left -= vitesseCourante
		}
		else {
			bandeauDefilantNS2.left = bandeauDefilantNS.left + largeurCourante + espacement
		}
	}
}


if (estCompatibleDHTML || estCompatibleNS){
	with (document){
		document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
		if (estCompatibleDHTML){
			write('<div style="position:relative;width:'+largeurBandeau+';height:'+hauteurBandeau+';overflow:hidden">')
			//write('<div style="position:absolute;width:'+largeurBandeau+';height:'+hauteurBandeau+';background-image:url(\''+bgImageBandeau+'\')" onMouseover="vitesseCourante=0" onMouseout="vitesseCourante=vitesseDefilement">')
			write('<div style="position:absolute;width:'+largeurBandeau+';height:'+hauteurBandeau+';background-color:'+bgcolorBandeau+'" onMouseover="vitesseCourante=0" onMouseout="vitesseCourante=vitesseDefilement">')
			write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
			write('<div id="test3" style="position:absolute;left:-200px;top:0px"></div>')
			write('</div></div>')
		}
		else if (estCompatibleNS){
			write('<ilayer width='+largeurBandeau+' height='+hauteurBandeau+' name="bandeauDefilantNSmenu" bgColor='+bgcolorBandeau+'>')
			write('<layer name="bandeauDefilantNSmenu2" left=0 top=0 onMouseover="vitesseCourante=0" onMouseout="vitesseCourante=vitesseDefilement"></layer>')
			write('<layer name="bandeauDefilantNSmenu3" left=0 top=0 onMouseover="vitesseCourante=0" onMouseout="vitesseCourante=vitesseDefilement"></layer>')
			write('</ilayer>')
		}
		document.write('</td></table>')
	}
}

function afficherPhoto(imageAAfficher) {
	document.getElementById('photo').src = imageAAfficher;
	document.getElementById('fondPhoto').style.display = '';
	document.getElementById('fondPhoto').style.visibility='visible';
}

function masquerPhoto() {
	document.getElementById('photo').src = 'images/opaque.png';
	document.getElementById('fondPhoto').style.display = 'none';
	document.getElementById('fondPhoto').style.visibility= 'hidden';
}