var viewerType = "0";
var fetchedImages = {};
var imgThumbArr = [];
var numberToPreload = 8;
var preloadCount = 0;
var arrayindex = 0;
var zoomimages=0;
var tszoom=0;
function fetchImage( id, image) 
{
fetchedImages[id] = {};
fetchedImages[id].image = image;
imgThumbArr[arrayindex] = id;
arrayindex++;
if(preloadCount < numberToPreload) 
   {
     var imagePreloader = new Image();
     imagePreloader.src = image;
     preloadCount++;
   }
}

var allPreloaded = 0;
function showImageViewer( id )
{
    document.getElementById('imageViewerDiv').style.width = 300;
    document.getElementById('imageViewerDiv').style.height = 300;
    document.getElementById('imageViewerDiv').style.visibility = "visible";

    document.getElementById('imageViewerDiv').innerHTML = '<img src="" id="prodImage" />';
    document.getElementById('prodImage').src = fetchedImages[id].image;

    for ( elementID in fetchedImages )
    {
      if ( !allPreloaded )
      {
        var imagePreloader = new Image();
        imagePreloader.src = fetchedImages[elementID].image;
      }
    }
    allPreloaded = 1;
}

function setImageBorder(id) 
{
   if(document.getElementById)
    {
	for (var i=0; i < imgThumbArr.length; i++ )
        {
           if (document.getElementById(imgThumbArr[i]))
           {
	     document.getElementById(imgThumbArr[i]).className = 'image';
           }
	}
	document.getElementById(id).className = 'imgborderon';
     }
    else if (document.layers)
   {
        for (var i=0; i < imgThumbArr.length; i++ )
        {
	  if (document.imgThumbArr[i])
          {
            document.imgThumbArr[i].className = 'image';
	  }
	}
	document.id.className = 'imgborderon';
   }
   else
  {
        for (var i=0; i < imgThumbArr.length; i++ )
        {
          if (document.all.imgThumbArr[i])
          {
	    document.all.imgThumbArr[i].className = 'image';
          }
	}
 	document.all.id.className = 'imgborderon';
  }
}