categoryArray = new Array("Oil","Watercolor","Drawing","Ink","Monoprint")
//subCategoryArray = new Array("0Still Life","1Landscape","2Natural Element","3Floral","4Figure")
subCategoryArray = new Array("Still Life","Landscape","Habitat","Floral","Figure")
numCat = new Array()
numSubCat = new Array()
artFile = ""


function drawTable() {
	counter=0
	htmlCode = 'Click on a thumbnail to view the complete image.<br>'
	//if (navigator.userAgent.indexOf('AOL') >= 0) document.write('<span class=footnote1>Warning: Your AOL browser may prevent you from viewing the larger versions of these images.  Please open Internet Explorer or another browser to fully enjoy this site.</span><br><br>')
	htmlCode += "<table class='galleryTable'>\n"
	for (row in dataArray) {
		counter++
		if (counter == 1 || (counter-1)%3 == 0) htmlCode += "\t<tr>\n"
		htmlCode += "\t\t<td valign=top class='artCell' onclick='viewArt(" + row + ")' onmouseover='highLight(this)' onmouseout='unhighLight(this)'>"
		htmlCode += "<img src='art/" + dataArray[row][8] + "' width=120 height=90 border=0 alt='" + dataArray[row][0] + "'><br>\t"
		htmlCode += "<b>" + dataArray[row][0] + "</b><br>" //NAME
		htmlCode += categoryArray[dataArray[row][1]] + "<br>" //CATEGORY
		if (dataArray[row][4]) htmlCode += dataArray[row][4] + "in. " //CANVAS SIZE
		if (dataArray[row][5]) htmlCode += "(" + dataArray[row][5] + ")" //FRAME SIZE
		if (dataArray[row][4] || dataArray[row][5]) htmlCode += "<br>"
		if (dataArray[row][6] && dataArray[row][6] == "Sold") htmlCode += dataArray[row][6] + " " //PRICE
		if (dataArray[row][3] && dataArray[row][6] != "Sold") htmlCode += dataArray[row][3] //FRAMED
		htmlCode += "</td>\n"
		if (counter%3 == 0 || row+1 == dataArray.length) htmlCode += "\t</tr>\n"
	}
	htmlCode += "<table>\n"
	htmlCode += '<br><span class=footnote1>Note: Frame or mat sizes are in parentheses.  Sizes are accurate to within .5in.</span>'

	htmlCode += '<hr noshade color="#e3e7e8" size=1>'
	htmlCode += '<span class=footnote2>Copyright &#169;2010 Cynthia Lewis.  <a href="javascript:disclaimer()">Disclaimers</a><br>'
	htmlCode += 'Site designed by <a href="http://www.shermanvision.com/" target=_blank>ShermanVision</a>.</span><br><br>'
	
	document.getElementById('contentLayer').innerHTML = htmlCode 

}


function highLight(i,n) {
	i.style.backgroundColor = "#e4f2f8"
	i.style.cursor = "pointer"
	i.style.cursor = "hand"
}
		
function unhighLight(i,n) {
	i.style.backgroundColor = "transparent"
}

function viewArt(i) {
	artFile = "art/" + dataArray[i][7]
	artWindow = window.open("galleryPH.html",'gallerywindow','width=700,height=570,toolbar=no,location=no,directories=no,status=yes,menubar=no,scrollbars=yes,resizable=yes')
	artWindow.resizeTo(700,570)
	artWindow.focus()
}

function drawPainting() {
	artWindow.document.artImage.src = artFile
}