function portfoliopage_changeThumbnail(index){
	var thumbImage=ge("thumb");
	thumbImage.src=tPath+artList.getElementAt(index).thumbnail;
	var ts=ge("textStatement");
	ts.value=artList.getElementAt(index).statement;
	ge("price").value="$"+ShoppingCart.fix(artList.getElementAt(index).price,"soft");
}

function portfoliopage_update()
{
	artSelector.highlightButton(artSelector.selectedIndex);
	artList.select(artSelector.selectedIndex);
}

nch="<h1>Sculptures</h1><table width=100% cellspacing=0 cellpadding=0 align=left>"+
"<tr><td style='color:"+DARK_COLOR+";'><nobr>1. Choose a catagory:</nobr></td><td>"+
artSelector.getHtml()+"</td></tr></table>";

wch="<p style='color:"+DARK_COLOR+";'>2. Select a title from the list below:</p>"+
artList.getHtml();

ech="<img id=thumb src='"+top.tPath+"default.gif' "+
"width=100 height=100 vspace=10 class=gBorder><br />"+
"<input id=price type=text size=10 style='border:none; background-color:transparent;'></input>";

sch="<textarea id=textStatement value='' rows=4 style='font:bold 8pt Arial,"+
"Helvitica,sans-serif; border:none; background-color:transparent; text-align:center; "+
"width:95%;' readonly=readonly></textarea>";

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

portfolioPage = new Page("Portfolio");
portfolioPage.paintLayout(PAINT_LAYOUT);
portfolioPage.createPageHtml(container);
portfolioPage.changeThumbnail=portfoliopage_changeThumbnail;
portfolioPage.update=portfoliopage_update;