function archivespage_stateChanged(source, index){
	if(archives.eventType=="onmouseover"){
		var imgObj=ge("archivesThumb");
		imgObj.src=tPath+archives.getElementAt(index).thumbnail;
	}
}

nch="<h1>Archives</h1>";

cch="<p style='color:"+DARK_COLOR+";'><small>Select an "+
"item:</small></p>"+archives.getHtml();

ech="<img id=archivesThumb src='"+tPath+"default.gif' "+
"width=100 height=100 class=gBorder>";

container = new Container();
container.paintLayout(PAINT_LAYOUT);
container.setSpacing(CONTAINER_SPACING);
container.setNorthComponent(nch,"top","center");
container.setWestComponent(cch,"top");
container.setEastComponent(ech,"top");

archivesPage = new Page("Archives");
archivesPage.paintLayout(PAINT_LAYOUT);
archivesPage.createPageHtml(container);
archivesPage.stateChanged=archivespage_stateChanged;