// Slideshow version 2.0 edited for http://www.piute.org
// CREDITS:
// Random Order Slideshow with Messages
// by Gary Bushman
// Copyright (c) 2002 Bushman. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// 1/1/2002
// All lines beginning ( // ) are instructions and comments
///////////////////////////////////////////////////////////////////////////
// CONFIGURATION STARTS HERE
///////////////////////////////////////////////////////////////////////////
//
// Place the following script tag into your webpage where you want the slideshow to apear. ( without the leadding // )
//
//
//
// Place in a table cel for exact placement on a page.
// Also note 001.jpg will be displayed in browsers with java turned off
//
// Replace the URLs of the slides and the corresponding messages.
// Please note that the URL and the correponding message are separated by a pipe "|".
// Watch how the "," and the " " are set!
//NOTE: to make words containing an apostrophe (') such at it's or isn't - you must spell them as it\'s of isn\'t
// You may add as many slides as you like.
// Define Images here
var img1="http://www.piute.org/slideshow/001.jpg|Time to hit the trail."
var img2="http://www.piute.org/slideshow/002.jpg|Yes, that looks like beauty!"
var img3="http://www.piute.org/slideshow/003.jpg|A cool picnic in the shade."
var img4="http://www.piute.org/slideshow/004.jpg|Big Game Country."
var img5="http://www.piute.org/slideshow/005.jpg|Who is stronger?"
var img6="http://www.piute.org/slideshow/006.jpg|Isn\'t Life Beautiful."
var img7="http://www.piute.org/slideshow/007.jpg|Hey, let\'s go wading."
var img8="http://www.piute.org/slideshow/008.jpg|Banzi!"
var img9="http://www.piute.org/slideshow/009.jpg|It\'s time to relax."
var img10="http://www.piute.org/slideshow/010.jpg|A Hikers Paradise."
var img11="http://www.piute.org/slideshow/011.jpg|Where the Buffalo Roam."
var img12="http://www.piute.org/slideshow/012.jpg|The Biggest Horn Gets the Right of Way!"
var img13="http://www.piute.org/slideshow/013.jpg|Quack, Quack, here Ducky Ducky!"
var img14="http://www.piute.org/slideshow/014.jpg|Camp In The High Country."
var img15="http://www.piute.org/slideshow/015.jpg|Where Did I Put Those Worms?"
var img16="http://www.piute.org/slideshow/016.jpg|Horse Back Riding."
var img17="http://www.piute.org/slideshow/017.jpg|Autumn in the Quakies."
var img18="http://www.piute.org/slideshow/018.jpg|King Of The Mountain."
var img19="http://www.piute.org/slideshow/019.jpg|Quiet Time On The Lake."
var img20="http://www.piute.org/slideshow/020.jpg|Beautifull High Moutain Valleys."
var img21="http://www.piute.org/slideshow/021.jpg|Hey Guys, Check Out The Tourists!"
var img22="http://www.piute.org/slideshow/022.jpg|Fall In The High Country."
var img23="http://www.piute.org/slideshow/023.jpg|Camp Along The River."
var img24="http://www.piute.org/slideshow/024.jpg|Deer Hunters Heaven!"
var img25="http://www.piute.org/slideshow/025.jpg|ATV HEAVEN!"
var img26="http://www.piute.org/slideshow/026.jpg|Peddle Power!"
var img27="http://www.piute.org/slideshow/027.jpg|Eagle Country!"
var img28="http://www.piute.org/slideshow/028.jpg|Try A Hores Back Ride."
var img29="http://www.piute.org/slideshow/029.jpg|Try A Little Ice Fishing."
var img30="http://www.piute.org/slideshow/030.jpg|Where Did The Road Go?"
var img31="http://www.piute.org/slideshow/031.jpg|All 4X4\'s Welcome."
var img32="http://www.piute.org/slideshow/032.jpg|Shoot The Rapids on the river."
var img33="http://www.piute.org/slideshow/033.jpg|Snow mobiles Are Welcome Too!"
var img34="http://www.piute.org/slideshow/034.jpg|Hey Rocky, Where\'s Bullwinkle?"
var img35="http://www.piute.org/slideshow/035.jpg|kayaking on the Sevier River."
var img36="http://www.piute.org/slideshow/036.jpg|It\'s Jeep Country Too."
var img37="http://www.piute.org/slideshow/037.jpg|Rocky Mountain Big Horn Sheep."
var img38="http://www.piute.org/slideshow/038.jpg|Beautifull Scenery"
var img39="http://www.piute.org/slideshow/039.jpg|NO Show Off\'s Please!"
var img100="http://www.piute.org/slideshow/100.jpg|Dare To Climb."
var img101="http://www.piute.org/slideshow/101.jpg|Rafting on the river."
var img102="http://www.piute.org/slideshow/102.jpg|Tranquil Lakes."
var img103="http://www.piute.org/slideshow/103.jpg|Wild Life Viewing."
var img104="http://www.piute.org/slideshow/104.jpg|Elk Hunters Delight."
var slideshow=new Array(img1,img2,img3,img4,img5,img6,img7,img8,img9,img10,img11,img12,img13,img14,img15,img16,img17,img18,img19,img20,img21,img22,img23,img24,img25,img26,img27,img28,img29,img30,img31,img32,img33,img34,img35,img36,img37,img38,img39,img100,img101,img102,img103,img104)
// the font-family of the messages
var fntfamily="Verdana"
// the font-size of the messages (ranging from 1 to 6)
var fntsize=1
// the font-color of the messages
// instead of "yellow" you also could write "FFFF00"
var fntcolor="yellow"
// the background-color of the messages
// instead of "black" you also could write "000000"
var bgrndcolor="black"
// the width of the slides (pixels)
var imagewidth=200
// the height of the slides (pixels)
var imageheight=133
// the minimum interval between each slide (seconds)
var standstill=4
///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////
// do not change the code below
var imgstop=0
var imgsleft=0
var mestop=imageheight
var mesleft=0
var firstslide=true
var starttime
var nowtime
var imgurl=new Array()
var message=new Array()
var imgurlandmessagearray=new Array()
var imgurlandmessage
var imgpreload=new Array()
var playertop=0
var playerleft=0
var i_imgs=0
var i_loop=0
var i_preloadloop=0
var i_transition=0
var timerrotate=false
var timercheck=false
var contentimg
var contentmes
var slideshowlength=slideshow.length
var topdivheight=imageheight+40
var ns6=document.getElementById&&!document.all?1:0
var standstill=standstill*1000
function init() {
firstslide=true
i_imgs=0
i_loop=0
i_preloadloop=randommaker(slideshowlength)
if (timerrotate) {
clearTimeout(timerrotate)
clearTimeout(timercheck)
}
imgurl=new Array
message=new Array
for (i=0;i<=slideshow.length-1;i++) {
imgurlandmessage=slideshow[i].split("|")
imgurl[i]=imgurlandmessage[0]
message[i]=imgurlandmessage[1]
}
if (document.all) {
imgs.innerHTML=""
mes.innerHTML=""
document.all.imgs.style.posTop=imgstop
document.all.imgs.style.posLeft=imgsleft
document.all.mes.style.posTop=mestop
document.all.mes.style.posLeft=mesleft
checkpreloadtime()
preloadimage()
checkifloaded()
}
if (ns6) {
document.getElementById('imgs').innerHTML=""
document.getElementById('mes').innerHTML=""
document.getElementById('imgs').style.top=imgstop
document.getElementById('imgs').style.left=imgsleft
document.getElementById('mes').style.top=mestop
document.getElementById('mes').style.left=mesleft
checkpreloadtime()
preloadimage()
checkifloaded()
}
if (document.layers) {
document.topdiv.document.imgs.document.write("")
document.topdiv.document.imgs.document.close()
document.topdiv.document.mes.document.write("")
document.topdiv.document.mes.document.close()
document.topdiv.document.imgs.top=imgstop
document.topdiv.document.imgs.left=imgsleft
document.topdiv.document.mes.top=mestop
document.topdiv.document.mes.left=mesleft
checkpreloadtime()
preloadimage()
checkifloaded()
}
}
function checkifloaded() {
if (imgpreload.complete) {
nowtime=new Date()
nowtime=nowtime.getTime()
nowtime=nowtime-starttime
var interval=standstill-nowtime
if (interval<=0 ) {
interval=1
}
if (firstslide) {
interval=1
firstslide=false
}
if (i_preloadloop==i_loop) {
interval=1
}
timerrotate=setTimeout("rotateimages()", interval)
}
else {
timercheck=setTimeout("checkifloaded()", 100)
}
}
function preloadimage() {
imgpreload=new Image()
imgpreload.src=imgurl[i_preloadloop]
}
function rotateimages() {
i_loop=i_preloadloop
i_preloadloop=randommaker()
checkpreloadtime()
preloadimage()
getcontent()
if (document.all) {
imgs.filters[i_transition].apply()
imgs.innerHTML=contentimg
imgs.filters[i_transition].play()
i_transition++
if (i_transition>21) {i_transition=0}
mes.innerHTML=contentmes
}
if (ns6) {
document.getElementById('imgs').innerHTML=contentimg
document.getElementById('mes').innerHTML=contentmes
}
if (document.layers) {
document.topdiv.document.imgs.document.write(contentimg)
document.topdiv.document.imgs.document.close()
document.topdiv.document.mes.document.write(contentmes)
document.topdiv.document.mes.document.close()
}
i_loop++
checkifloaded()
}
function randommaker() {
rand=Math.floor(slideshowlength*Math.random())
return rand
}
function getcontent() {
contentimg=""
contentmes="
"+message[i_loop]+"
"
}
if (document.all) {
document.write('
')
document.write('
')
document.write('
')
document.write('
')
}
if (ns6) {
document.write('
')
document.write('
')
document.write('
')
document.write('
')
}
if (document.layers) {
document.write('')
document.write('')
document.write('')
document.write('')
}
function checkpreloadtime() {
starttime= new Date()
starttime=starttime.getTime()
}
function checktime() {
}
window.onresize=new Function("window.location.reload()");
window.onload=init
//
// Place in a table cel for exact placement on a page.
// Also note 001.jpg will be displayed in browsers with java turned off
//
// Replace the URLs of the slides and the corresponding messages.
// Please note that the URL and the correponding message are separated by a pipe "|".
// Watch how the "," and the " " are set!
//NOTE: to make words containing an apostrophe (') such at it's or isn't - you must spell them as it\'s of isn\'t
// You may add as many slides as you like.
// Define Images here
var img1="http://www.piute.org/slideshow/001.jpg|Time to hit the trail."
var img2="http://www.piute.org/slideshow/002.jpg|Yes, that looks like beauty!"
var img3="http://www.piute.org/slideshow/003.jpg|A cool picnic in the shade."
var img4="http://www.piute.org/slideshow/004.jpg|Big Game Country."
var img5="http://www.piute.org/slideshow/005.jpg|Who is stronger?"
var img6="http://www.piute.org/slideshow/006.jpg|Isn\'t Life Beautiful."
var img7="http://www.piute.org/slideshow/007.jpg|Hey, let\'s go wading."
var img8="http://www.piute.org/slideshow/008.jpg|Banzi!"
var img9="http://www.piute.org/slideshow/009.jpg|It\'s time to relax."
var img10="http://www.piute.org/slideshow/010.jpg|A Hikers Paradise."
var img11="http://www.piute.org/slideshow/011.jpg|Where the Buffalo Roam."
var img12="http://www.piute.org/slideshow/012.jpg|The Biggest Horn Gets the Right of Way!"
var img13="http://www.piute.org/slideshow/013.jpg|Quack, Quack, here Ducky Ducky!"
var img14="http://www.piute.org/slideshow/014.jpg|Camp In The High Country."
var img15="http://www.piute.org/slideshow/015.jpg|Where Did I Put Those Worms?"
var img16="http://www.piute.org/slideshow/016.jpg|Horse Back Riding."
var img17="http://www.piute.org/slideshow/017.jpg|Autumn in the Quakies."
var img18="http://www.piute.org/slideshow/018.jpg|King Of The Mountain."
var img19="http://www.piute.org/slideshow/019.jpg|Quiet Time On The Lake."
var img20="http://www.piute.org/slideshow/020.jpg|Beautifull High Moutain Valleys."
var img21="http://www.piute.org/slideshow/021.jpg|Hey Guys, Check Out The Tourists!"
var img22="http://www.piute.org/slideshow/022.jpg|Fall In The High Country."
var img23="http://www.piute.org/slideshow/023.jpg|Camp Along The River."
var img24="http://www.piute.org/slideshow/024.jpg|Deer Hunters Heaven!"
var img25="http://www.piute.org/slideshow/025.jpg|ATV HEAVEN!"
var img26="http://www.piute.org/slideshow/026.jpg|Peddle Power!"
var img27="http://www.piute.org/slideshow/027.jpg|Eagle Country!"
var img28="http://www.piute.org/slideshow/028.jpg|Try A Hores Back Ride."
var img29="http://www.piute.org/slideshow/029.jpg|Try A Little Ice Fishing."
var img30="http://www.piute.org/slideshow/030.jpg|Where Did The Road Go?"
var img31="http://www.piute.org/slideshow/031.jpg|All 4X4\'s Welcome."
var img32="http://www.piute.org/slideshow/032.jpg|Shoot The Rapids on the river."
var img33="http://www.piute.org/slideshow/033.jpg|Snow mobiles Are Welcome Too!"
var img34="http://www.piute.org/slideshow/034.jpg|Hey Rocky, Where\'s Bullwinkle?"
var img35="http://www.piute.org/slideshow/035.jpg|kayaking on the Sevier River."
var img36="http://www.piute.org/slideshow/036.jpg|It\'s Jeep Country Too."
var img37="http://www.piute.org/slideshow/037.jpg|Rocky Mountain Big Horn Sheep."
var img38="http://www.piute.org/slideshow/038.jpg|Beautifull Scenery"
var img39="http://www.piute.org/slideshow/039.jpg|NO Show Off\'s Please!"
var img100="http://www.piute.org/slideshow/100.jpg|Dare To Climb."
var img101="http://www.piute.org/slideshow/101.jpg|Rafting on the river."
var img102="http://www.piute.org/slideshow/102.jpg|Tranquil Lakes."
var img103="http://www.piute.org/slideshow/103.jpg|Wild Life Viewing."
var img104="http://www.piute.org/slideshow/104.jpg|Elk Hunters Delight."
var slideshow=new Array(img1,img2,img3,img4,img5,img6,img7,img8,img9,img10,img11,img12,img13,img14,img15,img16,img17,img18,img19,img20,img21,img22,img23,img24,img25,img26,img27,img28,img29,img30,img31,img32,img33,img34,img35,img36,img37,img38,img39,img100,img101,img102,img103,img104)
// the font-family of the messages
var fntfamily="Verdana"
// the font-size of the messages (ranging from 1 to 6)
var fntsize=1
// the font-color of the messages
// instead of "yellow" you also could write "FFFF00"
var fntcolor="yellow"
// the background-color of the messages
// instead of "black" you also could write "000000"
var bgrndcolor="black"
// the width of the slides (pixels)
var imagewidth=200
// the height of the slides (pixels)
var imageheight=133
// the minimum interval between each slide (seconds)
var standstill=4
///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////
// do not change the code below
var imgstop=0
var imgsleft=0
var mestop=imageheight
var mesleft=0
var firstslide=true
var starttime
var nowtime
var imgurl=new Array()
var message=new Array()
var imgurlandmessagearray=new Array()
var imgurlandmessage
var imgpreload=new Array()
var playertop=0
var playerleft=0
var i_imgs=0
var i_loop=0
var i_preloadloop=0
var i_transition=0
var timerrotate=false
var timercheck=false
var contentimg
var contentmes
var slideshowlength=slideshow.length
var topdivheight=imageheight+40
var ns6=document.getElementById&&!document.all?1:0
var standstill=standstill*1000
function init() {
firstslide=true
i_imgs=0
i_loop=0
i_preloadloop=randommaker(slideshowlength)
if (timerrotate) {
clearTimeout(timerrotate)
clearTimeout(timercheck)
}
imgurl=new Array
message=new Array
for (i=0;i<=slideshow.length-1;i++) {
imgurlandmessage=slideshow[i].split("|")
imgurl[i]=imgurlandmessage[0]
message[i]=imgurlandmessage[1]
}
if (document.all) {
imgs.innerHTML=""
mes.innerHTML=""
document.all.imgs.style.posTop=imgstop
document.all.imgs.style.posLeft=imgsleft
document.all.mes.style.posTop=mestop
document.all.mes.style.posLeft=mesleft
checkpreloadtime()
preloadimage()
checkifloaded()
}
if (ns6) {
document.getElementById('imgs').innerHTML=""
document.getElementById('mes').innerHTML=""
document.getElementById('imgs').style.top=imgstop
document.getElementById('imgs').style.left=imgsleft
document.getElementById('mes').style.top=mestop
document.getElementById('mes').style.left=mesleft
checkpreloadtime()
preloadimage()
checkifloaded()
}
if (document.layers) {
document.topdiv.document.imgs.document.write("")
document.topdiv.document.imgs.document.close()
document.topdiv.document.mes.document.write("")
document.topdiv.document.mes.document.close()
document.topdiv.document.imgs.top=imgstop
document.topdiv.document.imgs.left=imgsleft
document.topdiv.document.mes.top=mestop
document.topdiv.document.mes.left=mesleft
checkpreloadtime()
preloadimage()
checkifloaded()
}
}
function checkifloaded() {
if (imgpreload.complete) {
nowtime=new Date()
nowtime=nowtime.getTime()
nowtime=nowtime-starttime
var interval=standstill-nowtime
if (interval<=0 ) {
interval=1
}
if (firstslide) {
interval=1
firstslide=false
}
if (i_preloadloop==i_loop) {
interval=1
}
timerrotate=setTimeout("rotateimages()", interval)
}
else {
timercheck=setTimeout("checkifloaded()", 100)
}
}
function preloadimage() {
imgpreload=new Image()
imgpreload.src=imgurl[i_preloadloop]
}
function rotateimages() {
i_loop=i_preloadloop
i_preloadloop=randommaker()
checkpreloadtime()
preloadimage()
getcontent()
if (document.all) {
imgs.filters[i_transition].apply()
imgs.innerHTML=contentimg
imgs.filters[i_transition].play()
i_transition++
if (i_transition>21) {i_transition=0}
mes.innerHTML=contentmes
}
if (ns6) {
document.getElementById('imgs').innerHTML=contentimg
document.getElementById('mes').innerHTML=contentmes
}
if (document.layers) {
document.topdiv.document.imgs.document.write(contentimg)
document.topdiv.document.imgs.document.close()
document.topdiv.document.mes.document.write(contentmes)
document.topdiv.document.mes.document.close()
}
i_loop++
checkifloaded()
}
function randommaker() {
rand=Math.floor(slideshowlength*Math.random())
return rand
}
function getcontent() {
contentimg="![]("+imgurl[i_loop]+")
"
contentmes="