// Header slide licences

// Commun à tous les shops
//	sauf Photocité #8 (Présentation)

function clip() 
{
	var slideLicences = document.getElementById('slide-licences');
	var slideLinks = document.getElementById('slide-links');
	var slideElts = [slideLicences, slideLinks];
	
	for (var i = 0; i < slideElts.length; i++)
	{
		slideElts[i].style.left = parseInt(slideElts[i].style.left) - 1 + "px";
		
 		var width = parseInt(slideElts[i].style.width) - 1;
		
		 if(parseInt(slideElts[i].style.left) <= -(width/2)) 
  			slideElts[i].style.left = "0px";
	}
 	
 	setTimeout(clip,40);
}

function InitHeader()
{
	if (!document.getElementById("BandeauPBK"))
		return;

	var BandeauPBK = document.getElementById("BandeauPBK");

	var slideContainerWidth = 550;
	var slideContainerHeight = 100;
	var vignetteWidth = 100;
	var vignetteHeight = 100;

	var slideContainer = document.createElement("div");
	slideContainer.setAttribute("id","slide-container");
	slideContainer.style.width = slideContainerWidth + "px";
	slideContainer.style.height = slideContainerHeight + "px";

	var url = new URL("/shop/enum-shops.php?key=all");
	var webs = new IDM.WebService(url);

	if (webs.call())
	{
		var dom = webs.getResult();

		var shopsNode = XMLUtils.getRootElement(dom);
		var shopNodes = (shopsNode == null ? null : XMLUtils.getChildrenByTagName(shopsNode, "shop"));
		
		if (!shopNodes)
		  return;
		
		var vignetteLink = document.createElement("a");
		vignetteLink.href = "/";
		vignetteLink.title = "Revenir à l'accueil de Photobykids.com";

		var vignetteAllLicences = document.createElement("img");
		vignetteAllLicences.src = "http://www.pbkimg.com/13/-/pastille-js-pbk.png";
		vignetteAllLicences.className = "vignette-all";
		vignetteAllLicences.alt;
		
		vignetteLink.appendChild(vignetteAllLicences);
		BandeauPBK.appendChild(vignetteLink);


		var slideLicences = document.createElement("div");
		slideLicences.setAttribute("id","slide-licences");
		slideLicences.style.left = "0px";

		for (var i = 0, n = shopNodes.length ; i < n ; i++)
		{
			var shopNode = shopNodes[i];

			if (i < n-1)
				vignetteAllLicences.alt += XMLUtils.getChildText(shopNode, "name") + ",";
			else if (i == n-1)
				vignetteAllLicences.alt += XMLUtils.getChildText(shopNode, "name");

			var imgElt = document.createElement("img");
			imgElt.src = "http://www.pbkimg.com" + XMLUtils.getChildText(shopNode, "icon");
			imgElt.style.width = vignetteWidth + "px";
			imgElt.style.height = vignetteHeight + "px";
			imgElt.alt = XMLUtils.getChildText(shopNode, "name");

			slideLicences.appendChild(imgElt);
		}

		slideLicences.innerHTML = slideLicences.innerHTML + slideLicences.innerHTML;
		slideLicences.style.width = (vignetteWidth * shopNodes.length) * 2 + "px";
		
		slideContainer.appendChild(slideLicences);
		

		var slideLayer = document.createElement("div")
		slideLayer.id = "slide-layer";

		slideContainer.appendChild(slideLayer);
		
		
		var slideLinks = document.createElement("div");
		slideLinks.setAttribute("id","slide-links");
		slideLinks.style.left = "0px";
		
		for (var i = 0, n = shopNodes.length ; i < n ; i++)
		{
			var shopNode = shopNodes[i];
			
			var linkElt = document.createElement("a");
			linkElt.href = XMLUtils.getChildText(shopNode, "url");
			linkElt.target = "_blank";
			linkElt.title = XMLUtils.getChildText(shopNode, "name");
			
			var imgElt = document.createElement("img");
			imgElt.src = "http://www.pbkimg.com/-/blank.gif";
			imgElt.style.width = vignetteWidth + "px";
			imgElt.style.height = vignetteHeight + "px";
			imgElt.alt = XMLUtils.getChildText(shopNode, "name");
			
			linkElt.appendChild(imgElt);
			slideLinks.appendChild(linkElt);
		}
		
		slideLinks.innerHTML = slideLinks.innerHTML + slideLinks.innerHTML;
		slideLinks.style.width = (vignetteWidth * shopNodes.length) * 2 + "px";
		
		slideContainer.appendChild(slideLinks);
	}
	
	BandeauPBK.appendChild(slideContainer);
	
	clip();
}
HTMLUtils.addOnLoadFunction(InitHeader);