.
// specify unique id= in all three
// * The first and final photo displayed is in the html ![]()
tag
// * The image 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 Href array contains the link you want associated with each image
// each image must have a corresponding link.
// * The rotations variable specifies how many times to repeat array.
// images. zero is a valid rotation value.
// * For random images, set the 'sliderandom' variable to 1 for each
// individual slide
// * For more than 3 slideshows, copy the 'Duplication code' at the bottom
// of the page to the appropriate section. Next change the '$$' to the
// appropriate number. Ensure that each slide show has its own unique div.
var slideshow = 1; // Number of concurrent slideshows.
// ############### SECTION 1 ###############
// Slide 1
//------------------------------------
var gblPhotoShufflerDivId1 = "photodiv1";
var gblPhotoShufflerImgId1 = "photoimg1";
var gblPhotoShufflerAnchorId1 = "photoanchor1";
var sliderandom1 = 1; // rotate images randomly: 1 / rotate images in order: 0
var gblImg1 = new Array(
"../../images/headerphotos/3rd-st-bridge.jpg",
"../../images/headerphotos/atlanta.jpg",
"../../images/headerphotos/beams.jpg",
"../../images/headerphotos/casino.jpg",
"../../images/headerphotos/cheese-plant.jpg",
"../../images/headerphotos/concrete-truck.jpg",
"../../images/headerphotos/county-office.jpg",
"../../images/headerphotos/hospital.jpg",
"../../images/headerphotos/i-17.jpg",
"../../images/headerphotos/landfill.jpg",
"../../images/headerphotos/library.jpg",
"../../images/headerphotos/reservoir.jpg",
"../../images/headerphotos/retaining-wall.jpg",
"../../images/headerphotos/scajaquada.jpg",
"../../images/headerphotos/warren-bridge.jpg"
);
var gblHref1 = new Array(
"/index1.php?Corporate%20Home",
"/index1.php?Corporate%20Home",
"/index1.php?Corporate%20Home",
"/index1.php?Corporate%20Home",
"/index1.php?Corporate%20Home",
"/index1.php?Corporate%20Home",
"/index1.php?Corporate%20Home",
"/index1.php?Corporate%20Home",
"/index1.php?Corporate%20Home",
"/index1.php?Corporate%20Home",
"/index1.php?Corporate%20Home",
"/index1.php?Corporate%20Home",
"/index1.php?Corporate%20Home",
"/index1.php?Corporate%20Home",
"/index1.php?Corporate%20Home");
var gblPauseSeconds1 = 7.25;
var gblFadeSeconds1 = .85;
var gblRotations1 = 999999;
// Slide 2
//------------------------------------
var gblPhotoShufflerDivId2 = "photodiv2";
var gblPhotoShufflerImgId2 = "photoimg2";
var gblPhotoShufflerAnchorId2 = "photoanchor2";
var sliderandom2 = 1; // rotate images randomly: 1 / rotate images in order: 0
var gblImg2 = new Array(
"../../images/headerphotos/3rd-st-bridge.jpg",
"../../images/headerphotos/casino.jpg",
"../../images/headerphotos/county-office.jpg",
"../../images/headerphotos/hospital.jpg",
"../../images/headerphotos/i-17.jpg",
"../../images/headerphotos/landfill.jpg",
"../../images/headerphotos/library.jpg",
"../../images/headerphotos/reservoir.jpg",
"../../images/headerphotos/scajaquada.jpg",
"../../images/headerphotos/warren-bridge.jpg"
);
var gblHref2 = new Array(
"/index2.php?Construction%20NY%20Home%20Page",
"/index2.php?Construction%20NY%20Home%20Page",
"/index2.php?Construction%20NY%20Home%20Page",
"/index2.php?Construction%20NY%20Home%20Page",
"/index2.php?Construction%20NY%20Home%20Page",
"/index2.php?Construction%20NY%20Home%20Page",
"/index2.php?Construction%20NY%20Home%20Page",
"/index2.php?Construction%20NY%20Home%20Page",
"/index2.php?Construction%20NY%20Home%20Page",
"/index2.php?Construction%20NY%20Home%20Page");
var gblPauseSeconds2 = 7.25;
var gblFadeSeconds2 = .85;
var gblRotations2 = 999999;
// Slide 3
//------------------------------------
var gblPhotoShufflerDivId3 = "photodiv3";
var gblPhotoShufflerImgId3 = "photoimg3";
var gblPhotoShufflerAnchorId3 = "photoanchor3";
var sliderandom3 = 1; // rotate images randomly: 1 / rotate images in order: 0
var gblImg3 = new Array(
"../../images/headerphotos/3rd-st-bridge.jpg",
"../../images/headerphotos/atlanta.jpg",
"../../images/headerphotos/beams.jpg",
"../../images/headerphotos/casino.jpg",
"../../images/headerphotos/cheese-plant.jpg",
"../../images/headerphotos/concrete-truck.jpg",
"../../images/headerphotos/county-office.jpg",
"../../images/headerphotos/i-17.jpg",
"../../images/headerphotos/retaining-wall.jpg",
"../../images/headerphotos/scajaquada.jpg",
"../../images/headerphotos/warren-bridge.jpg"
);
var gblHref3 = new Array(
"/index3.php?Georgia%20Construction%20Home%20Page",
"/index3.php?Georgia%20Construction%20Home%20Page",
"/index3.php?Georgia%20Construction%20Home%20Page",
"/index3.php?Georgia%20Construction%20Home%20Page",
"/index3.php?Georgia%20Construction%20Home%20Page",
"/index3.php?Georgia%20Construction%20Home%20Page",
"/index3.php?Georgia%20Construction%20Home%20Page",
"/index3.php?Georgia%20Construction%20Home%20Page",
"/index3.php?Georgia%20Construction%20Home%20Page",
"/index3.php?Georgia%20Construction%20Home%20Page",
"/index3.php?Georgia%20Construction%20Home%20Page");
var gblPauseSeconds3 = 7.25;
var gblFadeSeconds3 = .85;
var gblRotations3 = 999999;
// Slide 4
//------------------------------------
var gblPhotoShufflerDivId4 = "photodiv4";
var gblPhotoShufflerImgId4 = "photoimg4";
var gblPhotoShufflerAnchorId4 = "photoanchor4";
var sliderandom4 = 0;
var gblImg4 = new Array(
"../../images/headerphotos/3rd-st-bridge.jpg",
"../../images/headerphotos/atlanta.jpg",
"../../images/headerphotos/beams.jpg",
"../../images/headerphotos/casino.jpg",
"../../images/headerphotos/cheese-plant.jpg",
"../../images/headerphotos/concrete-truck.jpg",
"../../images/headerphotos/county-office.jpg",
"../../images/headerphotos/i-17.jpg",
"../../images/headerphotos/retaining-wall.jpg",
"../../images/headerphotos/scajaquada.jpg",
"../../images/headerphotos/warren-bridge.jpg"
);
var gblHref4 = new Array(
"/index4.php?man",
"/index4.php?man",
"/index4.php?man",
"/index4.php?man",
"/index4.php?man",
"/index4.php?man",
"/index4.php?man",
"/index4.php?man",
"/index4.php?man",
"/index4.php?man",
"/index4.php?man");
var gblPauseSeconds4 = 7.25;
var gblFadeSeconds4 = .85;
var gblRotations4 = 999999;
// Slide 5
//------------------------------------
var gblPhotoShufflerDivId5 = "photodiv5";
var gblPhotoShufflerImgId5 = "photoimg5";
var gblPhotoShufflerAnchorId5 = "photoanchor5";
var sliderandom5 = 1;
var gblImg5 = new Array(
"../../images/headerphotos/equip1.jpg",
"../../images/headerphotos/equip2.jpg",
"../../images/headerphotos/equip3.jpg",
"../../images/headerphotos/equip4.jpg",
"../../images/headerphotos/equip5.jpg",
"../../images/headerphotos/equip6.jpg",
"../../images/headerphotos/equip7.jpg",
"../../images/headerphotos/equip8.jpg",
"../../images/headerphotos/equip9.jpg",
"../../images/headerphotos/equip10.jpg",
"../../images/headerphotos/equip11.jpg",
"../../images/headerphotos/equip12.jpg",
"../../images/headerphotos/equip13.jpg",
"../../images/headerphotos/equip14.jpg",
"../../images/headerphotos/equip15.jpg",
"../../images/headerphotos/equip16.jpg",
"../../images/headerphotos/equip17.jpg",
"../../images/headerphotos/equip18.jpg",
"../../images/headerphotos/equip19.jpg",
"../../images/headerphotos/equip20.jpg"
);
var gblHref5 = new Array(
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home",
"/index5.php?Equipment%20Company%20Home");
var gblPauseSeconds5 = 7.25;
var gblFadeSeconds5 = .85;
var gblRotations5 = 999999;
// ############### SECTION 2 ###############
// End Customization section
// Other Global Variables
var rand1 = new Array();
var tmpImg1 = new Array();
var tmpHref1 = new Array();
var tmpgblImg1 = new Array();
var tmpgblHref1 = new Array();
var gblDeckSize1 = gblImg1.length;
var gblOpacity1 = 100;
var gblOnDeck1 = 0;
var gblStartImg1;
var gblStartHref1;
var gblImageRotations1 = gblDeckSize1 * (gblRotations1+1);
var rand2 = new Array();
var tmpImg2 = new Array();
var tmpHref2 = new Array();
var tmpgblImg2 = new Array();
var tmpgblHref2 = new Array();
var gblDeckSize2 = gblImg2.length;
var gblOpacity2 = 100;
var gblOnDeck2 = 0;
var gblStartImg2;
var gblStartHref2;
var gblImageRotations2 = gblDeckSize2 * (gblRotations2+1);
var rand3 = new Array();
var tmpImg3 = new Array();
var tmpHref3 = new Array();
var tmpgblImg3 = new Array();
var tmpgblHref3 = new Array();
var gblDeckSize3 = gblImg3.length;
var gblOpacity3 = 100;
var gblOnDeck3 = 0;
var gblStartImg3;
var gblStartHref3;
var gblImageRotations3 = gblDeckSize3 * (gblRotations3+1);
var rand4 = new Array();
var tmpImg4 = new Array();
var tmpHref4 = new Array();
var tmpgblImg4 = new Array();
var tmpgblHref4 = new Array();
var gblDeckSize4 = gblImg4.length;
var gblOpacity4 = 100;
var gblOnDeck4 = 0;
var gblStartImg4;
var gblStartHref4;
var gblImageRotations4 = gblDeckSize4 * (gblRotations4+1);
var rand5 = new Array();
var tmpImg5 = new Array();
var tmpHref5 = new Array();
var tmpgblImg5 = new Array();
var tmpgblHref5 = new Array();
var gblDeckSize5 = gblImg5.length;
var gblOpacity5 = 100;
var gblOnDeck5 = 0;
var gblStartImg5;
var gblStartHref5;
var gblImageRotations5 = gblDeckSize5 * (gblRotations5+1);
// ############### SECTION 3 ###############
function initAllShows()
{
switch (slideshow){
case 1:
photoShufflerLaunch1();
break
case 2:
photoShufflerLaunch1();
photoShufflerLaunch2();
break
case 3:
photoShufflerLaunch1();
photoShufflerLaunch2();
photoShufflerLaunch3();
break
}
}
function initShow(show)
{
switch (show){
case 1:
photoShufflerLaunch1();
break
case 2:
photoShufflerLaunch2();
break
case 3:
photoShufflerLaunch3();
break
case 4:
photoShufflerLaunch4();
break
case 5:
photoShufflerLaunch5();
break
}
}
// ############### SECTION 4 ###############
function photoShufflerLaunch1()
{
if (sliderandom1 == 1) {
tmpImg1 = gblImg1.slice(0);
tmpHref1 = gblHref1.slice(0);
for (var i1=0; i1 < gblImg1.length; i1++){
rand1[i1] = i1;
}
rand1.sort( randOrd );
//alert ("Random Array: "+rand1[0]+", "+rand1[1]+", "+rand1[2]+", "+rand1[3]+", "+rand1[4]+", "+rand1[5])
for (var i1=0; i1 < gblImg1.length; i1++){
gblImg1[i1] = tmpImg1[rand1[i1]];
gblHref1[i1] = tmpHref1[rand1[i1]];
}
//alert ("Actual Array: "+gblHref1[0]+", "+gblHref1[1]+", "+gblHref1[2]+", "+gblHref1[3]+", "+gblHref1[4]+", "+gblHref1[5])
}
var theimg1 = document.getElementById(gblPhotoShufflerImgId1);
gblStartImg1 = theimg1.src; // save away to show as final image
var theanchor1 = document.getElementById(gblPhotoShufflerAnchorId1);
gblStartHref1 = theimg1.href; // save away to show as final image
document.getElementById(gblPhotoShufflerDivId1).style.backgroundImage='url(' + gblImg1[gblOnDeck1] + ')';
setTimeout("photoShufflerFade1()",gblPauseSeconds1*1000);
}
function photoShufflerFade1()
{
var theimg1 = document.getElementById(gblPhotoShufflerImgId1);
// determine delta based on number of fade seconds
// the slower the fade the more increments needed
var fadeDelta1 = 100 / (30 * gblFadeSeconds1);
// fade top out to reveal bottom image
if (gblOpacity1 < 2*fadeDelta1 )
{
gblOpacity1 = 100;
// stop the rotation if we're done
if (gblImageRotations1 < 1) return;
photoShufflerShuffle1();
// pause before next fade
setTimeout("photoShufflerFade1()",gblPauseSeconds1*1000);
}
else
{
gblOpacity1 -= fadeDelta1;
setOpacity(theimg1,gblOpacity1);
setTimeout("photoShufflerFade1()",30); // 1/30th of a second
}
}
function photoShufflerShuffle1()
{
var thediv1 = document.getElementById(gblPhotoShufflerDivId1);
var theimg1 = document.getElementById(gblPhotoShufflerImgId1);
var theanchor1 = document.getElementById(gblPhotoShufflerAnchorId1);
// copy div background-image to img.src
theimg1.src = gblImg1[gblOnDeck1];
theanchor1.href = gblHref1[gblOnDeck1];
window.status = gblHref1[gblOnDeck1]; // updates status bar (optional)
// set img opacity to 100
setOpacity(theimg1,100);
// shuffle the deck
gblOnDeck1 = ++gblOnDeck1 % gblDeckSize1;
// decrement rotation counter
if (--gblImageRotations1 < 1)
{
// insert start/final image if we're done
gblImg1[gblOnDeck1] = gblStartImg1;
gblHref1[gblOnDeck1] = gblStartHref1;
}
// slide next image underneath
thediv1.style.backgroundImage='url(' + gblImg1[gblOnDeck1] + ')';
}
function photoShufflerLaunch2()
{
if (sliderandom2 == 1) {
tmpImg2 = gblImg2.slice(0);
tmpHref2 = gblHref2.slice(0);
for (var i2=0; i2 < gblImg2.length; i2++){
rand2[i2] = i2;
}
rand2.sort( randOrd );
//alert ("Random Array: "+rand2[0]+", "+rand2[1]+", "+rand2[2]+", "+rand2[3]+", "+rand2[4]+", "+rand2[5])
for (var i2=0; i2 < gblImg2.length; i2++){
gblImg2[i2] = tmpImg2[rand2[i2]];
gblHref2[i2] = tmpHref2[rand2[i2]];
}
//alert ("Actual Array: "+gblHref2[0]+", "+gblHref2[1]+", "+gblHref2[2]+", "+gblHref2[3]+", "+gblHref2[4]+", "+gblHref2[5])
}
var theimg2 = document.getElementById(gblPhotoShufflerImgId2);
gblStartImg2 = theimg2.src; // save away to show as final image
var theanchor2 = document.getElementById(gblPhotoShufflerAnchorId2);
gblStartHref2 = theimg2.href; // save away to show as final image
document.getElementById(gblPhotoShufflerDivId2).style.backgroundImage='url(' + gblImg2[gblOnDeck2] + ')';
setTimeout("photoShufflerFade2()",gblPauseSeconds2*1000);
}
function photoShufflerFade2()
{
var theimg2 = document.getElementById(gblPhotoShufflerImgId2);
// determine delta based on number of fade seconds
// the slower the fade the more increments needed
var fadeDelta2 = 100 / (30 * gblFadeSeconds2);
// fade top out to reveal bottom image
if (gblOpacity2 < 2*fadeDelta2 )
{
gblOpacity2 = 100;
// stop the rotation if we're done
if (gblImageRotations2 < 1) return;
photoShufflerShuffle2();
// pause before next fade
setTimeout("photoShufflerFade2()",gblPauseSeconds2*1000);
}
else
{
gblOpacity2 -= fadeDelta2;
setOpacity(theimg2,gblOpacity2);
setTimeout("photoShufflerFade2()",30); // 1/30th of a second
}
}
function photoShufflerShuffle2()
{
var thediv2 = document.getElementById(gblPhotoShufflerDivId2);
var theimg2 = document.getElementById(gblPhotoShufflerImgId2);
var theanchor2 = document.getElementById(gblPhotoShufflerAnchorId2);
// copy div background-image to img.src
theimg2.src = gblImg2[gblOnDeck2];
theanchor2.href = gblHref2[gblOnDeck2];
window.status = gblHref2[gblOnDeck2]; // updates status bar (optional)
// set img opacity to 100
setOpacity(theimg2,100);
// shuffle the deck
gblOnDeck2 = ++gblOnDeck2 % gblDeckSize2;
// decrement rotation counter
if (--gblImageRotations2 < 1)
{
// insert start/final image if we're done
gblImg2[gblOnDeck2] = gblStartImg2;
gblHref2[gblOnDeck2] = gblStartHref2;
}
// slide next image underneath
thediv2.style.backgroundImage='url(' + gblImg2[gblOnDeck2] + ')';
}
function photoShufflerLaunch3()
{
if (sliderandom3 == 1) {
tmpImg3 = gblImg3.slice(0);
tmpHref3 = gblHref3.slice(0);
for (var i3=0; i3 < gblImg3.length; i3++){
rand3[i3] = i3;
}
rand3.sort( randOrd );
//alert ("Random Array: "+rand3[0]+", "+rand3[1]+", "+rand3[2]+", "+rand3[3]+", "+rand3[4]+", "+rand3[5])
for (var i3=0; i3 < gblImg3.length; i3++){
gblImg3[i3] = tmpImg3[rand3[i3]];
gblHref3[i3] = tmpHref3[rand3[i3]];
}
//alert ("Actual Array: "+gblHref3[0]+", "+gblHref3[1]+", "+gblHref3[2]+", "+gblHref3[3]+", "+gblHref3[4]+", "+gblHref3[5])
}
var theimg3 = document.getElementById(gblPhotoShufflerImgId3);
gblStartImg3 = theimg3.src; // save away to show as final image
var theanchor3 = document.getElementById(gblPhotoShufflerAnchorId3);
gblStartHref3 = theimg3.href; // save away to show as final image
document.getElementById(gblPhotoShufflerDivId3).style.backgroundImage='url(' + gblImg3[gblOnDeck3] + ')';
setTimeout("photoShufflerFade3()",gblPauseSeconds3*1000);
}
function photoShufflerFade3()
{
var theimg3 = document.getElementById(gblPhotoShufflerImgId3);
// determine delta based on number of fade seconds
// the slower the fade the more increments needed
var fadeDelta3 = 100 / (30 * gblFadeSeconds3);
// fade top out to reveal bottom image
if (gblOpacity3 < 2*fadeDelta3 )
{
gblOpacity3 = 100;
// stop the rotation if we're done
if (gblImageRotations3 < 1) return;
photoShufflerShuffle3();
// pause before next fade
setTimeout("photoShufflerFade3()",gblPauseSeconds3*1000);
}
else
{
gblOpacity3 -= fadeDelta3;
setOpacity(theimg3,gblOpacity3);
setTimeout("photoShufflerFade3()",30); // 1/30th of a second
}
}
function photoShufflerShuffle3()
{
var thediv3 = document.getElementById(gblPhotoShufflerDivId3);
var theimg3 = document.getElementById(gblPhotoShufflerImgId3);
var theanchor3 = document.getElementById(gblPhotoShufflerAnchorId3);
// copy div background-image to img.src
theimg3.src = gblImg3[gblOnDeck3];
theanchor3.href = gblHref3[gblOnDeck3];
window.status = gblHref3[gblOnDeck3]; // updates status bar (optional)
// set img opacity to 100
setOpacity(theimg3,100);
// shuffle the deck
gblOnDeck3 = ++gblOnDeck3 % gblDeckSize3;
// decrement rotation counter
if (--gblImageRotations3 < 1)
{
// insert start/final image if we're done
gblImg3[gblOnDeck3] = gblStartImg3;
gblHref3[gblOnDeck3] = gblStartHref3;
}
// slide next image underneath
thediv3.style.backgroundImage='url(' + gblImg3[gblOnDeck3] + ')';
}
function randOrd(){return (Math.round(Math.random())-0.5); }
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;
}
function photoShufflerLaunch4()
{
if (sliderandom4 == 1) {
tmpImg4 = gblImg4.slice(0);
tmpHref4 = gblHref4.slice(0);
for (var i4=0; i4 < gblImg4.length; i4++){
rand4[i4] = i4;
}
rand4.sort( randOrd );
//alert ("Random Array: "+rand4[0]+", "+rand4[1]+", "+rand4[2]+", "+rand4[3]+", "+rand4[4]+", "+rand4[5])
for (var i4=0; i4 < gblImg4.length; i4++){
gblImg4[i4] = tmpImg4[rand4[i4]];
gblHref4[i4] = tmpHref4[rand4[i4]];
}
//alert ("Actual Array: "+gblHref4[0]+", "+gblHref4[1]+", "+gblHref4[2]+", "+gblHref4[3]+", "+gblHref4[4]+", "+gblHref4[5])
}
var theimg4 = document.getElementById(gblPhotoShufflerImgId4);
gblStartImg4 = theimg4.src; // save away to show as final image
var theanchor4 = document.getElementById(gblPhotoShufflerAnchorId4);
gblStartHref4 = theimg4.href; // save away to show as final image
document.getElementById(gblPhotoShufflerDivId4).style.backgroundImage='url(' + gblImg4[gblOnDeck4] + ')';
setTimeout("photoShufflerFade4()",gblPauseSeconds4*1000);
}
function photoShufflerFade4()
{
var theimg4 = document.getElementById(gblPhotoShufflerImgId4);
// determine delta based on number of fade seconds
// the slower the fade the more increments needed
var fadeDelta4 = 100 / (30 * gblFadeSeconds4);
// fade top out to reveal bottom image
if (gblOpacity4 < 2*fadeDelta4 )
{
gblOpacity4 = 100;
// stop the rotation if we're done
if (gblImageRotations4 < 1) return;
photoShufflerShuffle4();
// pause before next fade
setTimeout("photoShufflerFade4()",gblPauseSeconds4*1000);
}
else
{
gblOpacity4 -= fadeDelta4;
setOpacity(theimg4,gblOpacity4);
setTimeout("photoShufflerFade4()",30); // 1/30th of a second
}
}
function photoShufflerShuffle4()
{
var thediv4 = document.getElementById(gblPhotoShufflerDivId4);
var theimg4 = document.getElementById(gblPhotoShufflerImgId4);
var theanchor4 = document.getElementById(gblPhotoShufflerAnchorId4);
// copy div background-image to img.src
theimg4.src = gblImg4[gblOnDeck4];
theanchor4.href = gblHref4[gblOnDeck4];
window.status = gblHref4[gblOnDeck4]; // updates status bar (optional)
// set img opacity to 100
setOpacity(theimg4,100);
// shuffle the deck
gblOnDeck4 = ++gblOnDeck4 % gblDeckSize4;
// decrement rotation counter
if (--gblImageRotations4 < 1)
{
// insert start/final image if we're done
gblImg4[gblOnDeck4] = gblStartImg4;
gblHref4[gblOnDeck4] = gblStartHref4;
}
// slide next image underneath
thediv4.style.backgroundImage='url(' + gblImg4[gblOnDeck4] + ')';
}
function photoShufflerLaunch5()
{
if (sliderandom5 == 1) {
tmpImg5 = gblImg5.slice(0);
tmpHref5 = gblHref5.slice(0);
for (var i5=0; i5 < gblImg5.length; i5++){
rand5[i5] = i5;
}
rand5.sort( randOrd );
//alert ("Random Array: "+rand5[0]+", "+rand5[1]+", "+rand5[2]+", "+rand5[3]+", "+rand5[4]+", "+rand5[5])
for (var i5=0; i5 < gblImg5.length; i5++){
gblImg5[i5] = tmpImg5[rand5[i5]];
gblHref5[i5] = tmpHref5[rand5[i5]];
}
//alert ("Actual Array: "+gblHref5[0]+", "+gblHref5[1]+", "+gblHref5[2]+", "+gblHref5[3]+", "+gblHref5[4]+", "+gblHref5[5])
}
var theimg5 = document.getElementById(gblPhotoShufflerImgId5);
gblStartImg5 = theimg5.src; // save away to show as final image
var theanchor5 = document.getElementById(gblPhotoShufflerAnchorId5);
gblStartHref5 = theimg5.href; // save away to show as final image
document.getElementById(gblPhotoShufflerDivId5).style.backgroundImage='url(' + gblImg5[gblOnDeck5] + ')';
setTimeout("photoShufflerFade5()",gblPauseSeconds5*1000);
}
function photoShufflerFade5()
{
var theimg5 = document.getElementById(gblPhotoShufflerImgId5);
// determine delta based on number of fade seconds
// the slower the fade the more increments needed
var fadeDelta5 = 100 / (30 * gblFadeSeconds5);
// fade top out to reveal bottom image
if (gblOpacity5 < 2*fadeDelta5 )
{
gblOpacity5 = 100;
// stop the rotation if we're done
if (gblImageRotations5 < 1) return;
photoShufflerShuffle5();
// pause before next fade
setTimeout("photoShufflerFade5()",gblPauseSeconds5*1000);
}
else
{
gblOpacity5 -= fadeDelta5;
setOpacity(theimg5,gblOpacity5);
setTimeout("photoShufflerFade5()",30); // 1/30th of a second
}
}
function photoShufflerShuffle5()
{
var thediv5 = document.getElementById(gblPhotoShufflerDivId5);
var theimg5 = document.getElementById(gblPhotoShufflerImgId5);
var theanchor5 = document.getElementById(gblPhotoShufflerAnchorId5);
// copy div background-image to img.src
theimg5.src = gblImg5[gblOnDeck5];
theanchor5.href = gblHref5[gblOnDeck5];
window.status = gblHref5[gblOnDeck5]; // updates status bar (optional)
// set img opacity to 100
setOpacity(theimg5,100);
// shuffle the deck
gblOnDeck5 = ++gblOnDeck5 % gblDeckSize5;
// decrement rotation counter
if (--gblImageRotations5 < 1)
{
// insert start/final image if we're done
gblImg5[gblOnDeck5] = gblStartImg5;
gblHref5[gblOnDeck5] = gblStartHref5;
}
// slide next image underneath
thediv5.style.backgroundImage='url(' + gblImg5[gblOnDeck5] + ')';
}
//############## DUPLICATION CODE FOR ADDITIONAL SHOWS ##############
/*// ############### SECTION 1 ###############
// Slide $$
//------------------------------------
var gblPhotoShufflerDivId$$ = "photodiv$$";
var gblPhotoShufflerImgId$$ = "photoimg$$";
var gblPhotoShufflerAnchorId$$ = "photoanchor$$";
var sliderandom$$ = 1;
var gblImg$$ = new Array(
"../../images/IMAGE2.jpg",
"../../images/IMAGE3.jpg",
"../../images/IMAGE4.jpg",
"../../images/IMAGE5.jpg",
"../../images/IMAGE1.jpg"
);
var gblHref$$ = new Array(
"www.URL.com",
"www.URL.com",
"www.URL.com",
"www.URL.com",
"www.URL.com"
);
var gblPauseSeconds$$ = 7.25;
var gblFadeSeconds$$ = .85;
var gblRotations$$ = 999999;*/
/*// ############### SECTION 2 ###############
var rand$$ = new Array();
var tmpImg$$ = new Array();
var tmpHref$$ = new Array();
var tmpgblImg$$ = new Array();
var tmpgblHref$$ = new Array();
var gblDeckSize$$ = gblImg$$.length;
var gblOpacity$$ = 100;
var gblOnDeck$$ = 0;
var gblStartImg$$;
var gblStartHref$$;
var gblImageRotations$$ = gblDeckSize$$ * (gblRotations$$+1);*/
/*// ############### SECTION 4 ###############
function photoShufflerLaunch$$()
{
if (sliderandom$$ == 1) {
tmpImg$$ = gblImg$$.slice(0);
tmpHref$$ = gblHref$$.slice(0);
for (var i$$=0; i$$ < gblImg$$.length; i$$++){
rand$$[i$$] = i$$;
}
rand$$.sort( randOrd );
//alert ("Random Array: "+rand$$[0]+", "+rand$$[1]+", "+rand$$[2]+", "+rand$$[3]+", "+rand$$[4]+", "+rand$$[5])
for (var i$$=0; i$$ < gblImg$$.length; i$$++){
gblImg$$[i$$] = tmpImg$$[rand$$[i$$]];
gblHref$$[i$$] = tmpHref$$[rand$$[i$$]];
}
//alert ("Actual Array: "+gblHref$$[0]+", "+gblHref$$[1]+", "+gblHref$$[2]+", "+gblHref$$[3]+", "+gblHref$$[4]+", "+gblHref$$[5])
}
var theimg$$ = document.getElementById(gblPhotoShufflerImgId$$);
gblStartImg$$ = theimg$$.src; // save away to show as final image
var theanchor$$ = document.getElementById(gblPhotoShufflerAnchorId$$);
gblStartHref$$ = theimg$$.href; // 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$$);
var theanchor$$ = document.getElementById(gblPhotoShufflerAnchorId$$);
// copy div background-image to img.src
theimg$$.src = gblImg$$[gblOnDeck$$];
theanchor$$.href = gblHref$$[gblOnDeck$$];
window.status = gblHref$$[gblOnDeck$$]; // updates status bar (optional)
// 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$$;
gblHref$$[gblOnDeck$$] = gblStartHref$$;
}
// slide next image underneath
thediv$$.style.backgroundImage='url(' + gblImg$$[gblOnDeck$$] + ')';
}*/