function getViewport(){
		var width = 0;
		var height = 0;
		var x = 0;
		var y = 0;
		
		if(document.body && document.body.clientWidth){
			width = document.body.clientWidth;
			height = document.body.clientHeight;
			x = document.body.scrollLeft;
			y = document.body.scrollTop;
		}
		
		if(document.documentElement && document.documentElement.clientWidth){
			width = document.documentElement.clientWidth;
			if(height == 0) height = document.documentElement.clientHeight;
			if(x == 0) x = document.documentElement.scrollLeft;
			if(y == 0) y = document.documentElement.scrollTop;
		}
		
		if(window.innerWidth){  // we dont use an else if here, since Opera 7 tends to get the height on the documentElement wrong
			width = window.innerWidth - 18;
			height = window.innerHeight - 18;
		}		
		if(window.pageXOffset){
			x = window.pageXOffset;
			y = window.pageYOffset;
		}
		else if(window.scrollX){
			x = window.scrollX;
			y = window.scrollY;
		}
		
		return {width : width, height : height, x : x, y : y };		
	}

	
function montre(img, txt, largeur, hauteur) {
   position = getViewport();
   x = (position.width - 955)/2;
   x = x/13 + 14;
   x += "em";
   nouvellelargeur = 200;
   nouvellehauteur = (hauteur/largeur*200);
   if(largeur == 0) {
     y = position.y + 10;
     if(y < 260) y = 260;
     y += "px";
   }
   else {
     if(position.y < 280) hauteurpage = position.height - (280 - position.y);
     else hauteurpage = position.height;
     if(largeur > 500 && hauteur > hauteurpage) {
       if(largeur/hauteur > 540/hauteurpage) {
         nouvellelargeur = 500;
         nouvellehauteur = hauteur/largeur*500;
       } else {
         nouvellehauteur = hauteurpage - 50;
         nouvellelargeur = largeur/hauteur*nouvellehauteur;
       }
     } else {
       if(largeur > 500) {
         nouvellelargeur = 500;
         nouvellehauteur = hauteur/largeur*500;
       } else if(hauteur+50 > hauteurpage) {
         nouvellehauteur = hauteurpage - 50;
         nouvellelargeur = largeur/hauteur*nouvellehauteur;
       } else if(hauteur > hauteurpage) {
         nouvellehauteur = hauteurpage - (hauteur - hauteurpage);
         nouvellelargeur = largeur/hauteur*nouvellehauteur;
       } else {
         nouvellelargeur = largeur;
         nouvellehauteur = hauteur;
       }
     }
     if(nouvellehauteur > hauteur || nouvellelargeur > largeur) {
       nouvellehauteur = hauteur;
       nouvellelargeur = largeur;
     }
         
     y = position.y;
     h = hauteurpage;
     h = Math.round((h-(nouvellehauteur+35))/2);
     y = y+h;
     if(position.y < 280) y = 260 + (hauteurpage-nouvellehauteur-35)/2;
     //if(y<260) y = 260;
     y += "px";
   }
   h = document.getElementById("fotologFlottant");
   
   gdelargeur = nouvellelargeur+15;
   gdelargeur += "px";
   nouvellelargeur += "px";
   nouvellehauteur += "px";
   if(hauteur == 0) nouvellehauteur = "auto";
   h.style.right = x;
   h.style.top = y;
   h.style.width = gdelargeur;
   h.innerHTML = "<img src='"+img+"' alt='"+txt+"' id='fotologFlottantImage'/> <p>"+txt+"</p>";
   
   myimage = document.getElementById("fotologFlottantImage");
   myimage.style.width = nouvellelargeur;
   myimage.style.height = nouvellehauteur;
   h.style.visibility = "visible";
}

function cache() {
  h = document.getElementById("fotologFlottant");
  h.style.visibility = "hidden";
}