// Galeria fotografica

function galeria(){
	initPhotoGallery();
	// $("a.track").each(function() { this.onclick = function() { TagTooga.Mp3.toggle(mp3PlayButton, this); return false;  }; });

	$('#photogallery #thumbs a').click(function(){
		var at = this.title;
		var img = $('img',this).get(0).src.split('/').reverse();
		showPreview('img/galeria/'+carpeta_fotos+'/' + img[0],this);
		document.getElementById('infoTXT').innerHTML=at;
		return false;
	});
}

	var slideSpeed = 4;	
	
	var largeImage = false;
	var imageToShow = false;
	var slideWidth = false;
	var thumbTotalWidth = false;
	var viewableWidth = false;
	
	var currentActiveImage = false;
	var thumbDiv = false;
	var thumbSlideInProgress = false;
	
	var prev;
	var next;

	function initPhotoGallery()
	{
		prev = $('#photogallery #prev').css('visibility','hidden').css('cursor','pointer').click(moveThumbnails).get(0);
		next = $('#photogallery #next').css('cursor','pointer').click(moveThumbnails).get(0);
		largeImage = $('#photogallery #largeImage'); 
		var innerDiv = document.getElementById('thumbs_inner'); 
		slideWidth = innerDiv.getElementsByTagName('img')[0].offsetWidth + 10;
		thumbDiv = document.getElementById('thumbs_inner');
		thumbDiv.style.left = '0px';
		
		// muestra la descripcion de la primera foto al iniciar la galeria
		var int_description = $('#thumbs a',this).get(0).title;			
		document.getElementById('infoTXT').innerHTML=int_description;

		var subDivs = thumbDiv.getElementsByTagName('img');
		thumbTotalWidth = 0;

		for(var i=0;i<subDivs.length;i++){
			thumbTotalWidth = thumbTotalWidth + slideWidth;
		}
		thumbTotalWidth = thumbTotalWidth + 10; //mmm, hay un calculo en el bucle de antes que no tengo del todo controlado, por eso aņado estos 10px de margen, sino no se puede acceder al ultimo thumbnail

		viewableWidth = document.getElementById('thumbs').offsetWidth;
		
		
		currentActiveImage = thumbDiv.getElementsByTagName('a')[0];
		currentActiveImage.className='activeImage';
	}
	
	
	function moveThumbnails()
	{
		if(thumbSlideInProgress)return;
		thumbSlideInProgress = true;
		if(this.id=='prev'){
			next.style.visibility='visible';
			if(thumbDiv.style.left.replace('px','')/1>=0){
				prev.style.visibility='hidden';
				thumbSlideInProgress = false;
				return;
			}
			slideThumbs(4,0);
			
		}else{
			prev.style.visibility='visible';
			var left = thumbDiv.style.left.replace('px','')/1;			
			if(thumbTotalWidth + left - slideWidth <= viewableWidth){
				next.style.visibility='hidden';
				thumbSlideInProgress = false;
				return;
			}
			slideThumbs(-4,0);
		}	
		
	}
	
	function slideThumbs(speed,currentPos)
	{
		var leftPos = thumbDiv.style.left.replace('px','')/1;
		currentPos = currentPos + Math.abs(speed);		
		leftPos = leftPos + speed;
		thumbDiv.style.left = leftPos + 'px';
		if(currentPos<slideWidth)setTimeout('slideThumbs(' + speed + ',' + currentPos + ')',slideSpeed);
		else{
			if(thumbDiv.style.left.replace('px','')/1>=0){
				document.getElementById('prev').style.visibility='hidden';
			}	
			var left = thumbDiv.style.left.replace('px','')/1;		
			if(thumbTotalWidth + left - slideWidth <= viewableWidth){
				document.getElementById('next').style.visibility='hidden';
			}			
			thumbSlideInProgress = false;
		}
	
	}
	
	function showPreview(imagePath,inputObj)
	{		
		if(currentActiveImage){
			if(currentActiveImage==inputObj)return;
			currentActiveImage.className='';
		}
		currentActiveImage = inputObj;
		currentActiveImage.className='activeImage';
		
		largeImage.attr("src",imagePath).fadeIn();
	}