var pageCurrent = 100;
var objPage = null;

function writePageControls() {
	document.writeln ('<div class="toolBar" align="left"><span onclick="pageJump(100)" class="controlElem">Show Thumbnails</span><br>');
	
	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; ');
		}
	if (pageCurrent!=1) document.writeln ('<BR><div onclick="pageTurn(\'back\')" class="controlElem">&laquo; prev &nbsp;</div> ');
	else document.writeln ('<BR>&laquo; prev&nbsp;');
	if (pageCurrent!=pageTotal) document.writeln ('|&nbsp; <div onclick="pageTurn(\'next\')" class="controlElem">next &raquo;</div>');
	else document.writeln ('|&nbsp; next &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';
	}