// JavaScript Document
/* Gallery */
var timer;

/* Thumbnails */
function updateThumbnails()
{
	Updater('thumbnails', Array(currentCat, currentPage, maxThumbnails));
}

function getPreviousPage()
{
	currentPage --;
	
	if(currentPage == 0)
		$('previousPage').style.visibility = 'hidden';
		
	$('nextPage').style.visibility = '';
		
	updateThumbnails();
}

function getNextPage()
{
	currentPage++;

	if(currentPage == maxPages)
		$('nextPage').style.visibility = 'hidden';
	
	$('previousPage').style.visibility = '';
		
	updateThumbnails();
}

/* Gallery */

function getPreviousImg()
{
	var i;
	for(i = 0; i < listImg.length; i++)
	{
		if(listImg[i] == currentId)
			break;
	}
	
	if(i == 0)
		currentId = listImg[listImg.length - 1];
	else 
		currentId = listImg[i - 1];
		
	return currentId;
}

function getNextImg()
{
	var i;
	for(i = 0; i < listImg.length; i++)
	{
		if(listImg[i] == currentId)
			break;
	}
	
	if(i == listImg.length - 1)
		currentId = listImg[0];
	else
		currentId = listImg[i + 1];
	return currentId;
}

function diaporama()
{
	if(!timer)
	{
		$('diapo').innerHTML = 'Arr&ecirc;ter le diaporama';
		galFade(getNextImg());		
		timer = setInterval('galFade(getNextImg(), true)', 5000);
	}
	else
	{
		$('diapo').innerHTML = 'D&eacute;marrer le diaporama';
		clearInterval(timer);
		timer = null;
	}
}
	
function galFade(img_id, diapo)
{
	currentId = img_id;
	
	if(! diapo && timer)
	{
		$('diapo').innerHTML = 'D&eacute;marrer le diaporama';
		clearInterval(timer);
		timer = null;
	}
		
	var src = 'galerie/1/' + img_id + '.jpg';
	var title = '';
	var desc = '';
	
	new Ajax.Request('ajax.php', { method:'post',
										parameters: {id: 'gallery', img_id: img_id, type: 'title'},
										onSuccess: function(transport){
											title = transport.responseText;
										}
									});
								
	new Ajax.Request('ajax.php', { method:'post',
										parameters: {id: 'gallery', img_id: img_id, type: 'desc'},
										onSuccess: function(transport){
											desc = transport.responseText;
										}
									});
	
	
	
	new Effect.Fade($('title'));
	new Effect.Fade($('desc'));
	new Effect.Fade($('gallery'), {to: 0.1, afterFinish:function() {
														
			$('gallery').src = src;
			$('title').innerHTML = title;
			$('desc').innerHTML = desc;		
		}});
}

function galAppear()
{
	new Effect.Appear($('title'));
	new Effect.Appear($('desc'));
	new Effect.Appear($('gallery'));
}