var slidetimer;
var slideactive = true;
var slideforward = true;
var slidedelay = 30;
var startdelay = 10000;
var delaytimer;
$(window).load(function(){

	$('.slider').slider({
		min: 0,
		max: $('.slides ul').innerWidth()-$('.slides').outerWidth(),
		//value: Math.round(($('.slides ul').innerWidth()-$('.slides').outerWidth())/2),
		slide: function (event, ui) {
			$('.slides ul').css('left', ui.value * -1);
			slideactive=false;
			clearTimeout(delaytimer);	
			delaytimer = setTimeout('restartslide();', startdelay);
		}
	});
	//$('.slides ul').css('left', (($('.slides ul').innerWidth()-$('.slides').outerWidth())/2) * -1);
	$('.slides ul li a').lightBox({fixedNavigation:true});
	$('a.lightbox').lightBox({fixedNavigation:true});

	slidetimer = setTimeout('autoslide();', slidedelay);
	
});

function restartslide() {
	slideactive=true;
	console.log("go");
	slidetimer = setTimeout('autoslide();', slidedelay);
}

function autoslide() {
	if (slideactive==true) {
		var value = $( ".slider" ).slider( "option", "value" );
		if (value >= $( ".slider" ).slider( "option", "max" )) { slideforward = false; }
		else if (value <= $( ".slider" ).slider( "option", "min" )) { slideforward = true; }
		
		if (slideforward==true) {
			$(".slider").slider( "option", "value", value+1);
			$('.slides ul').css('left', (value+1)*-1);
		} else {
			$(".slider").slider( "option", "value", value-1);
			$('.slides ul').css('left', (value+1)*-1);	
		}
		
		slidetimer = setTimeout('autoslide();', slidedelay);
	}
}