thumbsDir=new Array();
thumbsArray=new Array();
preloadedimages=new Array();
timeouts=new Array();

function isloaded(img) {
  if (!img.complete)
    return false;
  if (typeof img.naturalWidth != "undefined" && img.naturalWidth == 0)
    return false;
  return true;
}

function loadimage(path, id, num){
  if (typeof(preloadedimages[id][num])!='undefined')
    return;
  preloadedimages[id][num]=new Image();
  preloadedimages[id][num].src=path+thumbsArray[id][num];
}

function showimage(path, id, cnt, num){
  if (!isloaded(preloadedimages[id][num])){
    timeouts[id]=setTimeout("showimage('"+path+"', "+id+", "+cnt+", "+num+")", 50);
    return;
  }
  document.getElementById('img_src_'+id).src=preloadedimages[id][num].src;
  if (++num==cnt)
    num=0;
  loadimage(path, id, num);
  timeouts[id]=setTimeout("showimage('"+path+"', "+id+", "+cnt+", "+num+")", 700);
}

function startPreview(id){
  path=thumbsDir[id];
  num=thumbsArray[id].length;
  if (typeof(preloadedimages[id])=='undefined')
    preloadedimages[id]=new Array();
  loadimage(path, id, 1);
  timeouts[id]=setTimeout("showimage('"+path+"', "+id+", "+num+", 1)", 300);
  loadimage(path, id, 0);
}

function stopPreview(id){
  clearTimeout(timeouts[id]);
  document.getElementById('img_src_'+id).src=preloadedimages[id][0].src;
}

function toggleDisplay (id) {
	if (document.getElementById(id).display == 'none') {
		document.getElementById(id).display = '';
	}
	else {
		document.getElementById(id).display = 'none';
	}
}

//rotating thumb functions
var changing_thumbs = new Array();
function changeThumb(index, i, num_thumbs, path)
{
	if (changing_thumbs[index])
	{
		hidden_image_id = (i + 1) % num_thumbs;

		document.getElementById(index).src = path + "/small" + i + ".jpg";
		document.getElementById("hidden_image").src = path + "/small" + hidden_image_id + ".jpg";

		i = i % num_thumbs;
		i++;
		setTimeout("changeThumb('" + index + "'," + i + ", " + num_thumbs + ", '" + path + "')", 600);
	}
}
function startThumbChange(index, num_thumbs, path)
{
	changing_thumbs[index] = true;

	changeThumb(index, 1, num_thumbs, path);
}
function endThumbChange(index, path)
{
	changing_thumbs[index] = false;
	document.getElementById(index).src = path + "/small.jpg";
}