var Images = new Array(5);	
Images[0] = new Image(); Images[0].src = "/img/curseur/hg.gif";	
Images[1] = new Image(); Images[1].src = "/img/curseur/hd.gif";	
Images[2] = new Image(); Images[2].src = "/img/curseur/bg.gif";
Images[3] = new Image(); Images[3].src = "/img/curseur/bd.gif";	
Images[4] = new Image(); Images[4].src = "/img/curseur/bouba.gif";	

var Ypos = 50;
var Xpos = 50;

var width =  screen.width;

var MaxiX = width - 40;

var vitesse = 4;
var test = 5;
var mvt = 1;

var PlaceCalqueLeft;
var PlaceCalqueTop;
var DivBouba;
var ImgBouba;

var dom = (document.getElementById) ? true : false;
var op = (typeof(window.opera) != 'undefined') ? true : false;
var ns = (document.layers) ? true : false;
var ie = (document.all) ? true : false;

if ( ns )
{
	window.captureEvents(Event.MOUSEMOVE);
	window.onMouseMove=MoveHandler;
}
else
{
	document.onmousemove = MoveSouris;
}

function StartSouris()
{
	if ( dom ) // document.getElementById
	{
		document.write('<div id="IdBoubaDiv" style="position:absolute; z-index: 10; left:50px; top:50px"><img id="IdBoubaImg" src="/img/curseur/bouba.gif" title="" alt="" height="32" width="34" /></div>');
		DivBouba = document.getElementById('IdBoubaDiv').style;
		ImgBouba = document.getElementById('IdBoubaImg');
	}
	else if ( ns ) // document.layers
	{
		document.write('<layer id="IdBoubaDiv" style="position:absolute; left:50px; top:50px"><img id="IdBoubaImg" src="/img/curseur/bouba.gif" title="" alt="" height="32" width="34" /></layer>');
		DivBouba=document.layers.IdBoubaDiv;
		ImgBouba=document.layers.IdBoubaDiv.document.IdBoubaImg;
	}
	else // document.all
	{
		document.write('<div id="IdBoubaDiv" style="position:absolute; z-index: 2; left:50px; top:50px"><img id="IdBoubaImg" src="/img/curseur/bouba.gif" title="" alt="" height="32" width="34" /></div>');
		DivBouba=document.all.IdBoubaDiv.style;
		ImgBouba=document.IdBoubaImg;
	}

	SuivreSouris();
}

function MoveSouris(MonEvent)
{
	if ( ns || (dom && ! ie && ! op) )
	{
		Xpos = MonEvent.pageX;
		Ypos = MonEvent.pageY;
	}
	else if ( op )
	{
		Xpos = MonEvent.clientX;
		Ypos = MonEvent.clientY;
	}
	else
	{
		Xpos = event.x + document.body.scrollLeft;
		Ypos = event.y + document.body.scrollTop;
	}

	// window.status = " X = " + Xpos + " :  Y = " + Ypos + ".";
}

function SuivreSouris()
{
	var X = Xpos - parseInt(DivBouba.left);
	var Y = Ypos - parseInt(DivBouba.top);

	if ((Math.abs(X) <=10) && (Math.abs(Y)<=15)&&(test!=0))
	{
		ImgBouba.src=Images[4].src;
		test=0;mvt=0;
	}

	if ((Math.abs(X)>10) || (Math.abs(Y)>15))
	{

		PlaceCalqueLeft = parseInt(DivBouba.left)+X*vitesse/(Math.sqrt(X*X+Y*Y));
		PlaceCalqueTop = parseInt(DivBouba.top)+Y*vitesse/(Math.sqrt(X*X+Y*Y));

		if ( PlaceCalqueLeft < MaxiX + 3 )
		{
			mvt=1;
			DivBouba.left = PlaceCalqueLeft + 'px';
			DivBouba.top = PlaceCalqueTop + 'px';
		}
		else
		{
			mvt=0;mvt=0;
			ImgBouba.src=Images[4].src;
		}

	}

	if (mvt==1)
	{
		if ((X<0)&&(Y<0)&&(test!=1)) {ImgBouba.src=Images[0].src;test=1;}
		if (((X<0)&&(Y>0))&&(test!=2)) {ImgBouba.src=Images[2].src;test=2;}
		if ((X>0)&&(Y<0)&&(test!=3)) {ImgBouba.src=Images[1].src;test=3;}
		if ((X>0)&&(Y>0)&&(test!=4)) {ImgBouba.src=Images[3].src;test=4;}
	}

	setTimeout("SuivreSouris();", 20);
}