function updatepic(id) {
	var pic = new Image();
	pic.src= '/images/'+ills[id][1]+'1.jpg';
	var prev_id = (id > 0) ? id-1 : ills.length-1;
	var next_id = (id >= ills.length-1) ? 0 : id+1;
	imgObj = document.getElementById('imglink');
	if (imgObj) {
		imgObj.innerHTML =
		(!window.noClickToEnlarge ? '<a href="'+ills[id][1]+'-b.html" target="_blank">' : '')+
		'<img id="image" name="image" border=0 align=center class="image">'+
		(!window.noClickToEnlarge ? '</a>' : '');
		setTimeout("changeImgSrc("+id+")", 60);
	}
	textObj = document.getElementById('text');
	if (textObj) {
		textObj.innerHTML = ills[id][0];
	}
	toolsObj = document.getElementById('tools');
	if (toolsObj) {
		toolsObj.innerHTML =
		'<table width="100%">'+
		'  <tr>'+
		'  <td align=left>'+
		'<a href="javascript:;" onclick="updatepic('+prev_id+')">'+
		'<img src=/images/leftarrow.gif border=0></a></td> '+
		'  <td align=center>'+
		'<a href="'+ills[id][1]+'-b.html" target="_blank">'+
		'<img src=/images/magnify.gif border=0></a></td> '+
		'  <td align=right>'+
		'<a href="javascript:;" onclick="updatepic('+next_id+')">'+
		'<img src=/images/rightarrow.gif border=0></a></td> '+
		'</tr>'+
		'</table>';
	}
}

function changeImgSrc(id) {
	document.images["image"].src = '/images/'+ills[id][1]+'1.jpg';
}	

function generatethumbs() {
	document.write('<table align=center border=0 width=100% cellpadding=5 align=center >');
	for (var i=0; i<ills.length; i++) {
		var even = (i%2 == 0);
		if ( even ) document.write("<tr>");
		document.write(
			'<td>'+
				'<a href="javascript:;" onclick="updatepic('+i+')">'+
					'<img src=/images/'+ills[i][1]+'2.jpg border=0 >'+
				'</a>'+
			'</td>');
		if (!even) document.write("</tr>");
	}
	if (ills.length % 2 != 0) 
		document.write("</tr>");
	document.write("</table>");
}

function linkArrows() {
    if (window.nextpage && nextpage != "") {
	document.getElementById("nextlink").innerHTML = "<a href="+nextpage+"><img "+
	"src=/images/fastrightsmall.gif name=\"right\" onMouseOver=\"imgOn('right', "+
	"'right')\" onMouseOut=\"imgOff('right','right')\" border=0></a>";	document.getElementById("arrowtext").innerHTML="<p class=small id=arrowtext>more</p>"; 
    }
   
    if (window.prevpage && prevpage != "") {
        document.getElementById("prevlink").innerHTML = "<a href="+prevpage+"><img src=/images/fastleftsmall.gif name=\"left\" onMouseOver=\"imgOn('left', 'left')\" onMouseOut=\"imgOff('left','left')\" border=0></a>";document.getElementById("arrowtext").innerHTML="<p class=small id=arrowtext>more</p>";
    }
}