if(document.all)addEvent(window,"load",startSShowIEPart1,false); else addEvent(window,"load",startSShow,false); //How to add/remove photos. //Add 270x150 or 180x150 pixel pictures to the /Pictures/SlideShow/ folder. Their names must include "270x150" or "180x150" or else they will not be in the slideshow. pic270x150 = new Array("/Pictures/SlideShow/DSC03891-270x150.jpg", "/Pictures/SlideShow/DSC03568-270x150.jpg", "/Pictures/SlideShow/DSC02268-shyg-smile-270x150.jpg", "/Pictures/SlideShow/DSC02267-shyg-270x150.jpg", "/Pictures/SlideShow/SS0-first-270x150.jpg", "/Pictures/SlideShow/Stewards 270x150.jpg", "/Pictures/SlideShow/Kate10-270x150.jpg", "/Pictures/SlideShow/SS2-first-270x150.jpg", "/Pictures/SlideShow/Kate1-270x150.jpg", "/Pictures/SlideShow/Kate3-270x150.jpg", "/Pictures/SlideShow/Kate6-270x150.jpg", "/Pictures/SlideShow/Kate8-270x150.jpg", "/Pictures/SlideShow/Misc2-270x150.jpg", "/Pictures/SlideShow/Misc3-270x150.jpg", "/Pictures/SlideShow/Misc4-270x150.jpg", "/Pictures/SlideShow/Misc7-270x150.jpg", "/Pictures/SlideShow/GES5-270x150.jpg", "/Pictures/SlideShow/GES7-270x150.jpg", "/Pictures/SlideShow/GES8-270x150.jpg", "/Pictures/SlideShow/vigil 270x150.png"); pic180x150 = new Array("/Pictures/SlideShow/DSC02267-ted-180x150.jpg", "/Pictures/SlideShow/Misc1-180x150.jpg", "/Pictures/SlideShow/DSC03569-180x150.jpg", "/Pictures/SlideShow/DSC03522-180x150.jpg", "/Pictures/SlideShow/Kate9-180x150.jpg", "/Pictures/SlideShow/Misc6-180x150.jpg", "/Pictures/SlideShow/GES1-180x150.jpg", "/Pictures/SlideShow/GES2-180x150.jpg", "/Pictures/SlideShow/GES3-180x150.jpg", "/Pictures/SlideShow/GES4-180x150.jpg", "/Pictures/SlideShow/GES6-180x150.jpg", "/Pictures/SlideShow/SS1-first-180x150.jpg", "/Pictures/SlideShow/SS3-first-180x150.jpg", "/Pictures/SlideShow/Kate2-180x150.jpg", "/Pictures/SlideShow/Kate4-180x150.jpg", "/Pictures/SlideShow/Kate5-180x150.jpg", "/Pictures/SlideShow/Kate7-180x150.jpg"); function startSShow(){ picDiv = new Array(document.getElementById("SS0"),document.getElementById("SS1"),document.getElementById("SS2"),document.getElementById("SS3")); divImg = new Array(picDiv[0].getElementsByTagName("img")[0],picDiv[1].getElementsByTagName("img")[0],picDiv[2].getElementsByTagName("img")[0],picDiv[3].getElementsByTagName("img")[0]); firstImage(0,pic270x150,500); firstImage(1,pic180x150,3000); firstImage(2,pic270x150,7000); firstImage(3,pic180x150,1500); } //Slideshow Functions function doFade(index){ if(getOpacity(divImg[index]) > 0){ setOpacity(divImg[index],getOpacity(divImg[index])-.05); setTimeout('doFade('+index+')',10); } else if(getOpacity(divImg[index]) == 0){ setTimeout('fadeDone('+index+')',500); } } function fadeDone(index){ var next = picDiv[index].SlideImageNext; divImg[index].src = picDiv[index].SlideImages[next]; setOpacity(divImg[index],1); while(next == picDiv[index].SlideImageNext || picDiv[index].SlideImageNext == picDiv[(index+2)%4].SlideImageNext) picDiv[index].SlideImageNext = Math.floor(Math.random()*picDiv[index].SlideImages.length); setTimeout('picDiv['+index+'].style.backgroundImage = "url("+picDiv['+index+'].SlideImages[picDiv['+index+'].SlideImageNext]+")"',500); setTimeout('doFade('+index+')',5000+Math.random()*5000); } function firstImage(index,array,offset){//Very very similar to fadeDone() picDiv[index].SlideImages = array; setOpacity(divImg[index],1); while(isNaN(picDiv[index].SlideImageNext) || picDiv[index].SlideImageNext == picDiv[(index+2)%4].SlideImageNext) picDiv[index].SlideImageNext = Math.floor(Math.random()*picDiv[index].SlideImages.length); picDiv[index].style.backgroundImage = "url("+picDiv[index].SlideImages[picDiv[index].SlideImageNext]+")"; setTimeout('doFade('+index+')',offset+Math.random()*5000); } //Browser compatability (Well, IE compatibility...) function setOpacity(elem, val){elem.style[(document.all)?"filter":"opacity"] = (document.all)?"alpha(opacity="+val*100+")":val;} function getOpacity(e){if(!document.all)return e.style.opacity;else return (/opacity=(\d+)/.exec(e.currentStyle["filter"])[1])/100;} function startSShowIEPart1(){ var divs = document.getElementsByTagName("div"); for(var i=0;i