d = document;

var bar_colour = "#cee3bd";

if (location.search){
//d.write(location.search.substring(1));
var image = location.search.substring(1);

var i = photos.length;
while (i-- && photos[i] !=image){}
var currentImageIndex = (i<0)? 0 : i;

var numImgs = photos.length;
var nextImageIndex = (currentImageIndex + 1) % numImgs;
var prevImageIndex = (currentImageIndex - 1 + numImgs) % numImgs;

page = window.location.href;
file = page.substring (page.lastIndexOf('/') + 1, page.length -11);

d.write('<table width="100%" class="photos" style="margin-bottom:2px;font-size:90%;" cellpadding="2" cellspacing="2" border="0">')
d.write('<tr bgcolor="'+bar_colour+'">')
d.write('<td align="center">');

if(currentImageIndex == 0){
d.write('<font color="#527900">« </font>')
}

else
d.write('<a href='+file+'?'+photos[prevImageIndex]+' style="color:#000000">« </a>');

d.write('</td><td align="center"><a href="'+file+'" style="color:#000000">'+library+'</a></td>');

var thisImage = currentImageIndex +1;

d.write('<td align="center">');

if (currentImageIndex == numImgs -1){
d.write(' <font color="#527900"> »</font>')
}

else
d.write(' <a href='+file+'?'+photos[nextImageIndex]+' style="color:#000000"> »</a>')

d.write('</td></tr>')


if(image){

d.write('<tr><td colspan="3" align="center" bgcolor="#f5f5f5" style="padding:0px;">')

d.write('<img src="images/'+directory+'_photos/'+image+'">')
d.write('</td></tr>')

}

d.write('<tr bgcolor="'+bar_colour+'">')
d.write('<td align="center" valign="top">')
d.write('<font color="#000000">')
d.write(location.search.substring(1))
d.write('</font></td>')
d.write('<td align="center" valign="top">')
d.write('<font color="#000000">'+thisImage +' of '+photos.length+'</font>')
d.write('</td>');
d.write('<td align="center" valign="top"><a href="images/download.cgi?path='+directory+'_download&file='+image+'" style="color:#000000;">Download</a></td></tr></table>')
//d.write('<td align="center" valign="top"><a href="images/'+directory+'_originals/'+image+'" style="color:#000000;">Download</a></td></tr></table>')

/*
d.write('<table style="margin-top:2px;font-size:90%;" width="500" cellpadding="0" cellspacing="2" border="0">')
d.write('<tr><td align="center" colspan="3">')
d.write('<font color="#527900">')
d.write(descriptions[currentImageIndex]);
d.write('</font>')
d.write('</td></tr></table>')
*/

d.write('<br>')

}

else {

for(var i = 0; i <photos.length; i++)
document.write("<a href=?"+photos[i]+"><img src=images/"+directory+"_thumbs/"+photos[i]+" hspace=2 style=\"margin-right:2px;margin-bottom:2px;\" title=\"View "+photos[i]+"\" border=1></a> ");

d.write('<br>')
d.write('<br>')

}