var pageCurrent = 1;
var objPage = null;

function writePageControls() {
	document.writeln ('<div class="toolBar" align="left" style="margin-left:5px"><span onclick="pageJump(100)" class="controlElem">Show Thumbnails</span>&nbsp;&nbsp;|&nbsp;&nbsp;');
	if (pageCurrent!=1) document.writeln ('<div onclick="pageTurn(\'back\')" class="controlElem">&laquo; prev pic </div>... ');
	else document.writeln ('&laquo; prev pic ... ');
	for (i=1;i<=pageTotal;i++) {
		if (i==pageCurrent) document.write (i)
		else document.write ('<div onclick="pageJump('+i+')" class="controlElem">'+i+'</div>');
		if (i!=pageTotal) document.write('&nbsp;&nbsp;');
	}
	if (pageCurrent!=pageTotal) document.writeln ('&nbsp;... <div onclick="pageTurn(\'next\')" class="controlElem">next pic &raquo;</div>');
	else document.writeln (' ... next pic &raquo;');
	document.writeln ('</div>');
	
	//document.writeln (' <br clear="all"/>');
	
	if (pageCurrent==pageTotal) pageCurrent=1;
	else pageCurrent++;
}

function pageTurn(direction) {
	if ((direction=='back') && (pageCurrent!=1)) pageCurrent--;
	if ((direction=='next') && (pageCurrent!=pageTotal)) pageCurrent++;
	if (objPage) objPage.style.display = 'none';
	pageName = 'page' + pageCurrent;
	objPage=document.getElementById(pageName);
	objPage.style.display = 'block';
	}
	
function pageJump(pageName) {
	if(!pageName) pageName=1;
	if (objPage) objPage.style.display = 'none';
	pageCurrent = pageName;
	pageName = 'page' + pageCurrent;
	objPage=document.getElementById(pageName);
	objPage.style.display = 'block';
	}