<!-- 
/* with many thanks to http://brainerror.net/scripts/javascript/blendtrans/
 * and http://clagnut.com/sandbox/imagefades/
 */

	var pictures = new Array();
	var picture_index = 0;
	var picture_array_length = 0;
	var imagePath = "";
	var lastProduct = "";

   function loopimages(fadeID, imagePath, pictureArray, displayTime)
   {
		this.pictures = pictureArray;
		this.picture_array_length = pictures.length;
		this.imagePath = imagePath;
	
		var transitionTime = displayTime/4;
		setInterval("orderedTransition('" + fadeID + "', " + transitionTime + ")", displayTime);
   }
   
   function transition(fadeID, newSrc, transitionTime)
   {
   	fade(fadeID, 100, 0, transitionTime);
   	setTimeout("blendimage('" + fadeID + "', '" + newSrc + "', " + transitionTime + ")", transitionTime + 500);
   }
   
   function orderedTransition(fadeID, transitionTime)
   {
		//reset picture index if necessary
		if(picture_index >= picture_array_length)
			picture_index = 0;
			
   	transition(fadeID, imagePath + pictures[picture_index] + '.jpg', transitionTime);
   	picture_index++;
	}
	
	/* unused for the moment */
   function randomTransition(fadeID, transitionTime)
   {
   	var index = getRandomNumber(pictures.length);
    
		//make sure to display a different image each time we transition
   	while (pictures[index] == lastProduct)
   		index = getRandomNumber(pictures.length);
   	lastProduct = pictures[index];
   
   	transition(fadeID, imagePath + pictures[index] + '.jpg', transitionTime)
   }
   
   function blendimage(fadeID, imageFile, speed) { 
       //make image transparent 
       changeOpac(0, fadeID);
   
       //make new image
       document.getElementById("fade").src = imageFile;
   
       //fade in image 
   		fade(fadeID, 0, 100, speed);
   }
   
   function fade(id, opacStart, opacEnd, millisec) { 
       //speed for each frame 
       var speed = Math.round(millisec / 100); 
       var timer = 0; 
   
       //determine the direction for the blending, if start and end are the same nothing happens 
       if(opacStart > opacEnd) { 
           for(i = opacStart; i >= opacEnd; i--) { 
               setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
               timer++; 
           } 
       } else if(opacStart < opacEnd) { 
           for(i = opacStart; i <= opacEnd; i++) 
               { 
               setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
               timer++; 
           } 
       } 
   }
   
   //change the opacity for different browsers 
   function changeOpac(opacity, id) { 
       var object = document.getElementById(id).style; 
       object.opacity = (opacity / 100); 
       object.MozOpacity = (opacity / 100); 
       object.KhtmlOpacity = (opacity / 100); 
       object.filter = "alpha(opacity=" + opacity + ")"; 
   }
   
   function getRandomNumber(range)
   {
   	var imageindex = Math.floor(Math.random()*range);
   	return imageindex;
   }
-->