// ****************************************
// IMAGE FADING
// ****************************************
curImageId = 1;
var b = new Array();
loopCount = 1;
loopMax = -1;
noFade = false;
fadeDelay = 100
imgDelay = 3000
imgDir = '';

function fadeImage(objId,objId2,opacity) {

  if (document.getElementById) {
    obj = document.getElementById(objId);
    obj2 = document.getElementById(objId2);
	timeDelay = fadeDelay;
	if(opacity == -2) {
		// Initializing Loop
		timeDelay = 0;
		opacity = 0;
	}
	else if(opacity == -1) {
		// New Image in Loop
		setOpacity(obj2, 0);
		obj2.style.visibility = 'hidden';
		obj2.src = b[objId][curImageId].src;
		opacity = 0;
		timeDelay = imgDelay;
	}
	else if(opacity <= 100) {
		// fade Image
	  obj2.style.visibility = 'visible';
      if(!noFade) {
		  setOpacity(obj2, opacity);
    	  setOpacity(obj, 100-opacity);
		}
	  opacity += 10;
    }
	else {
		// set new Image
		if(curImageId < (b[objId].length-1))	curImageId++;
		else				{
			loopCount++;
			if(loopCount<=loopMax || loopMax==-1)	curImageId=0;
		}

		obj.src = obj2.src;
		setOpacity(obj, 100);
		opacity = -1;
	}

	if(loopCount<=loopMax || loopMax==-1)	window.setTimeout("fadeImage('"+objId+"','"+objId2+"',"+opacity+")", timeDelay);
  }
}

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 initImage(idImg1, idImg2, imgList) {
	imgArr = imgList.split(",");
	b[idImg1] = new Array();
	for(i=0; i<imgArr.length; i++) {
		b[idImg1][i] = new Image(); 
		b[idImg1][i].src = imgDir+imgArr[i];
	}

  imageId = idImg1;
  imageId2 = idImg2;
  image = document.getElementById(imageId);
  image2 = document.getElementById(imageId2);
  setOpacity(image, 100);
  setOpacity(image2, 0);
  image.style.visibility = 'visible';
  image2.style.visibility = 'visible';
  fadeImage(imageId,imageId2,-2);
}

