var fetchedImages = {};
var imgThumbArr = [];

var numberToPreload = 8;
var preloadCount = 0;
var arrayindex = 0;
var allPreloaded = 0;
var OldThumb = null;

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++;
   }

}

function showImageViewer( id, thumb )
{
	var imageViewer;
	var prodImage;

	imageViewer = document.getElementById('imageViewer');
	imageViewer.style.visibility = "visible";
	imageViewer.innerHTML = '<img src="" id="prodImage" />';
	
	prodImage = document.getElementById('prodImage');
	prodImage.src = fetchedImages[id].image;
	
	//prodImage.style.width = '280px';
	//prodImage.style.height = '280px';
	
	document.getElementById(thumb).style.borderColor = 'red';
	
	if(OldThumb != null)
		document.getElementById(OldThumb).style.borderColor = 'silver';
		
	OldThumb = thumb;
	
	for ( elementID in fetchedImages )
	{
	  if ( !allPreloaded )
	  {
		var imagePreloader = new Image();
		imagePreloader.src = fetchedImages[elementID].image;
	  }
	}
	allPreloaded = 1;
}

function ViewProductImage(url) 
{
    window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=530,height=580,screenX=0,screenY=0,top=150,left=150')
}