/*
 * Gestion de l'album
 */
var timerScrollThumbnails = 0

function stopScrollThumbnails()
{
	clearTimeout(timerScrollThumbnails);
}

function startScrollThumbnails(direction, element)
{
	scrollThumbnails(direction, element);
}

function scrollThumbnails(direction, element)
{
	var maskWidth = document.getElementById("albumThumbnailsMenuMask").offsetWidth;
	var thumbnailsX = document.getElementById("albumThumbnailsContent").offsetLeft;
	var thumbnailsNodes = document.getElementById("albumThumbnailsContent").childNodes;
	/*** j'ajoute ça pour trouver la longueur car IE et FF n'interprètent pas de la même manière le childNodes ***/
	for(i=thumbnailsNodes.length-1; i >= 0; i--)
	{
		if(thumbnailsNodes[i].nodeType == 1)
		{
			thumbnailsWidth = thumbnailsNodes[i].offsetLeft + thumbnailsNodes[i].offsetWidth + 8;
			i = 0;
		}
	}
	var minPosition = maskWidth - thumbnailsWidth;
	
	
	if((direction == -1) && (thumbnailsX >= minPosition + 4))
	{
		thumbnailsX -= 4;
		document.getElementById(element).style['left'] = thumbnailsX+"px";
	}
	if((direction == 1) && (thumbnailsX <= - 4))
	{
		thumbnailsX += 4;
		document.getElementById(element).style['left'] = thumbnailsX+"px";
	}
	if((direction == -1) && (thumbnailsX >= minPosition + 4) || (direction == 1) && (thumbnailsX <= - 4))
		timerScrollThumbnails = setTimeout("scrollThumbnails(" + direction +", '"+ element +"')", 1);
}

function albumThumbnailOut(element)
{
	element.attributes['class'].value = 'albumThumbnailsImage';
}

function albumThumbnailOver(element)
{
	element.attributes['class'].value = 'albumThumbnailsImageOver';
}

function albumThumbnailClick(imageId)
{
	getImage(imageId);
}

/*****************************************AJAX***********************************************/
// Node cleaner
function go(c)
{
	if(!c.data.replace(/\s/g,''))
		c.parentNode.removeChild(c);
}

function clean(d)
{
	var bal=d.getElementsByTagName('*');

	for(i=0;i<bal.length;i++){
		a=bal[i].previousSibling;
		if(a && a.nodeType==3)
			go(a);
		b=bal[i].nextSibling;
		if(b && b.nodeType==3)
			go(b);
	}
	return d;
}

function getXhr()
{
	if(window.XMLHttpRequest)			// Firefox et autres
		xhr=new XMLHttpRequest(); 
	else if(window.ActiveXObject)		// Internet Explorer
	{
		try
		{
			xhr=new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch(e)
		{
			xhr=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	else	// XMLHttpRequest non supporté par le navigateur
	{
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
		xhr=false; 
	}
}

var fin_chgt=0;

function getImage(idImage)
{
	getXhr();
	xhr.onreadystatechange = function()
	{
		if(xhr.readyState == 1 || xhr.readyState == 2 || xhr.readyState == 3)
		{
			document.getElementById('loadingZone').style['display'] = "block";
			document.getElementById('albumImageDisplay').style['height'] = document.getElementById('albumImageDisplay').offsetHeight+"px";
//			document.getElementById('albumImageComments').innerHTML = "";
		}
		if(xhr.readyState == 4 && xhr.status == 200)
		{
			var output = clean(xhr.responseXML.documentElement);
			var image = output.getElementsByTagName("imageDisplay")[0].firstChild.nodeValue;
			var comments = output.getElementsByTagName("imageComments")[0].firstChild.nodeValue;
			document.getElementById('albumImageDisplay').innerHTML = image;
			document.getElementById('albumImageComments').innerHTML = comments;
			document.getElementById('loadingZone').style['display'] = "none";
		}
	}
	xhr.open("POST", "inc/php/getAlbumImage.ajax.php", true);
	xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xhr.send("idImage="+idImage);
}