function ClasseImage (src,srcthumb,noItem,dim, desc)
{
		this.imageComplete=src;
		this.imageThumb = new Image();
		this.imageThumb.src=srcthumb;
		this.noItem = noItem;
		this.dim = dim;
		this.desc = desc;
}

function chargerImageComplete(indiceClasseImage)
{
	var monImage = tabImage[indiceClasseImage];
	
	if(ns4){ld.visibility="visible";}
	else if (ns6||ie4) ld.display="block";
	
	var imageCompleteTmp = new Image();
	imageCompleteTmp.src = monImage.imageComplete;
	imageCompleteTmp.alt = monImage.noItem;

	if(imageCompleteTmp)
	{

		imageComplete.src = imageCompleteTmp.src;
		imageComplete.alt = imageCompleteTmp.alt;
		
		if(ns4){divImageComplete.visibility="visible";}
		else if (ns6||ie4){divImageComplete.display="block";}

		if(ns4){ld.visibility="hidden";}
		else if (ns6||ie4) ld.display="none";
	}
}

function cacherImageComplete()
{
	imageComplete.src = "../images/images_template/sablier.gif";
	imageComplete.alt = "Chargement // Loading";
	divImageComplete.display = "none";
}

function changerImage (numero)
{
	pointeur = numero;
	afficherPhoto (tabImage[numero]);
}

function nextImage()
{
	if(pointeur + 1 < tabImage.length)
		pointeur++;
	else
		pointeur = 0;
	afficherPhoto(tabImage[pointeur]);
}

function previousImage()
{
	if(pointeur - 1 > -1)
		pointeur--;
	else
		pointeur = tabImage.length - 1;
	afficherPhoto(tabImage[pointeur]);
}

function afficherPhoto (imageG)
{
	div_id.innerHTML = "<b>"+imageG.noItem+"</b>";
	chargerImageComplete(pointeur);
	
	div_dim.innerHTML = "<b>"+imageG.dim+"</b>";
	//div_desc.innerHTML = ""+imageG.desc;
}

function preload()
{
	//changerImage(pointeur);
	
	var div_thumb = document.getElementById("div_thumb");

	for (i=0;i<tabImage.length;i++)
    {
       div_thumb.innerHTML +="<a href=\"#\" id=\""+i+"\" onclick=\"changerImage("+i+")\"><img class=\"img_thumb\" src=\""+tabImage[i].imageThumb.src+"\" alt=\"" + tabImage[i].noItem + "\" id=\""+(i+1)+"\"/></a>";
	   if (tabImage.length != i + 1)
	   {
		   div_thumb.innerHTML += "&nbsp;&nbsp;&nbsp;";
	   }
	}
	
}

function init()
{
	if (ns4)
	{
		ld=document.loading;
		divImageComplete=document.divImageComplete;
		imageComplete=document.imageComplete;
		div_id=document.div_id;
		div_image=document.div_image;
		div_dim=document.div_dim;
		//div_desc=document.div_desc;
	}
	else if (ns6)
	{
		ld=document.getElementById("loading").style;
		divImageComplete=document.getElementById("divImageComplete").style;
		imageComplete=document.getElementById("imageComplete");
		div_id=document.getElementById("div_id");
		div_image=document.getElementById("div_image");
		div_dim=document.getElementById("div_dim");
		div_desc=document.getElementById("div_desc");
	}
	else if (ie4)
	{		
		ld=document.all.loading.style;
		divImageComplete=document.all.divImageComplete.style;
		imageComplete=document.all.imageComplete;
		div_id=document.all.div_id;
		div_image=document.all.div_image;
		div_dim=document.all.div_dim;
		div_desc=document.all.div_desc;
	}
	
	if(ns4){ld.visibility="hidden";}
	else if (ns6||ie4) ld.display="none";
	if(tabImage)
	{}
	preload();
}