/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this script and the associated (x)html
is available at http://www.stunicholls/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This script and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

var clickMenu = function(gallery) 
{
	var getInputHidden = document.getElementById('preload').getElementsByTagName("INPUT");
	
	var getImg = document.getElementById(gallery).getElementsByTagName("IMG");
	var getLi = document.getElementById(gallery).getElementsByTagName("LI");
	
	// var alerte = '';
	// for (var n=0; n<getInputHidden.length; n++) alerte += '['+n+'] => '+getImgPreload[n].src+'\n';
	// alert(alerte);
	
	for (var i=0; i<getImg.length; i++)
	{
		getImg[i].onclick=function()
		{
			// clic left
			if ((this.className.indexOf('left'))!=-1)
			{
				if (document.getElementById('right').src.lastIndexOf('stop') != -1) document.getElementById('right').src = 'site/media/galerie/right.png';
				
				for (var x=getLi.length-1; x>0; x--)
				{
					if ((getLi[x].className.indexOf('chosen'))!=-1)
					{
						if (x <= 1) document.getElementById('left').src = 'site/media/galerie/left_stop.png';
						
						getLi[x].className=getLi[x].className.replace("chosen", "");
						document.getElementById('main_img').src = getInputHidden[x-1].value;
						x--;
						if (x>-1)
						{
							getLi[x].className+=" chosen";
							if (x>-1 && x<getLi.length-11)
							{
								getLi[x].className=getLi[x].className.replace("hide", "");
								if ((getLi[x+11].className.indexOf('hide'))==-1) getLi[x+11].className+=" hide";
							}
						}
					}
				}
			}
			
			// clic right
			if ((this.className.indexOf('right'))!=-1)
			{
				if (document.getElementById('left').src.lastIndexOf('stop') != -1) document.getElementById('left').src = 'site/media/galerie/left.png';
				
				for (var x=0; x<getLi.length-1; x++)
				{
					if ((getLi[x].className.indexOf('chosen'))!=-1)
					{
						if (x >= getLi.length-2) document.getElementById('right').src = 'site/media/galerie/right_stop.png';
						
						getLi[x].className=getLi[x].className.replace("chosen", "");
						document.getElementById('main_img').src = getInputHidden[x+1].value;
						x++;
						if (x<getLi.length)
						{
							getLi[x].className+=" chosen";
							if (x>10 && x<getLi.length)
							{
								getLi[x].className=getLi[x].className.replace("hide", "");
								if ((getLi[x-11].className.indexOf('hide'))==-1) getLi[x-11].className+=" hide";
							}
						}
					}
				}
			}
		}
	}
	
	for (var i=0; i<getLi.length; i++)
	{
		getLi[i].onclick=function()
		{
			for (var x=0; x<getLi.length; x++)
			{
				if ((getLi[x].className.indexOf('chosen'))!=-1) getLi[x].className=getLi[x].className.replace("chosen", "");
				if (getLi[x] == this) var index = x;
			}
			this.className+=" chosen";
			document.getElementById('main_img').src = getInputHidden[index].value;
			
			if (index != 0 && index != (getLi.length - 1))
			{
				document.getElementById('left').src = 'site/media/galerie/left.png';
				document.getElementById('right').src = 'site/media/galerie/right.png';
			}
			else
			{
				if (index == 0) document.getElementById('left').src = 'site/media/galerie/left_stop.png';
				else document.getElementById('left').src = 'site/media/galerie/left.png';
				
				if (index == (getLi.length - 1)) document.getElementById('right').src = 'site/media/galerie/right_stop.png';
				else document.getElementById('right').src = 'site/media/galerie/right.png';
			}
		}
	}
}