function showNavBar() {
	var count = sampleImage.length;
	var navbarNumber = '';
	
	
	with (document) {
		writeln('<table cellspacing="0" cellpadding="0" border="0" width="700" height="100%">');
		writeln('<tr align="center">');
		for (var i=0;i<count;i++) {
			if (i<9) {
				navbarNumber='0'+(i+1);
			}
			else {
				navbarNumber = i+1
			}
			writeln('<td width="10">&nbsp;</td>');
			writeln('<td id="navtd'+i+'" width="20" onMouseOver="if(this.bgColor==\'\'){this.bgColor=\'#d1cd91\'}" onMouseOut="if(this.bgColor==\'#d1cd91\'){this.bgColor=\'\'}" onClick="showImage(this,'+i+')"><a href="javascript:void(0)" class="nav_number">'+navbarNumber+'</a></td>');
		}
		writeln('<td width="*">&nbsp;</td>');
		writeln('</tr>');
		writeln('</table>');
	}
}

function showImage(t,n) {
	for (var i=0;i<sampleImage.length;i++) {
		document.getElementById('navtd'+i).bgColor = "";
	}
	t.bgColor = '#bab45c';
	document.getElementById('SampleName').innerHTML = sampleName[n];
	document.getElementById('SampleImage').src = 'images\\'+sampleImage[n];
}