var gblPhotoShufflerDivId = "photodiv";
var gblPhotoShufflerImgId = "PHOTOIMG";
var gblImg = new Array(
"/user_data/packages/template1/img/shop/toppage/01.jpg",
"/user_data/packages/template1/img/shop/toppage/02.jpg",
"/user_data/packages/template1/img/shop/toppage/03.jpg",
"/user_data/packages/template1/img/shop/toppage/04.jpg",
"/user_data/packages/template1/img/shop/toppage/05.jpg"
);
var gblPauseSeconds = 2.60;
var gblFadeSeconds = 2.60;
var gblRotations = 0;



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);
	
		var fadeDelta = 100 / (30 * gblFadeSeconds);

		if (gblOpacity < 2*fadeDelta )
		{
			gblOpacity = 100;
			if (gblImageRotations < 1) return;
			photoShufflerShuffle();
			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);
	
		theimg.src = gblImg[gblOnDeck];
		setOpacity(theimg,100);

		gblOnDeck = ++gblOnDeck % gblDeckSize;
		if (--gblImageRotations < 1)
			{
				  gblImg[gblOnDeck] = gblStartImg;
			}

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



// JavaScript Document