var initAlbum;

function displayAlbum(ruta)
{
	$("pictureContainer").setStyles({
		background: 'transparent url(images/loading.gif) no-repeat center center'
	});
	$("thumbnails").innerHTML="";
	displayThumbnails(ruta);
}

function clearPager()
{
	//$('pictureContainer_right').fireEvent('mouseout');
	
	$('pictureContainer_right').setStyles({
		visibility: 'hidden'
	});
	
	$('pictureContainer_right').removeEvents();
	
	//$('pictureContainer_left').fireEvent('mouseout');
	
	$('pictureContainer_left').setStyles({
		visibility: 'hidden'
	});
	
	$('pictureContainer_left').removeEvents();
}

function displayPreview(id)
{
	clearPager();
	$("pictureContainer").setStyles({
		background: 'transparent url(images/loading.gif) no-repeat center center'
	});
	
	var imgPreloader = new Image();
	
	imgPreloader.onload=function(){
		var ancho=imgPreloader.width/2;
		var alto=imgPreloader.height/2;
		
		$('pictureContainer').setStyles({
			height: ''+imgPreloader.height+'px',
			width: ''+imgPreloader.width+'px',
			background: 'transparent url('+imgPreloader.src+') no-repeat center center',
			marginLeft: '-'+ancho+'px',
			marginTop: '-'+alto+'px'
		});
		
		if(id>0)
		{
			$('pictureContainer_left').setStyles({
				visibility: 'visible'
			});
			
			$('pictureContainer_left').addEvent('mouseover', function()
			{
				$('pictureContainer_left').setStyles({
					background: 'transparent url(images/prev.gif) no-repeat center left'
				});
				
			}
			);
			
			$('pictureContainer_left').addEvent('mouseout', function()
			{
				$('pictureContainer_left').setStyles({
					background: ''
				});
			}
			);
			
			$('pictureContainer_left').addEvent('click', function()
			{
				displayPreview(id-1);
			}
			);
		}
		
		if(id<($('totales').value-1))
		{
			$('pictureContainer_right').setStyles({
				visibility: 'visible'
			});
				
			$('pictureContainer_right').addEvent('mouseover', function()
			{
				$('pictureContainer_right').setStyles({
					background: 'transparent url(images/next.gif) no-repeat center right'
				});
				
			}
			);
			
			$('pictureContainer_right').addEvent('mouseout', function()
			{
				$('pictureContainer_right').setStyles({
					background: ''
				});
			}
			);
			
			$('pictureContainer_right').fireEvent('mouseout');
			
			$('pictureContainer_right').addEvent('click', function()
			{
				displayPreview(id+1);
			}
			);
		}
	}
	imgPreloader.src = $("thumb"+id).longDesc;
	
}

function displayThumbnails(ruta)
{
	
	var myAjax = new Ajax("includes/mod_thumbnails.php?e="+ruta, {
			method: 'get',
			onComplete: function(response)
			{
				$("thumbnails").innerHTML = response;
	    		displayPreview(0);
			}
	});
	
	myAjax.request();
}

window.onDomReady(
function()
{
	var elMenu = new Accordion($$(".menu"), $$(".menu-items"));
	displayAlbum(initAlbum);
}
);