function mouseOver(event)
{
	// Affecte le nouveau syle : ex span1_over
	this.className = this.id+'_over';

	// Empêche la propagation de l'événement
	if (this == document) return true;
	if (window.event) window.event.cancelBubble = true;
	if (event)
	{
		event.preventDefault();
		event.stopPropagation();
	}
	return true;
}


function mouseOut(event)
{
	// Affecte le nouveau syle : ex span1_out
	this.className = this.id+'_out';

	if (this == document) return true;
	if (window.event) window.event.cancelBubble = true;
	if (event)
	{
		event.preventDefault();
		event.stopPropagation();
	}
	return true;
}


function registerEvents(eltId)
{
	elt = document.getElementById(eltId);
	elt.onmouseover = mouseOver;
	elt.onmouseout = mouseOut;
	elt.className = elt.id+'_out';  // Style par défaut ex span1_out
}

function load()
{
	// Affecte les événements sur les différents span
	registerEvents("span1");
	registerEvents("span2");
}

 /*********************************************************/

function mouseOver(obj)
{
	obj.className = obj.id+'_over';
}

function mouseOut(obj)
{
	obj.className = obj.id+'_out';
}