var gblPhotoShufflerDivId = "photodiv";
var gblPhotoShufflerImgId = "photoimg"; 
var gblImg = new Array(
  "/embrace/img/slides/screen1.jpg",
  "/embrace/img/slides/screen2.jpg",
  "/embrace/img/slides/screen3.jpg"
  );
var gblPauseSeconds = 4;
var gblFadeSeconds = .85;
var gblRotations = 0;

var gblDeckSize = gblImg.length;
var gblOpacity = 100;
var gblOnDeck = 0;
var gblStartImg;
var gblImageRotations = gblDeckSize * (gblRotations+1);

var isIE;
var isGecko;
var isSafari;
var isKonqueror;
var isEditable = false;

//Sniff some of the browser settings...(still needed!! I don't care what the CSS guys say!!)
var browser = navigator.userAgent.toLowerCase();
isIE = ((browser .indexOf( "msie" ) != -1) && (browser .indexOf( "opera" ) == -1) && (browser .indexOf( "webtv" ) == -1));
isGecko = (browser .indexOf( "gecko" ) != -1);
isSafari = (browser .indexOf( "safari" ) != -1);
isKonqueror = (browser.indexOf( "konqueror" ) != -1);


  window.onload = photoShufflerLaunch;
  
  function excludePhotoShuffle()
  {
  	return isKonqueror;
  }
  	
  function photoShufflerLaunch()
  {
  	if(excludePhotoShuffle()) return;
  	
  	var theimg = document.getElementById(gblPhotoShufflerImgId);
        gblStartImg = theimg.src; // save away to show as final image

	document.getElementById(gblPhotoShufflerDivId).style.backgroundImage='url(' + gblImg[gblOnDeck] + ')';
	photoShufflerFade();	
  }

  function photoShufflerFade()
  {
  	var theimg = document.getElementById(gblPhotoShufflerImgId);
	
  	// 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 ) 
	{
	 // stop the rotation if we're done
	  if (gblImageRotations < 1) 
	  {
	  	finishfade();
	  	return;
	  }
	  gblOpacity = 100;	 
	  photoShufflerShuffle();
	  // pause before next fade
          setTimeout("photoShufflerFade()",gblPauseSeconds*1000);
	}
	else
	{		
	  gblOpacity -= fadeDelta;
	  setOpacity(theimg,gblOpacity);
	  setTimeout("photoShufflerFade()",30);  // 1/30th of a second
	}
  }
  
  function finishfade()
  {
  	var theimg = document.getElementById(gblPhotoShufflerImgId);
  	theimg.style.filter="none";
  	theimg.style.display="none";
  }

  function photoShufflerShuffle()
  {
	var thediv = document.getElementById(gblPhotoShufflerDivId);
	var theimg = document.getElementById(gblPhotoShufflerImgId);
	
	// copy div background-image to img.src
	theimg.src = gblImg[gblOnDeck];
	// set img opacity to 100
	setOpacity(theimg,100);

        // shuffle the deck
	gblOnDeck = ++gblOnDeck % gblDeckSize;
	// decrement rotation counter
	if (--gblImageRotations < 1)
	{
	  // insert start/final image if we're done
	  gblImg[gblOnDeck] = gblStartImg;
	}

	// slide next image underneath
	thediv.style.backgroundImage='url(' + gblImg[gblOnDeck] + ')';
  }

  function setOpacity(obj, opacity) {
    opacity = (opacity == 100)?99.999:opacity;


    // IE/Win
    if(isIE)
    obj.style.filter = "alpha(opacity:"+opacity+")";
    
    // Safari<1.2, Konqueror
    if(isKonqueror || isSafari)
    obj.style.KHTMLOpacity = opacity/100;

// Older Mozilla and Firefox
	if(isGecko)    
    obj.style.MozOpacity = opacity/100;

    // Safari 1.2, newer Firefox and Mozilla, CSS3
    if(isGecko)
    obj.style.opacity = opacity/100;
  }