function printPreviewTable() {
    var startTable = "<table width=\"300\" border=\"0\" cellspacing=\"2\" cellpadding=\"2\">\n";
	var endTable = "</table>";
	var row = "<tr>\n"+
            	"<td><a href=\"#\" onClick=\"JavaScript:showPict(pict1)\"><image src=\"image1\" border=0 width=99 height=99></a></td>\n"+
            	"<td><a href=\"#\" onClick=\"JavaScript:showPict(pict2)\"><image src=\"image2\" border=0 width=99 height=99></a></td>\n"+
            	"<td><a href=\"#\" onClick=\"JavaScript:showPict(pict3)\"><image src=\"image3\" border=0 width=99 height=99></a></td>\n"+
          	  "</tr>\n";
	var tableSrc = startTable; 
	for(var i =0; i < imageObject.images.length; i++) {
	    var path1 = "images/blank.gif";
		var path2 = "images/blank.gif";
		var path3 = "images/blank.gif";
		var i1 = -1;
		var i2 = -1;
		var i3 = -1;
	    var path1 = imageObject.path + "/icons/" + imageObject.images[i].filename;
		i1 = i;
		i++; 
		if(i < imageObject.images.length) {
		   path2 = imageObject.path + "/icons/" + imageObject.images[i].filename;
		   i2 = i;
		}
		i++;
		if(i < imageObject.images.length) {
		   path3 = imageObject.path + "/icons/" + imageObject.images[i].filename;
		   i3 = i;
		}
		var myRow = row; 
		myRow = myRow.replace("image1", path1);
		myRow = myRow.replace("image2", path2);
		myRow = myRow.replace("image3", path3);
		myRow = myRow.replace("pict1", i1);
		myRow = myRow.replace("pict2", i2);
		myRow = myRow.replace("pict3", i3);
		tableSrc = tableSrc + "\n" + myRow;
	}
	tableSrc = tableSrc + "\n" + endTable;
	var previewDiv = document.getElementById('preview');
	previewDiv.innerHTML = tableSrc;
	return true;
}
var currentImg  = -1;
function showPict(pict) {
  if(pict < 0)
     return false;
  currentImg = pict;
  var theDiv = document.getElementById('picts');
  var theImg = document.getElementById('picts_img');
  var imageSrc = imageObject.path + "/" + imageObject.images[pict].filename;
  theImg.src = 'images/blank.gif';
  theDiv.width = imageObject.images[pict].width+"px";
  theDiv.height = imageObject.images[pict].height+"px";
  theImg.src = imageSrc;
  theImg.width = imageObject.images[pict].width;
  theImg.height = imageObject.images[pict].height;
  theImg.onmousedown = right;
  theImg.onmouseup = right;
  return true;
}
function nextImage() {
   var x = currentImg + 1;
   if(x >= imageObject.images.length)
     x = 0;
    showPict(x);
}
function previousImage() {
     var x = currentImg - 1;
   if(x < 0)
     x = 0;
    showPict(x);
}
function right(e) {
	var msg = "Sorry, you don't have permission to right-click.";
	if (document.all && event.button==2) {
	    alert(msg);
	    return false;
	}
	else if(e.button == 2) {
	    alert(msg);
	    return false;
        }
           return true;
}
