﻿function swapLImg(hColorID) {
    var imageLoc = document.getElementById('actionShot' + hColorID);
    if (imageLoc.src != '' && imageLoc.src != document.getElementById(lImgID).src) {
        document.getElementById('largeracerImgDiv').style.backgroundImage = 'url(' + imageLoc.src + ')';
        gblOldImg = document.getElementById(lImgID);
        gblNewImg = imageLoc;
		photoFade();
    }
}

var gblOpacity = 100;
var gblFadeSeconds = .85;
var gblNewImg;
var gblOldImg;
function photoFade() {
  	var theimg = gblOldImg;
	
  	// determine delta based on number of fade seconds
	// the slower the fade the more increments needed
        var fadeDelta = 100 / (30 * gblFadeSeconds);

	// fade top out to reveal bottom image
	if (gblOpacity < 2*fadeDelta ) 
	{
	  gblOldImg.src = gblNewImg.src;
	  gblOpacity = 100;
	  setOpacity(theimg,gblOpacity);
	}
	else
	{
	  gblOpacity -= fadeDelta;
	  setOpacity(theimg,gblOpacity);
	  setTimeout("photoFade()",30);  // 1/30th of a second
	}
}

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;
}
