window.onload = function()
{
	// Slideshow
	
	var menuWrapper = document.getElementById('slideshow-menu-wrapper');
	var cursor = document.getElementById('slideshow-menu-cursor');
	
	var slideshow = new Dragdealer('slideshow',
	{
		steps: 7, // acá van la cantidad de imagenes / steps
		loose: true,
		speed: 40,
		animationCallback: function(x, y)
		{
			var top = x * (menuWrapper.offsetHeight - cursor.offsetHeight);
			cursor.style.top = String(top) + 'px';
		}
	});
	
	// por cada paso se declara el LINK que va a llamarlo y que hace.
	
	document.getElementById('slideshow-photo-1').onclick = function()
	{
		slideshow.setStep(1);
		return false;
	}
	document.getElementById('slideshow-photo-2').onclick = function()
	{
		slideshow.setStep(2);
		return false;
	}
	document.getElementById('slideshow-photo-3').onclick = function()
	{
		slideshow.setStep(3);
		return false;
	}
	document.getElementById('slideshow-photo-4').onclick = function()
	{
		slideshow.setStep(4);
		return false;
	}
	document.getElementById('slideshow-photo-5').onclick = function()
	{
		slideshow.setStep(5);
		return false;
	}
	document.getElementById('slideshow-photo-6').onclick = function()
	{
		slideshow.setStep(6);
		return false;
	}	
	document.getElementById('slideshow-photo-7').onclick = function()
	{
		slideshow.setStep(7);
		return false;
	}
	

}