/*
 * CSS Photo Shuffler v1.0 by
 * Carl Camera
 * http://iamacamera.org
 * 
 * SetOpacity Function and inpiration from Photo Fade by
 * Richard Rutter
 * http://clagnut.com
 * 
 * License: Creative Commons Attribution 2.5  License
 * http://creativecommons.org/licenses/by/2.5/
 * 
 * Customize your photo shuffle settings
 * 
 * Surround the target < img /> with a < div >. specify id= in both
 * The first and final photo displayed is in the html <img> tag
 * The array contains paths to photos you want in the rotation.
 * If you want the first photo in the rotation, then it's best to
 * put it as the final array image.  All photos must be same dimension
 * The rotations variable specifies how many times to repeat array.
 * images. zero is a valid rotation value.
 */
 
try {
  document.execCommand("BackgroundImageCache", false, true);
} catch(err) {
}

var gblPhotoShufflerDivId = "splashdiv";
var gblPhotoShufflerImgId = "splashimg";
var gblImg = new Array(
  
                      "http://aktiespil.borsen.dk/kollage/img/index_splash/bilen?novary=1187611139",
                    "http://aktiespil.borsen.dk/kollage/img/index_splash/kollegaer?novary=1187369388",
                    "http://aktiespil.borsen.dk/kollage/img/index_splash/kuffert?novary=1187369380",
                    "http://aktiespil.borsen.dk/kollage/img/index_splash/splash_bil_2009.jpg?novary=1253184588",
                    "http://aktiespil.borsen.dk/kollage/img/index_splash/spurt?novary=1187369384",
                    "http://aktiespil.borsen.dk/kollage/img/index_splash/ugepraemier?novary=1187369392",
                    "http://aktiespil.borsen.dk/kollage/img/index_splash/venner?novary=1187369376",
              "http://aktiespil.borsen.dk/kollage/img/index_splash/venner?novary=1187369376"
      );

// Cache...
imgCache = new Array;
  tmpImg = new Image();
  tmpImg.src = "http://aktiespil.borsen.dk/kollage/img/index_splash/aktiespil?novary=1187369368";
  imgCache[0] = tmpImg;
  tmpImg = new Image();
  tmpImg.src = "http://aktiespil.borsen.dk/kollage/img/index_splash/bilen?novary=1187611139";
  imgCache[1] = tmpImg;
  tmpImg = new Image();
  tmpImg.src = "http://aktiespil.borsen.dk/kollage/img/index_splash/kollegaer?novary=1187369388";
  imgCache[2] = tmpImg;
  tmpImg = new Image();
  tmpImg.src = "http://aktiespil.borsen.dk/kollage/img/index_splash/kuffert?novary=1187369380";
  imgCache[3] = tmpImg;
  tmpImg = new Image();
  tmpImg.src = "http://aktiespil.borsen.dk/kollage/img/index_splash/splash_bil_2009.jpg?novary=1253184588";
  imgCache[4] = tmpImg;
  tmpImg = new Image();
  tmpImg.src = "http://aktiespil.borsen.dk/kollage/img/index_splash/spurt?novary=1187369384";
  imgCache[5] = tmpImg;
  tmpImg = new Image();
  tmpImg.src = "http://aktiespil.borsen.dk/kollage/img/index_splash/ugepraemier?novary=1187369392";
  imgCache[6] = tmpImg;
  tmpImg = new Image();
  tmpImg.src = "http://aktiespil.borsen.dk/kollage/img/index_splash/venner?novary=1187369376";
  imgCache[7] = tmpImg;

var gblPauseSeconds = 5.00;
var gblFadeSeconds = .85;
var gblRotations = 5;

// End Customization section

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

window.onload = photoShufflerLaunch;

function photoShufflerLaunch() 
{
  var theimg = document.getElementById(gblPhotoShufflerImgId);
  gblStartImg = theimg.src; // save away to show as final image
  document.getElementById(gblPhotoShufflerDivId).style.backgroundImage='url(' + gblImg[gblOnDeck] + ')';
  setTimeout("photoShufflerFade()",gblPauseSeconds*1000);
}

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

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
  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;
}