window.onload = function()
{

	var menuWrapper = document.getElementById('slideshow-menu-wrapper');
	var cursor = document.getElementById('slideshow-menu-cursor');
	
	var slideshow = new Dragdealer('slideshow',
	{
		steps: 4,
		loose: true,
		animationCallback: function(x, y)
		{
			//var top = x * (menuWrapper.offsetHeight - cursor.offsetHeight);
			var left = x * 3*(cursor.offsetWidth+15);
			//cursor.style.top = String(top) + 'px';
			cursor.style.left = String(left) + 'px';
		}
	});
	 var count = 0;
	 function resetslider(){
		 sliderotater = setInterval(function(){
							  count++;
							  slideshow.setStep((count%4)+1);
								  
							  
		},5000);
	}
	resetslider();
	document.getElementById('slideshow-photo-1').onclick = function()
	{
		slideshow.setStep(1);
		count = 0;
		clearInterval(sliderotater);
		resetslider();
		return false;
	}
	document.getElementById('slideshow-photo-2').onclick = function()
	{
		count = 1; 
		slideshow.setStep(2);
		clearInterval(sliderotater);
		resetslider();
		return false;
	}
	document.getElementById('slideshow-photo-3').onclick = function()
	{
		count = 2;
		slideshow.setStep(3);
		clearInterval(sliderotater);
		resetslider();
		return false;
	}
	document.getElementById('slideshow-photo-4').onclick = function()
	{
		count = 3;
		slideshow.setStep(4);
		clearInterval(sliderotater);
		resetslider();
		return false;
	}
	
	
}