function findPos(obj) {
var curleft = curtop = 0;
	if (obj.offsetParent) 
	{
	  curleft = obj.offsetLeft
      while (obj = obj.offsetParent) 
	  {
        curleft += obj.offsetLeft
        curtop += obj.offsetTop
	  }
	}
	return [curleft,curtop];
}
function show_picture(evt, arg) {
	
        var padding = 16;
        var newstyle = "position: absolute; border: 0px solid; right:0; top:0; width: 16px; cursor: pointer" ;
        var styleimg = "cursor: pointer; " ;
        var imgdoc = document.createElement("img");
        var tribdiv = document.createElement("div");
        var textediv = document.createElement("div");
        var closetribdiv = document.createElement("div");
        var crossdiv = document.createElement("div");
        var closecrossdiv = document.createElement("div");
        var imgclose = document.createElement("img");
	    var hauteur_image = 0;
		var largeur_image = 0;
		
	    if(!evt) evt = window.event;	
	    x = evt.clientX;
	    y = evt.clientY;
        
		imgdoc.setAttribute('src', show_picture.arguments[1]);
        imgdoc.setAttribute('style', styleimg);
        
        var oImg = new Image();
        oImg.src = show_picture.arguments[1];
        hauteur_image = oImg.height;
        largeur_image = oImg.width;

		if ( x > document.body.clientWidth - 30 - (largeur_image/ 2) )
		{
          x = x - largeur_image * 0.75;
		}
		else
		{
          if (x >= (largeur_image/ 2) ) 
		    {  x = x - (largeur_image/ 2); }
		  else
		    { x = x - (largeur_image/ 4); }
        }

        y = y - (hauteur_image/ 2) + (document.documentElement.scrollTop + document.body.scrollTop);

        if (document.all) { closetribdiv.style.setAttribute("cssText", newstyle); } 
        	else closetribdiv.setAttribute("style", newstyle);

        if (document.all) { closecrossdiv.style.setAttribute("cssText", newstyle); } 
        	else closecrossdiv.setAttribute("style", newstyle);

        imgclose.setAttribute('src', '/images/close.gif');
        imgclose.setAttribute('style', styleimg);
        imgclose.setAttribute('width', 16);
        imgclose.setAttribute('height', 16);
        closecrossdiv.appendChild(imgclose);
        crossdiv.appendChild(closecrossdiv);	

        tribdiv.appendChild(crossdiv);	
        
        var newstyle2 = "position: absolute; z-index:10 ;border: 2px ridge;top:" + y + "px; left:" + x + "px; padding:" + padding + "px; background-color: #FFFFFF" ;
       
        if (document.all) { tribdiv.style.setAttribute("cssText", newstyle2); } 
        	else tribdiv.setAttribute("style", newstyle2);
        tribdiv.setAttribute('align', 'center');
        tribdiv.appendChild(imgdoc);
        closecrossdiv.onclick = function() {
       		var spanelem = document.getElementById('span_picture');
	        spanelem.innerHTML = "";
        }
        imgdoc.onclick = function() {
       		var spanelem = document.getElementById('span_picture');
	        spanelem.innerHTML = "";
        }
		
        textediv.setAttribute('align', 'center');
        
        for (var i = 2; i < show_picture.arguments.length; i++)
	    {
	      if (show_picture.arguments[i] != null)
		   {
		     ligne1 ="var txtbr1 = document.createElement(\"br\");"
		     ligne2 = "var txtdoc1 = document.createElement(\"span\");"
             ligne3 = "txtdoc1.appendChild(document.createTextNode(show_picture.arguments[i]));"
             ligne4 = "textediv.appendChild(txtbr1);"
             ligne5 = "textediv.appendChild(txtdoc1);"
		     eval(ligne1);
		     eval(ligne2);
		     eval(ligne3);
		     eval(ligne4);
		     eval(ligne5);
		   }
	    }

        tribdiv.appendChild(textediv);
		var spanelem = document.getElementById('span_picture');
        spanelem.innerHTML = "";
        spanelem.appendChild(tribdiv);
        //alert("x = " + x + "   y = " + y + " imgdoc.getAttribute('width') =" + imgdoc.getAttribute('width') + " hauteur_image =" + hauteur_image + " body.scrollTop =" + document.body.scrollTop);        
}
function show_picture2(evt, arg) {
	
        var padding = 16;
        var newstyle = "position: absolute; border: 0px solid; right:0; top:0; width: 16px; cursor: pointer" ;
        var styleimg = "cursor: pointer; " ;
        var imgdoc = document.createElement("img");
        var tribdiv = document.createElement("div");
        var textediv = document.createElement("div");
        var closetribdiv = document.createElement("div");
        var crossdiv = document.createElement("div");
        var closecrossdiv = document.createElement("div");
        var imgclose = document.createElement("img");
	    var hauteur_image = 0;
		var largeur_image = 0;
		
	    if(!evt) evt = window.event;	
	    x = evt.clientX;
	    y = evt.clientY;
        
		imgdoc.setAttribute('src', show_picture2.arguments[1]);
        imgdoc.setAttribute('style', styleimg);
        
        var oImg = new Image();
        oImg.src = show_picture2.arguments[1];
        hauteur_image = oImg.height;
        largeur_image = oImg.width;

        if (x >= (largeur_image/ 2) ) 
		  {  x = x - (largeur_image/ 2); }
		else
		  { x = x - (largeur_image/ 4); }

        y = y - (hauteur_image/ 2) + (document.documentElement.scrollTop + document.body.scrollTop);

        if (document.all) { closetribdiv.style.setAttribute("cssText", newstyle); } 
        	else closetribdiv.setAttribute("style", newstyle);

        if (document.all) { closecrossdiv.style.setAttribute("cssText", newstyle); } 
        	else closecrossdiv.setAttribute("style", newstyle);

        imgclose.setAttribute('src', '/images/close.gif');
        imgclose.setAttribute('style', styleimg);
        imgclose.setAttribute('width', 16);
        imgclose.setAttribute('height', 16);
        closecrossdiv.appendChild(imgclose);
        crossdiv.appendChild(closecrossdiv);	

        tribdiv.appendChild(crossdiv);	
        
        var newstyle2 = "position: absolute; z-index:10 ;border: 2px ridge;top:" + y + "px; left:" + x + "px; padding:" + padding + "px; background-color: #FFFFFF" ;
       
        if (document.all) { tribdiv.style.setAttribute("cssText", newstyle2); } 
        	else tribdiv.setAttribute("style", newstyle2);
        tribdiv.setAttribute('align', 'center');
        tribdiv.appendChild(imgdoc);
        closecrossdiv.onclick = function() {
       		var spanelem = document.getElementById('span_picture');
	        spanelem.innerHTML = "";
        }
        imgdoc.onclick = function() {
       		var spanelem = document.getElementById('span_picture');
	        spanelem.innerHTML = "";
        }
		
        textediv.setAttribute('align', 'center');
        
        for (var i = 2; i < show_picture2.arguments.length; i++)
	    {
	      if (show_picture2.arguments[i] != null)
		   {
		     ligne1 ="var txtbr1 = document.createElement(\"br\");"
		     ligne2 = "var txtdoc1 = document.createElement(\"span\");"
             ligne3 = "txtdoc1.appendChild(document.createTextNode(show_picture2.arguments[i]));"
             ligne4 = "textediv.appendChild(txtbr1);"
             ligne5 = "textediv.appendChild(txtdoc1);"
		     eval(ligne1);
		     eval(ligne2);
		     eval(ligne3);
		     eval(ligne4);
		     eval(ligne5);
		   }
	    }

        tribdiv.appendChild(textediv);
		var spanelem = document.getElementById('span_picture');
        spanelem.innerHTML = "";
        spanelem.appendChild(tribdiv);
        //alert("x = " + x + "   y = " + y + " imgdoc.getAttribute('width') =" + imgdoc.getAttribute('width') + " hauteur_image =" + hauteur_image + " body.scrollTop =" + document.body.scrollTop);        
}