var timer;
var objItem;
var limite;
var offsetHauteur = 5;
var largContent;

var ie = /MSIE/.test(navigator.userAgent);

function defile(objID)
{
	objItem = document.getElementById(objID);
	if(objItem.offsetWidth > largContent)
	{
		limite = objItem.offsetWidth*-1;
		timer = setInterval("Anim()",25);
	}
}

function resetDefile(objID)
{
	clearInterval(timer);
	var obj = document.getElementById(objID);
	obj.style.left = "5px";
	
}

function Anim()
{
	if(limite <= parseInt(objItem.style.left))
	{
		objItem.style.left = (parseInt(objItem.style.left) - 2)+"px";
	}
	else
	{
		objItem.style.left = "5px";
	}
}

function InitDefile(obj)
{
	var longueur;
	largContent = document.getElementById(obj).offsetWidth;
	//recupere la hauteur du titre
	var titre = document.getElementById(obj).getElementsByTagName("H4");
	var startHauteur = titre[0].offsetHeight;
	var listA = document.getElementById(obj).getElementsByTagName("A");
	//variable pour le calcul de la hauteur du conteneur
	var totalHeight = startHauteur + offsetHauteur;
	for(i=0;i<listA.length;i++)
	{
		if(listA[i].className == "Item")
		{
			listA[i].style.top = (18*i)+startHauteur+offsetHauteur+"px";
			totalHeight += listA[i].offsetHeight;
			if(listA[i].offsetHeight > 20)
			{
				while(listA[i].offsetHeight > 20)
				{
					longueur = listA[i].offsetWidth+20;
					listA[i].style.width = longueur+"px";
				}
				longueur += 200;
				listA[i].style.width = longueur+"px";
			}
		}
	}
	//affecte la valeur de hauteur au conteneur
	document.getElementById(obj).style.height = startHauteur + totalHeight +"px";
}

function affPicture(e)
{
	var val = (ie)?event.srcElement.src:e.target.src;
	var titre = (ie)?event.srcElement.alt:e.target.alt;
	Lightbox.show(val,titre);
	
}

//------
function initArticle()
{
	if(document.getElementById("imageList"))
	{
		var imgs = document.getElementById("imageList").getElementsByTagName("img");
		for(i=0;i<imgs.length;i++)
		{
			if(imgs[i].width > 180 || imgs[i].height > 150)
			{
			//ajoute l'image loupe
				var objparent = imgs[i].parentNode;
				var loupe = document.createElement("img");
				
				loupe.src = "images/picto/loupe.gif";
				objparent.appendChild(loupe);
				//ajoute la class zoomable
				var atts = imgs[i].attributes;
				var attclass = document.createAttribute("class");
				attclass.value = "zoomable";
				atts.setNamedItem(attclass);
				if(imgs[i].width > imgs[i].height){
				imgs[i].width = 180;
				}else{
					imgs[i].height = 150;
				}
				imgs[i].style.display = "none";
				imgs[i].onclick = affPicture;
			}
		}
		for(i=0;i<imgs.length;i++)
		{
			imgs[i].style.display = "block";
			imgs[i].style.visibility = "visible";
		}
		//modifie le dom pour le placement des images
		var master = document.getElementById("masterPanel");
		var imglist = document.getElementById("imageList");
		var article = document.getElementById("Article");
		master.appendChild(imglist);
		master.insertBefore(imglist, article);
	}
}

