﻿var i, j ;
//主題設定
var tableTitleAlign = 'center' ;
var tableTitleBgcolor = '#CAE6E6' ;
tableTitle = new Array() ;
tableTitle[0] = 'Product Photo' ; 
tableTitle[1] = 'Product Name' ; 
tableTitle[2] = 'Product Specification' ; 

//項目設定
itemBgcolor = new Array() ;
itemBgcolor[0] = '#F2F2F2' ; 
itemBgcolor[1] = '#FFFFFF' ; 


itemAlign = new Array() ;
itemAlign[0] = 'center' ;
itemAlign[1] = 'center' ;
itemAlign[2] = 'left' ;

itemWidth = new Array() ;
itemWidth[0] = '20%' ;
itemWidth[1] = '20%' ;
itemWidth[2] = '60%' ;

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<ImageTitle.length; i++) 
{
	document.write('<tr bgcolor="' + itemBgcolor[eval(i%2)] +'">') ;	
	document.write('<td align="' + itemAlign[0] + '" align="middle">') ;
	if (i<9) {
		//document.write('<a href="javascript:;" onClick=\"OpenWindow(\''+ ImageTitle[i] +'\',\''+ImageURL + 'image0' + eval(i+1) +'.jpg\')\">') ;
		document.write('<a href="javascript:;" onClick=\"OpenWindow(\''+ rightFrameTitle +'\',\''+ImageURL + 'image0' + eval(i+1) +'.jpg\')\">') ;
		document.write('<img src="' + ImageURL + 'image0' + eval(i+1) + '.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+1) +'.jpg\')\">') ;
		document.write('<img src="' + ImageURL + 'image' +  eval(i+1) + '.jpg" width="90" height="60" border="0" onMouseover="this.style.filter=\'gray\'" onMouseout="this.style.filter=\'none\'">') ;
	}
	document.write('</a>') ;
	document.write('</td>') ;											
	document.write('<td align="' + itemAlign[1] + '" align="middle">' + ImageTitle[i] + '</td>') ;
	document.write('<td align="' + itemAlign[2] + '" align="middle">' + ImageContent[i] + '</td>') ;
	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>') ;
}


