var tabs = refLinks = infosArt = new Array();
var overlayer, defaultBg;


window.onload = function(){
	overlayer = document.getElementById("overlayer");
	
	tabs = (function(){
		var tabTemp = new Array();
		uls = document.getElementsByTagName("ul");
		for(i=0;uls[i];i++)
			if(uls[i].className == "tabs")
				tabTemp = uls[i].getElementsByTagName("li");
		return tabTemp;
	})();
	
	
	for (i=0; tabs[i];i++){
		tabs[i].category = tabs[i].id.substr(tabs[i].id.lastIndexOf("-")+1);
		tabs[i].onclick = function(){
			openCategory(this.category);
			activateTab(this.category);
			if(this.category == "movingBoxes")
			{
			document.getElementById("explication").style.display = "block";
			}else{
				document.getElementById("explication").style.display = "none";
			}
			return false;
		}
	}
	
	infosArt = (function(){
		var tabTemp = new Array();
		lis = document.getElementById("artDetails").getElementsByTagName("li");
		for(i=0; lis[i];i++)
			if(lis[i].className == "infoArt")
				tabTemp.push(lis[i]);

		return tabTemp;
	})();
	
	infosArtTitles = (function(){
		var tabTemp = new Array();
		h1s = document.getElementById("overlayer").getElementsByTagName("h1");
		for(i=0; h1s[i];i++)
			if(h1s[i].className == "artRef_title")
				tabTemp.push(h1s[i]);

		return tabTemp;
	})();
	
	refLinks = (function(){
		var tabTemp = new Array();
		as = document.getElementsByTagName("a");
		for(i=0; as[i];i++)
			if(as[i].className == "linkToInfos" || as[i].className == "moreInfo")
				tabTemp.push(as[i]);

		return tabTemp;
	})();
	
	for(i=0; refLinks[i];i++){
		refLinks[i].artRef = refLinks[i].id.substr(refLinks[i].id.lastIndexOf("-")+1);
		refLinks[i].onclick = function(){
			positionOverlayer();
			displayArtRefContent(this.artRef);
			return false;
		}
	}
}