var base="http://www.fruit4london.co.uk/logofruit/";
 var sources=["apple.png","goldenapple.png","granny apple.png",
	       "nec.png", "orange.png", "peach.png", "white grapes.png" 
	      ,"plum.png",  "yello plum2.png", "yellow plum.png"];
 var sources2=["cherries.png","dates.png",
	      "grapes.png",  "pear.png", 
	      "strawberry.png", "pinapple.png"];
var value=0;
function initImage() {
    var imageId = 'swapping_image';
   // var otherId= 'swapping_image2';
    document.getElementById(imageId).src=base + sources[value];
    image = document.getElementById(imageId);
   // image2=document.getElementById(otherId);
    setOpacity(image, 100);
    //setOpacity(image2, 100);
    image.style.visibility = 'visible';
   // image2.style.visibility = 'visible';
    var dynim= new dynamicImage(imageId, sources);
   // var dynim2= new dynamicImage(otherId, sources2)
    
    doTheBiz(dynim);
   // window.setTimeout(doTheBiz, 5000,dynim2);
 
}

function dynamicImage(imageId, sources){
  this.value=0;
  this.sources=sources;
  this.imageId=imageId;
  this.maxvalue=maxValue(this.sources);
}
function doTheChange(id, val, sources){
  swapOut(id, val,sources );
  window.setTimeout("fadeIn('"+id+"',0)",1000);
  
}

function maxValue(sources){
  return (sources.length-1);
}
function swapOut(imageId,value, sources){
   var image = document.getElementById(imageId);
    image.src= base + sources[value];
}
function doTheBiz(dynim){
 
  if (dynim.value >= ((dynim.sources.length)-1)){
    dynim.value=0;
  }else{
    dynim.value++;
  }
  
  setTimeout("fadeOut('"+dynim.imageId + "', 100)", 5000);
  setTimeout(doTheChange,7000,dynim.imageId ,dynim.value, dynim.sources);
  setTimeout(doTheBiz,9000, dynim);
  
	     
  
}
function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}


function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
}
function fadeOut(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity >= 0) {
      setOpacity(obj, opacity);
      opacity -= 10;
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 150);
    }
  }
}