var videoPreviewArray = new Array("1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12");
var arrayIdx = 0;
var previewStarted = false;
var videoPreviewInterval;
var videoRestartTimeout;
var currentImageObject = '';
var currentVnumImage = '';
var size = '';

function preloadImages(vnum, size) {

	//preload images
	if (document.images)
    {
      //imageObjectArray = new Array();
      for (var i = 0 ; i<videoPreviewArray.length ; i++) {
    	  var imageObject = new Image();
    	  imageObject.src = "http://rpcache.rpcache.com/images/"+vnum+"/crop/"+size+"/nt/"+videoPreviewArray[i]+".jpg";
    	  //imageObjectArray[i] = imageObject;
      }
    }
}

function initVideoPreview(imgOb, vnum, sizeParam) {
	
	if (previewStarted == false) {
		arrayIdx = 0;
		currentImageObject = imgOb;
		currentVnumImage = vnum;
		size = sizeParam;
		
		// show first image as soon as mouseover occur
		newUrl = "http://rpcache.rpcache.com/images/"+currentVnumImage+"/crop/"+size+"/nt/"+videoPreviewArray[arrayIdx]+".jpg";
		currentImageObject.setAttribute("src",newUrl);
		
		previewStarted = true;
		videoPreviewInterval = setInterval("previewVideo()", 700);
	}
}

function previewVideo() {
	
	arrayIdx = (arrayIdx + 1) % videoPreviewArray.length;
		
	newUrl = "http://rpcache.rpcache.com/images/"+currentVnumImage+"/crop/"+size+"/nt/"+videoPreviewArray[arrayIdx]+".jpg";
	currentImageObject.setAttribute("src",newUrl);
		
	if (arrayIdx == videoPreviewArray.length - 1) {
		clearInterval(videoPreviewInterval);
		previewStarted = false;
		videoRestartTimeout = setTimeout("initVideoPreview(currentImageObject, '"+currentVnumImage+"', '"+size+"')", 700*3);
	}
}

function stopVideoPreview() {

	clearTimeout(videoRestartTimeout);
	clearInterval(videoPreviewInterval);
	currentImageObject.setAttribute("src","http://rpcache.rpcache.com/images/"+currentVnumImage+"/presentation/"+size+"/nt/1.jpg");
	currentVnumImage = "";
	previewStarted = false;
}

/* Previewer with image preloading */
var idx = 1;
var picNumber = 12;
function initVideoCachedPreview() {	
	// show first image as soon as mouseover occur
	var image = document.getElementById("img1");
	image.style.display = "";
	setInterval("cachedPreviewVideo()", 700);
}

function cachedPreviewVideo() {

	var image = document.getElementById("img"+idx);
	image.style.display = "none";
	
	idx = idx%picNumber + 1;

	var image = document.getElementById("img"+idx);
	image.style.display = "";
}