var image_array_size;

var alt1 = 'There are more images. Click here to open thumbnails panel';
var timg = '<img src="./images/mi.gif"' +
           'title="' + alt1 + '" alt="' + alt1 + '" onmouseover="this.style.cursor=\'pointer\'" onclick="openThumbWindow()">';

var imgtitle;

var vtimer = null;

function nextImage()
{
  if(++currentidx >= img.length)
    currentidx = 0;
  showPano(currentidx);
}

function prevImage()
{
  if(--currentidx < 0)
    currentidx = img.length - 1;
  showPano(currentidx);
}

function showPano(idx)
{
  if(idx < 0)
    return;

  clearTimeout(vtimer);

  var e0 = document.getElementById("mainview");
  var e1 = document.getElementById("titlecell");

  image_array_size = img.length;
  
  e0.style.overflow='hidden';

  if(img.length == 0)
  {
    e0.innerHTML  = ' ';
    e1.innerHTML = ' ';
    return;
  }
  var Wt = twidth - 28;
  var Ht = Math.round(Wt / 2);
  currentidx = idx;
  var path = img[idx].img;
  if(img[idx].author != "")
    imgtitle = '<b>'+img[idx].title+'</b>&nbsp;&nbsp;&nbsp;Author: '+img[idx].author+'&nbsp;&nbsp;';
  else
    imgtitle = '<b>'+img[idx].title+'&nbsp;&nbsp;';
  var thtml = '';

  var ihtml =
    ' <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"'
              + 'codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"'
              + 'width="100%" height="100%" border=0>'
        + '<param  name="movie" value="'+path+'">'
        + '<param name="allowFullScreen" value="true">'
        + '<param name="quality" value="high">'
        + '<param name="play" value="true">'
        + '<param name="cache" value="true">'
        + '<embed  width="100%" height="100%"'
                + 'pluginspage="http://www.macromedia.com/go/getflashplayer"'
                + 'type="application/x-shockwave-flash"'
                + 'src="'+path+'"'
                + 'quality="high"'
                + 'play="true"'
                + 'cache="true"'
                + 'allowFullScreen="true">'
      + '</object>';
  e0.innerHTML  = ihtml;
  e1.innerHTML = '<center><span style="text-align:center;font-size:10pt;font-weight:bold">CLICK AND DRAG THE IMAGE TO ROTATE, USE MOUSE WHEEL TO ZOOM</span></center>';

  vtimer = setTimeout("setTitle()", 9000);
}

function showImageByNo(idx)
{
  currentidx = idx;
  setMode(0, 0);
}

function showThumbs()
{
  var e0 = document.getElementById("mainview");
  var w1 = getEW(e0);
  var n1 = Math.floor(w1 / 230);
  e0.style.overflow='auto';
  var thtml = '<center>';
  var count = 0;
  for(var i = 0; i < img.length; i++)
  {
    var bcol;
    if(i == currentidx)
      bcol = 'red';
    else
      bcol = 'lightgray';
    thtml +=
      '<a href="javascript:showImageByNo('+i+')">'+
      '<img src="'+img[i].thmb+'" style="width:220;height:110;border:5px solid '+bcol+'"'+
      ' alt="' + img[i].title + '" title="' + img[i].title + '"></a>';
    count++;
  }
  thtml += '</center>';
  e0.innerHTML = thtml;
}

function setTitle()
{
  if(viewmode == 0)
    document.getElementById("titlecell").innerHTML = imgtitle;
  else
    document.getElementById("titlecell").innerHTML = '';
}

function pausecomp(millis)
{
  var date = new Date();
  var curDate = null;

  do
  {
    curDate = new Date();
  }
  while(curDate - date < millis);
}

function closeThumbWindow()
{
  var e1 = document.getElementById("thumbcell");
  var e4 = document.getElementById("ctrlcell");
  var w1 = parseInt(getEW(e1));
  var dw = 18 - w1;
  
  setEW(e1, w1 + dw);
  setEW(e4, w1 + dw);

  setEW(document.getElementById("ctrltd"),w1 + dw);
  setEW(document.getElementById("thumbtd"),w1 + dw);

  e1.innerHTML = '';
  e4.innerHTML = '';
  e1.innerHTML = timg;
  
  alert(w1 + dw);
  return;
}

function openThumbWindow()
{
  var e1 = document.getElementById("thumbcell");
  var e4 = document.getElementById("ctrlcell");
  var w1 = parseInt(getEW(e1));
  var dw = twidth - w1;
  setEW(e1, w1 + dw);
  e1.innerHTML = '';
  e4.innerHTML = '';
  e1.innerHTML = timg;
//  twbusy = false;
  var Wt = twidth - 28;
  var Ht = Math.round(Wt / 2);
  var thtml = '<center><b>More images</b></center><br/>';
  for(var i = 0; i < image_array_size; i++)
  {
    if(i != currentidx)
    {
      thtml +=
        '<a href="javascript:showPano(' + i + ')"><img src="' +
        img[i].thmb + '" width=' + Wt + 'height=' + Ht + 'border="1"' +
        ' alt="' + img[i].title + '" title="' + img[i].title + '"></a>';
    }
  }
  var alt = "Click here to hide thumbnail panel";
  e1.innerHTML = thtml;
  chtml = '<img src="./images/htb.jpg"' +
  ' title="' + alt + '" alt="' + alt + '" onmouseover="this.style.cursor=\'pointer\'" onclick="closeThumbWindow()">';
  e4.innerHTML = chtml;


  return;
}