function popupwin(str_url,h,w,scrolling) {
	vars = "height="+h+",width="+w+",left="+(screen.width/2-(w/2))+",top="+(screen.height/2-(h/2))+",scrollbars="+ scrolling +",toolbar=no,status=no"
	focus_win = window.open(str_url,'newwin',vars)
	focus_win.window.focus()
	}
	
var gblPhotoShufflerDivId = "photodiv";
var gblPhotoShufflerImgId = "photoimg"; 
var gblImg = new Array(
		"sitepix/swapper/Box/1.jpg",
		"sitepix/swapper/Box/2.jpg",
		"sitepix/swapper/Box/3.jpg",
		"sitepix/swapper/Box/4.jpg"
    );

var gblPhotoShufflerDivId1 = "photodiv1";
var gblPhotoShufflerImgId1 = "photoimg1"; 
var gblImg1 = new Array(
		"sitepix/swapper/Box1/1.jpg",
		"sitepix/swapper/Box1/2.jpg",
		"sitepix/swapper/Box1/3.jpg",
		"sitepix/swapper/Box1/4.jpg"
    );
    
var gblPhotoShufflerDivId2 = "photodiv2";
var gblPhotoShufflerImgId2 = "photoimg2"; 
var gblImg2 = new Array(
		"sitepix/swapper/Box2/1.jpg",
		"sitepix/swapper/Box2/2.jpg",
		"sitepix/swapper/Box2/3.jpg",
		"sitepix/swapper/Box2/4.jpg"
    );
    
var gblPhotoShufflerDivId3 = "photodiv3";
var gblPhotoShufflerImgId3 = "photoimg3"; 
var gblImg3 = new Array(
		"sitepix/swapper/Box3/1.jpg",
		"sitepix/swapper/Box3/2.jpg",
		"sitepix/swapper/Box3/3.jpg",
		"sitepix/swapper/Box3/4.jpg"
    );
    
var gblPhotoShufflerDivId4 = "photodiv4";
var gblPhotoShufflerImgId4 = "photoimg4"; 
var gblImg4 = new Array(
		"sitepix/swapper/Box4/1.jpg",
		"sitepix/swapper/Box4/2.jpg",
		"sitepix/swapper/Box4/3.jpg",
		"sitepix/swapper/Box4/4.jpg"
    );
    
var gblPhotoShufflerDivId5 = "photodiv5";
var gblPhotoShufflerImgId5 = "photoimg5"; 
var gblImg5 = new Array(
		"sitepix/swapper/Box5/1.jpg",
		"sitepix/swapper/Box5/2.jpg",
		"sitepix/swapper/Box5/3.jpg",
		"sitepix/swapper/Box5/4.jpg"
    );    

var gblPauseSeconds = 5.5;
var gblFadeSeconds = 1.25;
var gblRotations = 5;

var jscript/*@cc_on=@_jscript_version@*/  
  if (self.jscript < 5.7)
  {gblFadeSeconds = 0}

  // End Customization section
  
var gblDeckSize = gblImg.length;
var gblDeckSize1 = gblImg1.length;
var gblDeckSize2 = gblImg2.length;
var gblDeckSize3 = gblImg3.length;
var gblDeckSize4 = gblImg4.length;
var gblDeckSize5 = gblImg5.length;
var gblOpacity = 100;

var gblOnDeck = Math.round(Math.random()*3);
var gblOnDeck1 = Math.round(Math.random()*3);
var gblOnDeck2 = Math.round(Math.random()*3);
var gblOnDeck3 = Math.round(Math.random()*3);
var gblOnDeck4 = Math.round(Math.random()*3);
var gblOnDeck5 = Math.round(Math.random()*3);

var gblStartImg;
var gblImageRotations = gblDeckSize * (gblRotations+1);
var gblImageRotations1 = gblDeckSize1 * (gblRotations+1);
var gblImageRotations2 = gblDeckSize2 * (gblRotations+1);
var gblImageRotations3 = gblDeckSize3 * (gblRotations+1);
var gblImageRotations4 = gblDeckSize4 * (gblRotations+1);
var gblImageRotations5 = gblDeckSize5 * (gblRotations+1);

window.onload = photoShufflerLaunch;
  
function photoShufflerLaunch()
  {
  	var theimg = document.getElementById(gblPhotoShufflerImgId);
        gblStartImg = theimg.src; // save away to show as final image
  	var theimg1 = document.getElementById(gblPhotoShufflerImgId1);
        gblStartImg1 = theimg1.src; // save away to show as final image
  	var theimg2 = document.getElementById(gblPhotoShufflerImgId2);
        gblStartImg2 = theimg2.src; // save away to show as final image
  	var theimg3 = document.getElementById(gblPhotoShufflerImgId3);
        gblStartImg3 = theimg3.src; // save away to show as final image
  	var theimg4 = document.getElementById(gblPhotoShufflerImgId4);
        gblStartImg4 = theimg4.src; // save away to show as final image
    var theimg5 = document.getElementById(gblPhotoShufflerImgId5);
        gblStartImg5 = theimg5.src; // save away to show as final image    

	document.getElementById(gblPhotoShufflerDivId).style.backgroundImage='url(' + gblImg[gblOnDeck] + ')';
	document.getElementById(gblPhotoShufflerDivId1).style.backgroundImage='url(' + gblImg1[gblOnDeck1] + ')';
	document.getElementById(gblPhotoShufflerDivId2).style.backgroundImage='url(' + gblImg2[gblOnDeck2] + ')';
	document.getElementById(gblPhotoShufflerDivId3).style.backgroundImage='url(' + gblImg3[gblOnDeck3] + ')';
	document.getElementById(gblPhotoShufflerDivId4).style.backgroundImage='url(' + gblImg4[gblOnDeck4] + ')';
	document.getElementById(gblPhotoShufflerDivId5).style.backgroundImage='url(' + gblImg5[gblOnDeck5] + ')';
	setTimeout("photoShufflerFade()",gblPauseSeconds*1000);
}

function photoShufflerFade()
  {
  	var theimg = document.getElementById(gblPhotoShufflerImgId);
  	var theimg1 = document.getElementById(gblPhotoShufflerImgId1);
  	var theimg2 = document.getElementById(gblPhotoShufflerImgId2);
  	var theimg3 = document.getElementById(gblPhotoShufflerImgId3);
  	var theimg4 = document.getElementById(gblPhotoShufflerImgId4);
  	var theimg5 = document.getElementById(gblPhotoShufflerImgId5);
	
  	// 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);
	  setOpacity(theimg1,gblOpacity);
	  setOpacity(theimg2,gblOpacity);
	  setOpacity(theimg3,gblOpacity);
	  setOpacity(theimg4,gblOpacity);
	  setOpacity(theimg5,gblOpacity);
	  setTimeout("photoShufflerFade()",30);  // 1/30th of a second
	}
}

function photoShufflerShuffle()
  {
	var thediv = document.getElementById(gblPhotoShufflerDivId);
	var theimg = document.getElementById(gblPhotoShufflerImgId);
	var thediv1 = document.getElementById(gblPhotoShufflerDivId1);
	var theimg1 = document.getElementById(gblPhotoShufflerImgId1);
	var thediv2 = document.getElementById(gblPhotoShufflerDivId2);
	var theimg2 = document.getElementById(gblPhotoShufflerImgId2);
	var thediv3 = document.getElementById(gblPhotoShufflerDivId3);
	var theimg3 = document.getElementById(gblPhotoShufflerImgId3);
	var thediv4 = document.getElementById(gblPhotoShufflerDivId4);
	var theimg4 = document.getElementById(gblPhotoShufflerImgId4);
	var thediv5 = document.getElementById(gblPhotoShufflerDivId5);
	var theimg5 = document.getElementById(gblPhotoShufflerImgId5);
	
	// copy div background-image to img.src
	theimg.src = gblImg[gblOnDeck];
	theimg1.src = gblImg1[gblOnDeck1];
	theimg2.src = gblImg2[gblOnDeck2];
	theimg3.src = gblImg3[gblOnDeck3];
	theimg4.src = gblImg4[gblOnDeck4];
	theimg5.src = gblImg5[gblOnDeck5];
	// set img opacity to 100
	setOpacity(theimg,100);
	setOpacity(theimg1,100);
	setOpacity(theimg2,100);
	setOpacity(theimg3,100);
	setOpacity(theimg4,100);
	setOpacity(theimg5,100);

        // shuffle the deck
	
	gblOnDeck = Math.round(Math.random()*3);
	gblOnDeck1 = Math.round(Math.random()*3);
	gblOnDeck2 = Math.round(Math.random()*3);
	gblOnDeck3 = Math.round(Math.random()*3);
	gblOnDeck4 = Math.round(Math.random()*3);
	gblOnDeck5 = Math.round(Math.random()*3);
	// decrement rotation counter
	if (--gblImageRotations < 1)
	{
	  // insert start/final image if we're done
	  gblImg[gblOnDeck] = gblStartImg;
	  gblImg1[gblOnDeck1] = gblStartImg1;
	  gblImg2[gblOnDeck2] = gblStartImg2;
	  gblImg3[gblOnDeck3] = gblStartImg3;
	  gblImg4[gblOnDeck4] = gblStartImg4;
	  gblImg5[gblOnDeck5] = gblStartImg5;
	}

	// slide next image underneath
	thediv.style.backgroundImage='url(' + gblImg[gblOnDeck] + ')';
	thediv1.style.backgroundImage='url(' + gblImg1[gblOnDeck1] + ')';
	thediv2.style.backgroundImage='url(' + gblImg2[gblOnDeck2] + ')';
	thediv3.style.backgroundImage='url(' + gblImg3[gblOnDeck3] + ')';
	thediv4.style.backgroundImage='url(' + gblImg4[gblOnDeck4] + ')';
	thediv5.style.backgroundImage='url(' + gblImg5[gblOnDeck5] + ')';
  }

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