/*********************************************************/
/********** Abréviation GETELEMENTBYID  ******************/
/*********************************************************/
function sonID(objID)
{
	return document.getElementById(objID);
}

/*********************************************************/
/********** Constantes et variables des images  **********/
/*********************************************************/
var posSourisX,posSourisY;

var look       		= 	null;
var surCible   		= 	null;

var coulBack   		= 	"white";
var coulFond   		= 	"white";
var contourBor 		= 	"red";	
var contenu    		= 	"";
var titre      		= 	"";
var attachementDIV	=	"imageDIV";		// nom attribué au DIV servant à l'affichage'

document.onmousemove= positionSouris;	// mouvement de la souris = fonction de repérage de ses coordonnées

/*********************************************************/
/********** Position de la souris à l'écran  *************/
/*********************************************************/
function positionSouris(e)
{
	if(e)
	{
		posSourisX	=	e.pageX;
		posSourisY	=	e.pageY;
	}
	else
	{
		posSourisX	=	event.clientX;
		posSourisY	=	event.clientY;		
		
		if( document.documentElement && document.documentElement.clientWidth)
		{
			DocDeReference = document.documentElement;
		}
		else
		{
			DocDeReference = document.body;
		}
		
		posSourisX 	+=	DocDeReference.scrollLeft;
		posSourisY	+=	DocDeReference.scrollTop;
	}
}

/*********************************************************/
/********** Affichage des images du portail  *************/
/*********************************************************/
function voirImage(image)
{
	
	surCible	= document.getElementById("visuel").getElementsByTagName("IMG");
	
	
	if(surCible)
	{	

		contenu += "<center>";
		contenu += "<table style='width:217px;height:131px;border:solid "+ contourBor +" 2px;'>";
		contenu += "<tr><td><img src='"+ image +"' style='width:217px;height:131px;'></td></tr>";
		contenu += "</center>";
		contenu += "</table>";			
		
		sonID(attachementDIV).innerHTML 		= contenu; 
		sonID(attachementDIV).style.visibility 	= "visible";
		sonID(attachementDIV).style.left 		= posSourisX+50+"px";
		sonID(attachementDIV).style.top  		= posSourisY-80+"px";
		
	}

}

/*********************************************************/
/********** Suppression des images du portail  ***********/
/*********************************************************/
function supprimeImage(image)
{	
	  
	  sonID(attachementDIV).style.visibility = "hidden";
	  contenu = "";
	  
}