var PG_imageindex = 0;
var PG_images;

function change_image(next) {
	var picstring = "PG_pic";
	var turnOff = document.getElementById(picstring+PG_imageindex);
	turnOff.className="off";

	if (next == 9999) {
		PG_imageindex++;
		if (PG_imageindex > (PG_images.length - 1)) {
			PG_imageindex=0;
		}
	}
	else if (next == 9998) {
		PG_imageindex--;
		if (PG_imageindex < 0) {
			PG_imageindex = PG_images.length-1;
		}
	}
	else {
		PG_imageindex = next;
	}
	
	PG_image.src = PG_images[PG_imageindex];
	var turnOn = document.getElementById(picstring+PG_imageindex);
	turnOn.className="on";
}

function photo_gallery(image_array, width) {
	document.write('<table width='+width+'>');
	document.write('<tr><td>');
	document.write('<div class="fscleft"><a href="/" class="buttonOn" onClick="change_image(9998); return false; "></a></div>');
	document.write('</td><td align="center"><div class="dots">');
	for (i=0; i < image_array.length; i++) {
	    if (i == 0) {
		    document.write('<wbr><a id="PG_pic'+i+'" href="/" class="on" onClick="change_image('+i+'); return false; "><strong>dot</strong></a>');
		}
		else {
			document.write('<wbr><a id="PG_pic'+i+'" href="/" class="off" onClick="change_image('+i+'); return false; "><strong>dot</strong></a>');
		}
	}
	document.write('</div></td><td>');
	document.write('<div class="fscright"><a href="/" class="buttonOn" onClick="change_image(9999); return false; "></a></div>');
	document.write('</td></tr>');
	document.write('<tr><td colspan="3" width="'+width+'">');
	document.write('<img name="PG_image" src="'+image_array[0]+'" width="'+width+'" />');
	document.write('</td>');
	document.write('</table>');

    PG_images = image_array;
}