var go=1;first=1;
function fade(thatone,x){

	for(i=1;i<x+1;i++){
		document.getElementById("nav-"+i).className="";
	}
	document.getElementById("nav-"+thatone).className="active";
	
	if(go==1)
		document.getElementById("start-stop-slideshow").innerHTML="<a onclick='stop("+x+","+(thatone)+")'>Pause</a>";
	else
		document.getElementById("start-stop-slideshow").innerHTML="<a onclick='start("+x+","+(thatone)+")'>Play</a>";
	
	

		$("#projects-photo").fadeTo(400,0);


	$(this).delay(400,function(){
		document.getElementById("projects-photo").innerHTML=document.getElementById("projects-photo-"+thatone).innerHTML;
		$(document.getElementById("projects-photo")).fadeTo(400,1);return false
	});
}
function autoplay(total,current){
	if(go==1){
	if(current==total+1){
		current=1;
	}
	if(first==1){
		first=0;
	} else {
		fade(current,total)
	}
	$(this).delay(4500,function(){
		autoplay(total,current+1)
	})
	}
}

function stop(x,thatone){
	go=0;
	document.getElementById("start-stop-slideshow").innerHTML="<a onclick='start("+x+","+(thatone)+")'>PLAY</a>";
}
function start(total,current){
	stop(total,current);
	document.getElementById("start-stop-slideshow").innerHTML="<a onclick='stop("+total+","+current+")'>PAUSE</a>";
	go=1;
	autoplay(total,current)
}