// Copyright 2007, Sally Balick. All Rights Reserved.


function displayPaintingsList() {
    var nCols = 3;
    var sb = new StringBuffer();

    sb.append("<table cellpadding=3>");
    for(var i = 0; i < paintings.length ; i+=nCols) {
    	sb.append("<tr>");
	for(var j = 0 ; j < nCols ; j++) {
	    var n = i+j;
	    if(n < paintings.length) {
		var p = paintings[n];
		var sizeStr = p.isVertical ? "height=90" : "width=100";
		sb.append("<td align=center>");
		sb.append("  <a href='javascript:clickThumb(" + n + ")'><img " + sizeStr + " src='imgs/thumbs/" + p.src + "' border=0></a>");
		sb.append("</td><td class=pInfo>");
		sb.append("  <div class=pTitle>" + p.title + "</div>");
		sb.append(p.kind + " - " + p.size);
		if(p.sold == true)
		    sb.append(" - <span class=sold>SOLD</span>");
		else if(p.price != undefined) 
		    sb.append(" - $" + p.price);
		sb.append("</td>");
	    }
	}
	sb.append("</tr>");
    }
    sb.append("</table>");
    document.getElementById("dispDiv").innerHTML = sb.toString();
}

// the painting currently displayed
var paintIdx = 0;

function clickThumb(n) {
    paintIdx = n;
    paintOne();
}



function goPrev() {
    slideShowOn = false;
    if((--paintIdx) < 0)
	paintIdx = paintings.length-1;
    paintOne();
}
function goNext() {
    slideShowOn = false;
    if((++paintIdx) >= paintings.length)
	paintIdx = 0;
    paintOne();
    cacheNext();
}

function cacheNext() {
    cacheIdx = paintIdx+1;
    if(cacheIdx >= paintings.length)
	cacheIdx = 0;
    document.getElementById("cachePix").src = "imgs/pix/" + paintings[cacheIdx].src;
}

function paintOne() {
    var sb = new StringBuffer();
    var p = paintings[paintIdx];
    sb.append("<center><table cellspacing=5>");
    sb.append(" <tr><td colspan=3 align=center>");
    sb.append("   <a href='Paintings.html' target=_top><img src='imgs/pix/" + p.src + "' height=450 border=0></a>");
    sb.append(" </td></tr>");
    sb.append(" <tr>");
    sb.append("  <td><img src='imgs/sys/prev.png' align=middle onclick='goPrev();'></td>");
    sb.append("  <td align=center>");
    sb.append("   <div class=pTitle>" + p.title + "</div>");
    sb.append("   <div class=pInfo>" + p.kind + " - " + p.size);
    if(p.sold == true)
	sb.append(" - <span class=sold>SOLD</span>");
    else if(p.price != undefined) 
	sb.append(" - $" + p.price);
    sb.append("   </div>");
    sb.append("  </td>");
    sb.append("  <td align=right><a href='javascript:goNext()'><img src='imgs/sys/next.png' align=middle border=0></a></td>");
    sb.append(" </tr>");
    sb.append(" <tr>");
    sb.append("  <td colspan=3 align=center><a href='javascript:toggleSlideShow()'>" +
	      "<img id=slideShowImg src='imgs/sys/slideshow.png' align=middle border=0></a></td>");
    sb.append(" </tr>");
    sb.append("</table></center>");
    document.getElementById("dispDiv").innerHTML = sb.toString();
}

var slideShowOn = false;
function toggleSlideShow() {
    slideShowOn = !slideShowOn;
    document.getElementById("slideShowImg").src = slideShowOn ? "imgs/sys/slideshow_pause.png" : "imgs/sys/slideshow.png";
    if(slideShowOn)
	slideShowTick();
}

function slideShowTick() {
    if(slideShowOn) {
	goNext();
	slideShowOn = true;
	setTimeout("slideShowTick()", 3000);
    }
}

function init() {
    displayPaintingsList();
}