//thumbnail scripts
//these scripts are used to automate the display of thumbnails on the page

pics_dir="pics";
thumb_border="CCCCCC";


//sets up picture array
function setup_pics_array(){
	pics = eval("new Array("+pics_qty+")");
	for(i=0; i<pics_qty; i++){
		pics[i] = pic_root+(pics_start+i);
	}
}



//displays and sets up thumbnails
function show_thumbs(){
	pics_per_row=pics_qty/rows_qty;
	//generates "row_qty" number of rows
	for(rownum=0; rownum<rows_qty; rownum++){
		document.write("				<TR>\n");
		// generates a single row with "pics+per+row" number of pictures per row
		for(picnum=rownum*pics_per_row; picnum<rownum*pics_per_row+pics_per_row; picnum++){
			// generates individual thumbnail within table (table is used for border only) within <TD>
			document.write("					<TD ALIGN='right'>\n");
			document.write("						<TABLE BORDER='0' CELLSPACING='0' CELLPADDING='2' BGCOLOR='#"+thumb_border+"'>\n");
			document.write("							<TR>\n");
			document.write("						  	<TD><A HREF="+'"'+"javascript: showlarge('"+pics[picnum]+"')"+'"'+"><IMG SRC='"+pics_dir+"/"+pics[picnum]+"_th.jpg' BORDER='0' name='pic"+picnum+"'></A></TD>\n"); <!--WIDTH='53' HEIGHT='40' //-->
			document.write("							</TR>\n");
			document.write("						</TABLE>\n");
			document.write("					</TD>\n");
		}
		document.write("				</TR>\n");
		//generates space between rows
		document.write("				<TR>\n");
		document.write("					<TD><IMG SRC='images/spacer.gif' WIDTH='1' HEIGHT='20'></TD>\n");
		document.write("				</TR>\n");
	}
}





//displays and sets up thumbnails for portfolio
function show_thumbs_portfolio(){
	pics_per_row=pics_qty/rows_qty;
	//generates "row_qty" number of rows
	for(rownum=0; rownum<rows_qty; rownum++){
		document.write("				<TR>\n");
		// generates a single row with "pics+per+row" number of pictures per row
		for(picnum=rownum*pics_per_row; picnum<rownum*pics_per_row+pics_per_row; picnum++){
			// generates individual thumbnail within table (table is used for border only) within <TD>
			document.write("					<TD ALIGN='center'>\n");
			document.write("						<TABLE BORDER='0' CELLSPACING='0' CELLPADDING='2' BGCOLOR='#"+thumb_border+"'>\n");
			document.write("							<TR>\n");
//			document.write("						  	<TD><A HREF=" + '"' + "javascript: floater.focus()" + '"' + " onmouseover="+'"'+"showlarge_portfolio('" + picnum + "')"+'"'+" onMouseOut='floater.close();'><IMG SRC='"+pics_dir+"/"+pics[picnum]+"_th.jpg' BORDER='0'></A></TD>\n"); <!--WIDTH='53' HEIGHT='40' //-->
			document.write("						  	<TD><A HREF="+'"'+"javascript:showlarge_portfolio('" + picnum + "')"+'"'+" onMouseOut='hideFloater();'><IMG SRC='"+pics_dir+"/"+pics[picnum]+"_th.jpg' BORDER='0'></A></TD>\n"); <!--WIDTH='53' HEIGHT='40' //-->
			document.write("							</TR>\n");
			document.write("						</TABLE>\n");
			document.write("					</TD>\n");
		}
		document.write("				</TR>\n");
		//generates space between rows
		document.write("				<TR>\n");
		document.write("					<TD><IMG SRC='images/spacer.gif' WIDTH='1' HEIGHT='20'></TD>\n");
		document.write("				</TR>\n");
	}
}








//sets up page links
function show_page_links(){
	for(i=0; i<page_qty; i++){
		if((i+1)!=currentpage){
			document.write("						<A HREF='"+page_name_root+(i+1)+".htm'>"+(i+1)+"</A><img src='images/spacer.gif' width='7' height='1'>");
		} 
		else {
			document.write("						"+(i+1)+"<img src='images/spacer.gif' width='7' height='1'>");
		}
	}
}