/* La utilizamos para la presentación de los proyectos */

clickMenu = function(gallery, totalThumb) {
	// totalThumb contiene el número de Thumb que se deben presentar.
	var getImg = document.getElementById(gallery).getElementsByTagName("img");
	var getLi = document.getElementById(gallery).getElementsByTagName("li");

	for (var i=0; i<getImg.length; i++) {
		getImg[i].onclick=function() {
			if ((this.className.indexOf('left'))!=-1) {
				for (var x=getLi.length-1; x>0; x--) {
					if ((getLi[x].className.indexOf('chosen'))!=-1)	{
						getLi[x].className=getLi[x].className.replace("chosen", "");
						x--;
						if (x>-1) {
							getLi[x].className+=" chosen";
								if (x>-1 && x<getLi.length-9){
								getLi[x].className=getLi[x].className.replace("hide", "");
								if ((getLi[x+10].className.indexOf('hide'))==-1) {
									getLi[x+10].className+=" hide";
								}
							}
						}
					}
				}	
			}
			if ((this.className.indexOf('right'))!=-1) {
				for (var x=0; x<getLi.length-1; x++) {
					if ((getLi[x].className.indexOf('chosen'))!=-1)	{
						getLi[x].className=getLi[x].className.replace("chosen", "");
						x++;
						if (x<getLi.length) {
							getLi[x].className+=" chosen";
							if (x>8 && x<getLi.length) {
								getLi[x].className=getLi[x].className.replace("hide", "");
								if ((getLi[x-10].className.indexOf('hide'))==-1) {
									getLi[x-10].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", "");
				}
			}
		this.className+=" chosen";		
		}
	}
}