function update_slide()
{
	document.getElementById('slide').src = image_filename[current_slide];
	document.getElementById('slide_text').innerHTML = image_text[current_slide];
}

function previous()
{
	if (current_slide == 0)
		current_slide = total_images-1;
	else
		current_slide--;
		
	update_slide();
}


function next()
{
	if (current_slide == total_images-1)
		current_slide = 0;
	else
		current_slide++;
		
	update_slide();
}


function draw_slideshow()
{
	document.write('<div style="text-align:center">');
	document.write('<form>');
	document.write('<input type="button" name="prev_slide" id="prev_slide" value="&lt;&lt; Prev" onclick="previous();" onfocus="this.blur();" />');
	document.write('<input type="button" name="next_slide" id="next_slide" value="Next &gt;&gt;" onclick="next();" onfocus="this.blur();" />');
	document.write('</form>');
	document.write('<div id="slide_text">' + image_text[0] + '</div>');
	document.write('<img src="' + image_filename[0] + '" id="slide" />');
	document.write('</div>');
}