function pos_souris(e)
{
	decalage = 10;
	if (!decalage)
	{
		decalage = 0;
	}
	var Mouse_X;
	var Mouse_Y;
	if (!document.all && e) // Firefox
	{
		Mouse_X = (e.pageX + decalage);
		Mouse_Y = (e.pageY + decalage);
	}
	else
	{
		Mouse_X = event.clientX;
		Mouse_Y = event.clientY;
		if( document.documentElement && document.documentElement.clientWidth)
		{
			DocRef = document.documentElement;
		}
		else
		{
		DocRef = document.body;
		}
		Mouse_X += (DocRef.scrollLeft + decalage);
		Mouse_Y += (DocRef.scrollTop + decalage);
	}

	if (document.getElementById('vignette') && Mouse_X - document.documentElement.scrollLeft > document.documentElement.clientWidth / 2)
	{
		Mouse_X-=document.getElementById('vignette').offsetWidth;
	}
	if (document.getElementById('vignette') && Mouse_Y - document.documentElement.scrollTop > document.documentElement.clientHeight / 2)
	{
		Mouse_Y-=document.getElementById('vignette').offsetHeight;
	}
	if (document.getElementById('vignette') && !document.all)
	{
		document.getElementById('vignette').style.left = Mouse_X + "px";
		document.getElementById('vignette').style.top = Mouse_Y + "px";
	}
	//document.getElementById('vignette').innerHTML=event.clientX +'|'+event.clientY +'-----'+Mouse_X+'|'+Mouse_Y;
	return Mouse_X+'|'+Mouse_Y;
}

function vignette()
{

	if (document.getElementById('vignette').style.display == "block")
	{
		var pos = pos_souris(1);
		pos = pos.split('|');
		document.getElementById('vignette').style.left = pos[0] + "px";
		document.getElementById('vignette').style.top = pos[1] + "px";
	}
}

function survole_vignette(img, num, id)
{ 
	if (num == 0)
	{
		document.getElementById('vignette').innerHTML = '';
		document.getElementById('vignette').style.display = "none";
	}
	else if (num == 1)
	{
		document.getElementById('vignette').onclick = function()
		{
			location.href="detail.php?num_dossier="+id;
		};
		document.getElementById('vignette').style.cursor = "pointer";
		document.getElementById('vignette').innerHTML = '<DIV style="display:inline" CLASS="divvignette"><img CLASS="vignette" id="img_vignette" src="'+img+'" style="width: 600px" /></DIV>';
// 		document.getElementById('vignette').style.left = getX(document.getElementById('img_'+id)) + "px";
// 		document.getElementById('vignette').style.top = getY(document.getElementById('img_'+id)) + "px";
// 		document.getElementById('vignette').style.left = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft + "px";
// 		document.getElementById('vignette').style.top = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop + "px";
		var pos = pos_souris(1);
		pos = pos.split('|');
		//document.getElementById('vignette').innerHTML = pos[0]+' - '+pos[1];

		document.getElementById('vignette').style.left = pos[0] + "px";
		document.getElementById('vignette').style.top = pos[1] + "px";
		document.getElementById('vignette').style.display = "block";
	}
}