var i, j ;
//主題設定
var tableTitleAlign = 'center' ;
var tableTitleBgcolor = '#CAE6E6' ;
tableTitle = new Array() ;
tableTitle[0] = '&nbsp;' ; 
tableTitle[1] = '&nbsp;' ; 
tableTitle[2] = '&nbsp;' ; 
tableTitle[3] = '&nbsp;' ;

//項目設定
itemBgcolor = new Array() ;
itemBgcolor[0] = '#FFFFFF' ; 
itemBgcolor[1] = '#F2F2F2' ; 

itemAlign = new Array() ;
itemAlign[0] = 'center' ;
itemAlign[1] = 'center' ;
itemAlign[2] = 'center' ;
itemAlign[3] = 'center' ;

itemWidth = new Array() ;
itemWidth[0] = '25%' ;
itemWidth[1] = '25%' ;
itemWidth[2] = '25%' ;
itemWidth[3] = '25%' ;

document.write('<table width="100%" border="0" align="center" cellpadding="1" cellspacing="1">') ;

//Table Title
document.write('<tr align="' + tableTitleAlign + '" bgcolor="' + tableTitleBgcolor + '">') ;
for (i=0; i<tableTitle.length; i++) 
{
	document.write('<td width="' + itemWidth[i] + '">' + tableTitle[i] + '</td>') ;
}
document.write('</tr>') ;

//Table Item
for (i=0; i<Math.ceil(ImageCount/RowCount); i++) 
{
	document.write('<tr bgcolor="' + itemBgcolor[0] +'">') ;
	
	for (j=1; j<=RowCount; j++) 
	{
		if (eval(i*RowCount+j)<=ImageCount){
			document.write('<td align="' + itemAlign[j-1] + '">') ;			
			if (i*RowCount+j<10){
				document.write('<a href="javascript:;" onClick=\"OpenWindow(\''+ rightFrameTitle +'\',\''+ImageURL + 'image0' + eval(i*RowCount+j) +'.jpg\')\">') ;
				document.write('<img src="' + ImageURL + 'image0' + eval(i*RowCount+j) + '.jpg" width="90" height="60" border="0" onMouseover="this.style.filter=\'gray\'" onMouseout="this.style.filter=\'none\'">') ;

			} else {
				document.write('<a href="javascript:;" onClick=\"OpenWindow(\''+ rightFrameTitle +'\',\''+ImageURL + 'image' + eval(i*RowCount+j) +'.jpg\')\">') ;
				document.write('<img src="' + ImageURL + 'image' +  eval(i*RowCount+j) + '.jpg" width="90" height="60" border="0" onMouseover="this.style.filter=\'gray\'" onMouseout="this.style.filter=\'none\'">') ;
			}			
			document.write('</a>') ;
			document.write('</td>') ;	
		 } else {
		 	for (k=1; k<=RowCount-(ImageCount%RowCount); k++) 		
				document.write('<td align="' + itemAlign[j-1] + '">&nbsp;</td>') ;	
			break ;
		 } 		
	}

	document.write("</tr>");
	
	document.write('<tr bgcolor="' + itemBgcolor[1] +'">') ;
	
	for (j=1; j<=RowCount; j++) 
	{
		if (eval(i*RowCount+j)<=ImageCount){			
			document.write('<td align="' + itemAlign[j-1] + '">' + ImageTitle[eval(i*RowCount+j-1)] +'</td>');								 		
		 } else {
		 	for (k=1; k<=RowCount-(ImageCount%RowCount); k++) 		
				document.write("<td>&nbsp;</td>");
			break ;
		 } 		
	}

	document.write("</tr>");				 
} 
document.write("</table>") ;	


function OpenWindow(ImageTitle, ImageURL) { 
	var wd ;
	wd = window.open('about:blank','','top=0,left=0,width=320,height=225') ; 	
	wd.document.write('<html><head><title>' + ImageTitle + '</title></head>') ;
	wd.document.write('<body><img src="' + ImageURL + '" width="300" height="200"></body></html>') ;
}


