" } filmThumbsText = filmThumbsText + "" filmthumbs.innerHTML = filmThumbsText } filmmain.style.cursor = "hand" slidemain.style.cursor = "hand" welcome.style.display = "none" forwButton.src=nextPath runButton.src=playPath prevButton.src=prevPath stopButton.src=stopPath if (fullscreen) { Slideshow('launch') } else { welcome2.style.display = "" } } } function Ticker() { if (runSlidesFlag == 1 && Mode == "Slideshow") { nextImage() timeoutid = setTimeout("Ticker()", 5000) } } function ShowControls(x) { if (controlsDisplay) { if (x=="Slideshow") { advcontrols1.style.color = "#ffffff" advcontrols2.style.color = "#03a0fc" advcontrols3.style.color = "#03a0fc" } else if (x=="Film") { advcontrols1.style.color = "#03a0fc" advcontrols2.style.color = "#ffffff" advcontrols3.style.color = "#03a0fc" } else if (x=="Contact") { advcontrols1.style.color = "#03a0fc" advcontrols2.style.color = "#03a0fc" advcontrols3.style.color = "#ffffff" } } else { advcontrols.style.visibility = "hidden" } } function ShowStopButton() { if (fullscreen) { stopButton.width = 32; stopButton.style.cursor = "hand" stopButton.style.visibility = "" } else { stopButton.width = 0; stopButton.style.cursor = "" stopButton.style.visibility = "hidden" } } function ShowButtons(f) { ShowStopButton(); forwButton.filters[0].Apply(); runButton.filters[0].Apply(); prevButton.filters[0].Apply(); stopButton.filters[0].Apply(); if (f) { buttonsEnabled = 1 forwButton.filters[0].transition = 3; runButton.filters[0].transition = 3; prevButton.filters[0].transition = 3; forwButton.src=nextPath runButton.src=playPath prevButton.src=prevPath forwButton.style.cursor="hand" runButton.style.cursor="hand" prevButton.style.cursor="hand" } else { buttonsEnabled = 0 forwButton.filters[0].transition = 2; runButton.filters[0].transition = 2; prevButton.filters[0].transition = 2; prevButton.src=blankPath forwButton.src=blankPath runButton.src=blankPath forwButton.style.cursor="" runButton.style.cursor="" prevButton.style.cursor="" } forwButton.filters[0].Play(); runButton.filters[0].Play(); prevButton.filters[0].Play(); stopButton.filters[0].Play(); } function Film() { if (controlsEnabled) { ShowControls('Film') Mode = "Film" runSlidesFlag = 0 welcome.style.display = "none" welcome2.style.display = "none" controls.style.display = "" if ((document.body.clientHeight - 220) > 0) { film.height = document.body.clientHeight - 220 } film.style.display = "" filmthumbs.style.display = "" contact.style.display = "none" slideshow.style.display = "none" ShowButtons(0) filmSelect(iImage) doResize() } } function Slideshow(x) { if (controlsEnabled) { ShowControls('Slideshow') Mode = "Slideshow" welcome.style.display = "none" welcome2.style.display = "none" controls.style.display = "" slideshow.style.display = "" if (x == "launch") { ShowStopButton() } else { ShowButtons(1) } contact.style.display = "none" film.style.display = "none" filmthumbs.style.display = "none" slidemain.src = vImage[iImage] doResize() } } function Contact() { if (controlsEnabled) { ShowControls('Contact') Mode = "Contact" runSlidesFlag = 0 welcome.style.display = "none" welcome2.style.display = "none" controls.style.display = "" contact.style.display = "" slideshow.style.display = "none" ShowButtons(0) film.style.display = "none" filmthumbs.style.display = "none" } } function changeImage(x,y) { iImage = (iImage + vImage.length + x) % vImage.length if (y == "notrans" || useTransitions != "yes") { slidemain.src = vImage[iImage] } else { slidemain.filters[0].Apply(); slidemain.filters[0].transition = 17 slidemain.src = vImage[iImage] slidemain.filters[0].Play(); } doResize() } function prevImage(x) { changeImage(-1,x) } function nextImage(x) { changeImage(+1,x) } function slideClick() { if (runSlidesFlag == 1) { runSlides() } nextImage("notrans") } function nextImageButton() { if (buttonsEnabled) { if (runSlidesFlag == 1) { runSlides() } nextImage("notrans") } } function runSlidesButton() { if (buttonsEnabled) { if (runSlidesFlag == 0) { nextImage() } runSlides() } } function prevImageButton() { if (buttonsEnabled) { if (runSlidesFlag == 1) { runSlides() } prevImage("notrans") } } function exitButton() { window.parent.close() } function runSlides() { runSlidesFlag = (runSlidesFlag + 1) % 2 if (runSlidesFlag == 1) { runButton.src = pausePath timeoutid = setTimeout("Ticker()", 5000) } else { clearTimeout(timeoutid) runButton.src = playPath } } function filmSelect(i) { iImage = i; filmmain.src = vImage[i]; for (var j = 0 ; j < cImage ; j++) { document.all["filmThumbCell"+j].style.border="" } document.all["filmThumbCell"+i].style.border="#00b 2px solid" doResize() } function filmJump(i) { iImage = i; Film(); } function changeFilmImage(x) { filmSelect((iImage + vImage.length + x) % vImage.length) } function prevFilmImage() { changeFilmImage(-1) } function nextFilmImage() { changeFilmImage(+1) } function contactSelect(i) { iImage = i Film() filmmain.src = vImage[i] doResize() } document.onkeydown = keyDown function keyDown() { if (27 == event.keyCode) { if (fullscreen == 1) { exiteButton() } } else if (Mode != "Welcome") { if (37 == event.keyCode) { if (Mode == "Slideshow") { prevImageButton() } else if (Mode == "Film") { prevFilmImage() } } else if (39 == event.keyCode) { if (Mode == "Slideshow") { nextImageButton() } else if (Mode == "Film") { nextFilmImage() } } else if (32 == event.keyCode) { if (Mode == "Slideshow") { runSlidesButton() } else { Slideshow() } } } } function doResize() { var clientWidth = (document.body.clientWidth - 40) var clientHeight = (document.body.clientHeight - document.all.controls.offsetHeight - 40) if (Mode == "Film") { clientHeight -= document.all.filmthumbs.offsetHeight } var cx = cxImage[iImage] var cy = cyImage[iImage] if (clientWidth < cx) { cy = cy * clientWidth / cx; cx = clientWidth } if (clientHeight < cy) { cx = cx * clientHeight / cy; cy = clientHeight } if (Mode == "Film") { filmmain.width = cx; filmmain.height = cy; } else { slidemain.width = cx; slidemain.height = cy; } }

Church picnic

Click here to watch the slideshow.