// JavaScript Document
// sur une idee de http://www.sunyday.net/article-Javascript-images-fading-et-resizing.html

var pic;
var PictureID = "diapo";

function change_pic(pic) 
{
  	changeOpac(0, PictureID);
  
	Loader     = new Image();
	Loader.src = pic;
	setTimeout("CheckLoadingStatus()", 200);
	}
function CheckLoadingStatus() 
{
  	if ( Loader.complete == true )
   	{
      	document.getElementById(PictureID).src = Loader.src;
      	currentOpac(PictureID, 100, 300);
   	}
  	else
		setTimeout("CheckLoadingStatus()", 200);
}
	
function changeOpac(opacity, id) 
{  
	var object = document.getElementById(id).style;  
	
	object.opacity = (opacity / 100);  
	object.MozOpacity = (opacity / 100);  
	object.KhtmlOpacity = (opacity / 100);  
	object.filter = "alpha(opacity=" + opacity + ")";  
}  
	
function currentOpac(id, opacEnd, millisec) 
{
  	var currentOpac = 100;

  	if(document.getElementById(id).style.opacity < 100)
   		currentOpac = document.getElementById(id).style.opacity * 100;
  		opacity(id, currentOpac, opacEnd, millisec)
}
	
function opacity(id, opacStart, opacEnd, millisec) 
{
  	var speed = Math.round(millisec / 100);
  	var timer = 0;

  	if(opacStart > opacEnd)
   	{
    	for(i = opacStart; i >= opacEnd; i--)
     	{
      		setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
      		timer++;
     	}
   	}
  	else if(opacStart < opacEnd)
   	{
    	for(i = opacStart; i <= opacEnd; i++)
     	{
      		setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
      		timer++;
     	}
   	}
}