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 - 2)
	{
		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 - 2;
	//recupere la hauteur du titre
	var startHauteur = document.getElementById("refLetter").offsetHeight;
	//affecte la hauteur au conteneur
	var listA = document.getElementById(obj).getElementsByTagName("A");
	var contentHauteur = (listA.length *startHauteur)+20;
	document.getElementById(obj).style.height = eval(contentHauteur)+"px";
	for(i=0;i<listA.length;i++)
	{
		if(listA[i].className == "Item")
		{
			listA[i].style.top = (18*i)+"px";
			
			if(listA[i].offsetHeight > startHauteur)
			{
				while(listA[i].offsetHeight > startHauteur)
				{
					longueur = listA[i].offsetWidth+20;
					listA[i].style.width = longueur+"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() {
    sizePanel2();
	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);
	}
}

function sizePanel2() {

    if (document.getElementById("leftPanel")) {
        var opera = /Opera/.test(navigator.userAgent);

        var hHeader = document.getElementById("headerPanel").clientHeight;
        var hPdp = document.getElementById("pdpPanel").clientHeight;
        var ob = document.documentElement.scrollHeight;
        var newH;

        if (opera) {
            ob = window.innerHeight;
        }

        newH = ob - hHeader - hPdp - 10;
        if (newH > 1100)
            document.getElementById("Article").style.height = document.getElementById("leftPanel").style.height = "auto"; //newH + "px";
        else
            document.getElementById("Article").style.height = document.getElementById("leftPanel").style.height = "1100px";

    }
}
