// JavaScript Document
ssv=0;
sstopped=0;
function slideshow(){
	if(pressnav==1){
		pressnav=0;
		slidestart++;
		}
	if(sstopped==1){
		slidestart++;
		}
	if(slist[slidestart]){
		document.getElementById('slideshowstart').onclick=function(){
			document.getElementById('slideshowstart').value='start slideshow';
			ssv=0;
			slidestart--;
			sstopped=1;
			document.currentimage.onload=function(){
				}
			document.getElementById('slideshowstart').onclick=function(){
				document.getElementById('slideshowstart').value='stop slideshow';
				ssv=1;
				setTimeout("if(ssv==1){slideshow();}",1000*(document.intsel.timesel.selectedIndex+1));
				}
			}
		skip=0;
		ishift=0;
		if((slidestart-2)<0){
			ishift=-slidestart+2;
			}
		if(slist.length-slidestart<3){
			ishift=-3+slist.length-slidestart;
			}
		if(slist.length<5){
			skip=slist.length;
			ishift=Math.ceil(slist.length/2)-slidestart;
			if(slist.length<3){
				ishift=2-slidestart;
				}
			}
		if(slidestart-1>=0){
			previous=slidestart-1;
			}
		if(slidestart+1<slist.length){
			next=slidestart+1;
			}
		document.getElementById("thumbnails").innerHTML="";
		for(n=-2;n<3;n++){
			imageid=n+2;

			if(imageid>slist.length){
				break;
				}
			if(skip && skip==imageid){
				skip=skip-1;
				skip=false;
				continue;
				}
			newnum=slidestart+n+ishift;
			image=slist[newnum];
			if(newnum==slidestart){
				sel="class='sel'";
				}
			else{
				sel="";
				}
			if(n==2){
				document.getElementById("thumbnails").innerHTML=document.getElementById("thumbnails").innerHTML+"<span class='thumb2'><a href='?gid="+gid+(moreorless ? "" : "#nav")+"&show="+newnum+"' onclick='nextscreen("+newnum+");return false'><img src='"+thumbpath+image+"' "+sel+"></a></span>";
				}
			else{
				document.getElementById("thumbnails").innerHTML=document.getElementById("thumbnails").innerHTML+"<span class='thumb'><a href='?gid="+gid+(moreorless ? "" : "#nav")+"&show="+newnum+"' onclick='nextscreen("+newnum+");return false'><img src='"+thumbpath+image+"' "+sel+"></a></span>";
				}
			}
		if(slist[slidestart-1]){
			document.getElementById('previousbutton').value='previous';
			document.getElementById('previousbutton').disabled=false;
			document.getElementById('previousbutton').onclick=function(){
				previousscreen();
				}
			}
		else{
			document.getElementById('previousbutton').value='';
			document.getElementById('previousbutton').disabled=true;
			}
		if(slist[slidestart+1]){
			document.getElementById('nextbutton').value='next';
			document.getElementById('nextbutton').disabled=false;
			document.getElementById('nextbutton').onclick=function(){
				nextscreen();
				}
			}
		else{
			document.getElementById('nextbutton').value='';
			document.getElementById('nextbutton').disabled=true;
			}
		if(ssv==1){
			if(document.currentimage.src==imagepath+slist[slidestart]){
				setTimeout('if(ssv==1){slideshow();}',1000*(document.intsel.timesel.selectedIndex+1));
				}
			else{
				document.currentimage.onload=function(){
					setTimeout('if(ssv==1){slideshow();}',1000*(document.intsel.timesel.selectedIndex+1));
					}
				updateTitle(slidestart+1);
				document.currentimage.src=imagepath+slist[slidestart];
				}
			}
		slidestart++;
		}
	else{
		ssv=0;
		slidestart--;
		document.getElementById('slideshowstart').value='finished';
		}
	}
pressnav=0;
doneLoading=false;
function showLoader(){
	if(!doneLoading){
		document.getElementById('aloader').style.visibility='visible';
	}
}

function isNext(){
	document.getElementById('imageHolder').style.cursor='auto';
	if(slist[slidestart+1]){	
		document.getElementById('imageHolder').style.cursor='pointer';
	}
}

function nextscreen(input){
	if(ssv==1){
		slidestart--;
		}
	ssv=0;
	if(pressnav==0){
		pressnav=1;
		}
	else{
		}
	sstopped=0;
	document.getElementById('slideshowstart').value='start slideshow';
	ssv=0;
	document.currentimage.onload=function(){
		}
	document.getElementById('slideshowstart').onclick=function(){
	document.getElementById('slideshowstart').value='stop slideshow';
		ssv=1;
		setTimeout("if(ssv==1){slideshow();}",1000*(document.intsel.timesel.selectedIndex+1));
		}
	if(typeof(input)!='undefined'){
		slidestart=input;	
	}
	else{
		slidestart++;
	}
	if(slist[slidestart]){
		doneLoading=false;
		setTimeout('showLoader()',500);
		skip=0;
		ishift=0;
		if((slidestart-2)<0){
			ishift=-slidestart+2;
			}
		if(slist.length-slidestart<3){
			ishift=-3+slist.length-slidestart;
			}
		if(slist.length<5){
			skip=slist.length;
			ishift=Math.ceil(slist.length/2)-slidestart;
			if(slist.length<3){
				ishift=2-slidestart;
				}
			}
		if(slidestart-1>=0){
			previous=slidestart-1;
			}
		if(slidestart+1<slist.length){
			next=slidestart+1;
			}
		document.getElementById("thumbnails").innerHTML="";
		for(n=-2;n<3;n++){
			imageid=n+2;
			if(imageid>slist.length){
				break;
				}
			if(skip && skip==imageid){
				skip=skip-1;
				skip=false;
				continue;
				}
			newnum=slidestart+n+ishift;
			image=slist[newnum];
			if(newnum==slidestart){
				sel="class='sel'";
				}
			else{
				sel="";
				}
			if(n==2){
				document.getElementById("thumbnails").innerHTML=document.getElementById("thumbnails").innerHTML+"<span class='thumb2'><a href='?gid="+gid+(moreorless ? "" : "#nav")+"&show="+newnum+"' onclick='nextscreen("+newnum+");return false'><img src='"+thumbpath+image+"' "+sel+"></a></span>";
				}
			else{
				document.getElementById("thumbnails").innerHTML=document.getElementById("thumbnails").innerHTML+"<span class='thumb'><a href='?gid="+gid+(moreorless ? "" : "#nav")+"&show="+newnum+"' onclick='nextscreen("+newnum+");return false'><img src='"+thumbpath+image+"' "+sel+"></a></span>";
				}
			}
		if(slist[slidestart-1]){
			document.getElementById('previousbutton').value='previous';
			document.getElementById('previousbutton').disabled=false;
			document.getElementById('previousbutton').onclick=function(){
				previousscreen();
				}
			}
		else{
			document.getElementById('previousbutton').value='';
			document.getElementById('previousbutton').disabled=true;
			}
		if(slist[slidestart+1]){
			document.getElementById('nextbutton').value='next';
			document.getElementById('nextbutton').disabled=false;
			document.getElementById('nextbutton').onclick=function(){
				nextscreen();
				}
			}
		else{
			document.getElementById('nextbutton').value='';
			document.getElementById('nextbutton').disabled=true;
			}
		updateTitle(slidestart+1);


		window.location.hash=( moreorless ? 'nav&show='+slidestart : 'show='+slidestart);
		
		document.currentimage.onload=function(){
			doneLoading=true;
			document.getElementById('aloader').style.visibility='hidden';
			}
			
		document.currentimage.src=imagepath+slist[slidestart];
		}
	else{
		slidestart--;
		}
	isNext();
	}

function updateTitle(to){
	document.title=document.title.replace(/- Image [0-9]* -/gi,"- Image "+to+" -");
	document.getElementById('main').getElementsByTagName('h1')[0].innerHTML=document.getElementById('main').getElementsByTagName('h1')[0].innerHTML.replace(/- Image [0-9]*$/gi,"- Image "+to);
}

function previousscreen(){
	doneLoading=false;
	setTimeout('showLoader()',500);
	if(ssv==1){
		slidestart--;
		}
	ssv=0;
	sstopped=0;
	if(pressnav==0){
		slidestart--;
		pressnav=1;
		}
	else{
		slidestart--;
		}
			document.getElementById('slideshowstart').value='start slideshow';
			ssv=0;
			document.currentimage.onload=function(){
				}
			document.getElementById('slideshowstart').onclick=function(){
				document.getElementById('slideshowstart').value='stop slideshow';
				ssv=1;
				setTimeout("if(ssv==1){slideshow();}",1000*(document.intsel.timesel.selectedIndex+1));
				}
	if(slist[slidestart]){
		skip=0;
		ishift=0;
		if((slidestart-2)<0){
			ishift=-slidestart+2;
			}
		if(slist.length-slidestart<3){
			ishift=-3+slist.length-slidestart;
			}
		if(slist.length<5){
			skip=slist.length;
			ishift=Math.ceil(slist.length/2)-slidestart;
			if(slist.length<3){
				ishift=2-slidestart;
				}
			}
		if(slidestart-1>=0){
			previous=slidestart-1;
			}
		if(slidestart+1<slist.length){
			next=slidestart+1;
			}
		document.getElementById("thumbnails").innerHTML="";
		for(n=-2;n<3;n++){
			imageid=n+2;
			
			if(imageid>slist.length){
				break;
				}
			if(skip && skip==imageid){
				skip=skip-1;
				skip=false;
				continue;
				}
			newnum=slidestart+n+ishift;
			image=slist[newnum];
			if(newnum==slidestart){
				sel="class='sel'";
				}
			else{
				sel="";
				}
			if(n==2){
				document.getElementById("thumbnails").innerHTML=document.getElementById("thumbnails").innerHTML+"<span class='thumb2'><a href='?gid="+gid+(moreorless ? "" : "#nav")+"&show="+newnum+"' ><img src='"+thumbpath+image+"' "+sel+"></a></span>";
				}
			else{
				document.getElementById("thumbnails").innerHTML=document.getElementById("thumbnails").innerHTML+"<span class='thumb'><a href='?gid="+gid+(moreorless ? "" : "#nav")+"&show="+newnum+"' ><img src='"+thumbpath+image+"' "+sel+"></a></span>";
				}
			}
		if(slist[slidestart-1]){
			document.getElementById('previousbutton').value='previous';
			document.getElementById('previousbutton').disabled=false;
			}
		else{
			document.getElementById('previousbutton').value='';
			document.getElementById('previousbutton').disabled=true;
			}
		if(slist[slidestart+1]){
			document.getElementById('nextbutton').value='next';
			document.getElementById('nextbutton').disabled=false;
			}
		else{
			document.getElementById('nextbutton').value='';
			document.getElementById('nextbutton').disabled=true;
			}
		updateTitle(slidestart+1);
		
		window.location.hash=( moreorless ? 'nav&show='+slidestart : 'show='+slidestart);
		
		document.currentimage.onload=function(){
			doneLoading=true;
			document.getElementById('aloader').style.visibility='hidden';
			}
			
		document.currentimage.src=imagepath+slist[slidestart];
		}
	}

function normalmode(){
	document.body.style.backgroundColor=oldbg;
	document.getElementById('fulllink').innerHTML="<a href='javascript:fullimages()'>full screen</a>";
	document.getElementById('main').className='main';
	document.getElementById('main').innerHTML=document.getElementById('main').innerHTML.substr(4,document.getElementById('main').innerHTML.length);
	document.getElementById('page').style.width=oldwd;
	document.getElementById('page').style.backgroundImage=oldbgim;

	document.getElementById('gametitle').style.display='block';
	document.getElementById('bottom').innerHTML=oldbthtml;
	document.getElementById('bottom').style.display='block';
	document.onselectstart=null;
}
var oldbg;
var oldwd;
var oldbgim;
var oldbthtml;
function fullimages(){

	oldbg=document.body.style.backgroundColor;
	document.body.style.backgroundColor='white';
	
	document.getElementById('fulllink').innerHTML="<a href='javascript:normalmode()'>normal mode</a>";
	document.getElementById('main').className='mainfull';
	document.getElementById('main').innerHTML='<BR>'+document.getElementById('main').innerHTML;
	
	oldwd=document.getElementById('page').style.width;
	document.getElementById('page').style.width='100%';
	
	oldbgim=document.getElementById('page').style.backgroundImage;
	
	document.getElementById('page').style.backgroundImage='none';
	document.getElementById('gametitle').style.display='none';
	oldbthtml=document.getElementById('bottom').innerHTML;
	document.getElementById('bottom').innerHTML='';
	document.getElementById('bottom').style.display='none';
	document.onselectstart=function(){
		return false;
		}
	document.getElementById('imageholder').style.maxWidth=null;
	document.getElementById('imageholder').style.maxHeight=null;
	}

function setToShow(){
	if(window.location.hash.search(/show=/)>=0 ){
		hash=window.location.hash;
		hash=hash.substr(hash.indexOf('show=')+5,hash.length);
		if(hash.indexOf('&')>=0){
			hash=hash.substr(0,hash.indexOf('&'));
			}
		href='media.php?gid='+gid+'&show='+hash;
		location.href=href;
		}
	}