//This file will produce an in-window slide show with forward, back and autoplay buttons.
// The file itself resides in the root document directory, i.e. httpdocs and does not need to be copied or changed.
//1. Create a subdirectory of httpdocs, put all the images for this particular slide show
// in that directory along with a copy of getpic.php.
//2. Place the following two calls in the section of the html document in which you want the slide show to appear:
//
//
//3. Place the following code in the html document at the point where you want the slide show positioned:
//
//Proper display can sometimes be facilitated by placing the script call as the only element in a table
document.write("");
function PlacePicsHere(){
document.write("");
}
var Onerotate_delay = 2000; // delay in milliseconds (5000 = 5 secs)
Onecurrent = 0;
function Onenext() {
if (document.getElementById("picsform").picslist[Onecurrent+1]) {
//document.images.Oneshow.src = document.picsform.picslist[Onecurrent+1].value;
showpicture(document.getElementById("picsform").picslist);
document.getElementById("picsform").picslist.selectedIndex = ++Onecurrent;
}
else Onefirst();
}
function Oneprevious() {
if (Onecurrent-1 >= 0) {
//document.images.Oneshow.src = document.picsform.picslist[Onecurrent-1].value;
showpicture(document.getElementById("picsform").picslist);
document.getElementById("picsform").picslist.selectedIndex = --Onecurrent;
}
else Onelast();
}
function Onefirst() {
Onecurrent = 0;
//document.images.Oneshow.src = document.picsform.picslist[0].value;
showpicture(document.getElementById("picsform").picslist);
document.getElementById("picsform").picslist.selectedIndex = 0;
}
function Onelast() {
Onecurrent = document.picsform.picslist.length-1;
//document.images.Oneshow.src = document.picsform.picslist[Onecurrent].value;
showpicture(document.getElementById("picsform").picslist);
document.getElementById("picsform").picslist.selectedIndex = Onecurrent;
}
function Oneap(text) {
document.getElementById("picsform").picslistbutton.value = (text == "Stop") ? "Start" : "Stop";
Onerotate();
}
function Onerotate() {
if (document.getElementById("picsform").picslistbutton.value == "Stop") {
Onecurrent = (Onecurrent == document.getElementById("picsform").picslist.length-1) ? 0 : Onecurrent+1;
//document.images.Oneshow.src = document.picsform.picslist[Onecurrent].value;
showpicture(document.getElementById("picsform").picslist);
document.getElementById("picsform").picslist.selectedIndex = Onecurrent;
window.setTimeout("Onerotate()", Onerotate_delay);
}
}
function populateSelect(selectobj){
for (var i=0; i1){
selectobj.selectedIndex=0
showpicture(document.getElementById("picsform").picslist)
}
}
function showpicture(selectobj){
piccontainerobj=document.getElementById("picturearea")
resetfade(10)
piccontainerobj.innerHTML='
'
fadepictoview=setInterval("gradualfade(piccontainerobj)",50)
}
function resetfade(degree){
if (window.fadepictoview)
clearInterval(fadepictoview)
if (typeof piccontainerobj.style.MozOpacity=="string")
piccontainerobj.style.MozOpacity=degree/100
else if (piccontainerobj.filters)
piccontainerobj.filters.alpha.opacity=degree
}
function gradualfade(){
if (typeof piccontainerobj.style.MozOpacity=="string" && piccontainerobj.style.MozOpacity<1)
piccontainerobj.style.MozOpacity=Math.min(parseFloat(piccontainerobj.style.MozOpacity)+0.2, 0.99)
else if (piccontainerobj.filters && piccontainerobj.filters.alpha.opacity<100)
piccontainerobj.filters.alpha.opacity+=20
else //if not IE or Moz
clearInterval(fadepictoview)
}
window.onload=function(){
populateSelect(document.getElementById("picsform").picslist)
}