// == VARIALBES DE PARAMETRAGE ==
// ==============================
var marqueewidth = "500px";			// Largeur
var marqueeheight = "50px";			// Hauteur
var marqueespeed = 3;				// Vitesse de défilement (de 1 à 10)
var marqueebgcolor = "#ffffff";		// Couleur du fond
var marqueetxcolor = "#000080";		// Couleur du texte
var marqueefont = "Verdana";		// Police du texte
var marqueesize = "14pt";			// Taille du texte
var pauseit = 1;					// Arrêt du défilement au passage de la souris : 1 => Oui; 0 => Non
//Contenu à faire défiler
var marqueecontent = '<nobr><img src="graphics/caisse-depots.jpg" align="absmiddle">&nbsp;EGEE Rhône-Alpes : Nouvelle convention NACRE en 2010.</nobr>';

// == SCRIPT ==
// ============
//Mise en place de la balise DIV à faire défiler
function populate()
{
	//On récupère la balise DIV
	cross_marquee = document.getElementById ? document.getElementById("iemarquee") : document.all.iemarquee;
	//On définit sa position gauche 
	cross_marquee.style.left = parseInt(marqueewidth) + 8 + "px";
	//On définit sopn contenu
	cross_marquee.innerHTML = marqueecontent;
	//On définit sa largeur
	actualwidth = document.all ? temp.offsetWidth : document.getElementById("temp").offsetWidth;
	//On fait défiler toutes les 20 millisecondes
	lefttime = setInterval("scrollmarquee()",20);
}

//Défilement de la balise DIV
function scrollmarquee()
{
	//Si le défilement n'est pas terminé, on fait défiler
	if (parseInt(cross_marquee.style.left) > (actualwidth*(-1) + 8))
	{
		cross_marquee.style.left = parseInt(cross_marquee.style.left) - copyspeed + "px";
	}
	//Si le défilement est terminé, on remt la bile DIV au départ
	else
	{
		cross_marquee.style.left = parseInt(marqueewidth) + 8 + "px";
	}
}
	
var actualwidth = '';		// Largeur actuelle de la balise DIV à faire défiler
var cross_marquee;			// La balise DIV à faire défiler
//Si le navigateur est IE, on garde la vitesse de défilement ; sinon on la dimune de 1
marqueespeed = (document.all) ? marqueespeed : Math.max(1, marqueespeed - 1);
//On sauvegarde la vitesse de défilement
var copyspeed = marqueespeed;
//Si on n'a pas d'arrêt du défilement au passage de la souris, pausespeed = copyspeed sinon pausespeed = 0 
var pausespeed = (pauseit == 0) ? copyspeed : 0;

//Affichage du bloc "défilement"
with (document)
{
	//Les styles
	write('<style type="text/css"> .cadredef { position: relative; width: ' + marqueewidth + '; height: ' + marqueeheight + '; overflow: hidden; }\n');
	write('.fonddef { position: absolute; width: ' + marqueewidth + '; height: ' + marqueeheight + '; background-color: ' + marqueebgcolor + '; }\n');
	write('.defile { position: absolute; left: 0px; top: 0px; color:' + marqueetxcolor + '; font-family: ' + marqueefont + '; font-size: ' + marqueesize + '; }\n');
	write('.tmpdef { visibility: hidden; position: absolute; top: -100px; left: -9000px; font-family: ' + marqueefont + '; font-size: ' + marqueesize + '; }</style>\n');
	//On affiche un span invisible content le texte à faire défiler
	write('<span id="temp" class="tmpdef">' + marqueecontent + '</span>\n');
	//Le bloc
	write('<table cellspacing="0" cellpadding="0" align="center"><tr><td>\n');
	write('<div class="cadredef">\n');
	write('<div class="fonddef" onMouseover="copyspeed=pausespeed;" onMouseout="copyspeed=marqueespeed;">\n');
	write('<div id="iemarquee" class="defile"></div>\n');
	write('</div></div>\n');
	write('</td></tr></table>');
}
window.onload = populate;