<!-- Image fading script -->
 
<SCRIPT LANGUAGE="JavaScript" type="text/javascript"> 
<!--
document.write("<style type='text/css'>#thephoto {visibility:hidden;} #photoholder {background-image: url(media/woodridgeplanters/wp1.jpg);}</style>");
 
  var currentlink = 0;
  var currentimage = 1;
  var delay = 1500;
  var newbrowser = true;
 
  if(document.images)
 {
    imagepics = new Array();	
    imagepics[0] = new Image();
    imagepics[0].src = "media/woodridgeplanters/wp1.jpg";
    imagepics[1] = new Image();
    imagepics[1].src = "media/woodridgeplanters/wp2.jpg";
    imagepics[2] = new Image();
    imagepics[2].src = "media/woodridgeplanters/wp3.jpg";
    imagepics[3] = new Image();
    imagepics[3].src = "media/woodridgeplanters/wp4.jpg";
    imagepics[4] = new Image();
    imagepics[4].src = "media/woodridgeplanters/wp5.jpg";
    imagepics[5] = new Image();
    imagepics[5].src = "media/woodridgeplanters/wp6.jpg";
   }		
		
  function imagechanger(from) {
    
    if(document.images) {
 
       document.images[from].src = imagepics[currentimage].src;
         imageId = from;
         image = document.getElementById(imageId);
         setOpacity(image, 0);
         image.style.visibility = "visible";
         fadeIn(imageId,0, 1500);  
	
      if (currentimage < imagepics.length-1)
           currentimage = currentimage + 1;     
      else 
           currentimage = 0;
    }
 
}
 
function fadeIn(objId,opacity, iTimeout) {
      if (document.getElementById) {
           obj = document.getElementById(objId);
            if (opacity <= 98) {
	setOpacity(obj, opacity);
	opacity += 2;
	window.setTimeout("fadeIn('"+objId+"',"+opacity+")", iTimeout);
           }        
            else if (opacity >= 100) {
                   opacity = 0;    
                   setOpacity(obj, 0);      
                   document.getElementById("photoholder").style.backgroundImage = "url(" + obj.src + ")";
                   // for debug only uncomment as required
                   //alert(currentimage);                   
                   setTimeout(" imagechanger('" + objId + "')", delay);
          }       
                  
    }            
}
 
function setOpacity(obj, opacity) {
	obj.style.filter = "alpha(opacity:"+opacity+")";
	obj.style.KHTMLOpacity = opacity/100;
	obj.style.MozOpacity = opacity/100;
	obj.style.opacity = opacity/100;
}	
  //-->

