var timer_is_on=1;
var currentslidenumber=2;
var displayedslidenumber=1;
var t
//Change this value to control the seconds between slides
var slidetime=4000;
//HTML variables for each of the four slides
var strMainImageDivID = 'current_slide'
var strMainImageHTML1 = '
';
var strMainImageHTML2 = '
';
var strMainImageHTML3 = '
';
var strMainImageHTML4 = '
';
var strMainImageHTML5 = '
';
strMainImageHTML5 += '';
var strSlideshowButtonsDivID = 'slideshow_buttons'
var strSlideshowButtonsHTML1 = '
';
var strSlideshowButtonsHTML2 = '';
var strSlideshowButtonsHTML3 = '';
var strSlideshowButtonsHTML4 = '';
var strSlideshowButtonsHTML5 = '';
//Window Onload
window.onload = init;
function init()
{
t = setTimeout("next_timed_slide(2)", slidetime);
}
//Continue the timed slide presentation and show the selected slide
function button_click(buttonNumber)
{
//timer_is_on=0; USE IF YOU WANT TO STOP THE SLIDESHOW
//stop the slideshow
timer_is_on = 0;
switch(buttonNumber)
{
case 1:
slide_change(1);
currentslidenumber=2;
break;
case 2:
slide_change(2);
currentslidenumber=3;
break;
case 3:
slide_change(3);
currentslidenumber=4;
break;
case 4:
slide_change(4);
currentslidenumber=5;
break;
case 5:
slide_change(5);
currentslidenumber=1;
break;
}
}
function prev_slide()
{
//stop slideshow
timer_is_on = 0;
switch(displayedslidenumber)
{
case 1:
slide_change(4);
currentslidenumber=1;
break;
case 2:
slide_change(1);
currentslidenumber=2;
break;
case 3:
slide_change(2);
currentslidenumber=3;
break;
case 4:
slide_change(3);
currentslidenumber=4;
break;
case 5:
slide_change(4);
currentslidenumber=5;
break;
default:
break;
}
}
function next_slide()
{
//stop slideshow
timer_is_on = 0;
switch(displayedslidenumber)
{
case 1:
slide_change(2);
currentslidenumber=3;
break;
case 2:
slide_change(3);
currentslidenumber=4;
break;
case 3:
slide_change(4);
currentslidenumber=5;
break;
case 4:
slide_change(5);
currentslidenumber=1;
break;
case 5:
slide_change(1);
currentslidenumber=2;
default:
break;
}
}
function slide_change(slideNumber)
{
switch(slideNumber)
{
case 1:
html_change(strMainImageHTML1, strMainImageDivID);
html_change(strSlideshowButtonsHTML1, strSlideshowButtonsDivID);
displayedslidenumber = 1;
break;
case 2:
html_change(strMainImageHTML2, strMainImageDivID);
html_change(strSlideshowButtonsHTML2, strSlideshowButtonsDivID);
displayedslidenumber = 2;
break;
case 3:
html_change(strMainImageHTML3, strMainImageDivID);
html_change(strSlideshowButtonsHTML3, strSlideshowButtonsDivID);
displayedslidenumber = 3;
break;
case 4:
html_change(strMainImageHTML4, strMainImageDivID);
html_change(strSlideshowButtonsHTML4, strSlideshowButtonsDivID);
displayedslidenumber = 4;
break;
case 5:
html_change(strMainImageHTML5, strMainImageDivID);
html_change(strSlideshowButtonsHTML5, strSlideshowButtonsDivID);
displayedslidenumber = 5;
}
}
function html_change(strHTML,strElementID)
{
var div = document.getElementById(strElementID);
div.innerHTML = strHTML;
}
function next_timed_slide(slideNumber)
{
//Set up another slide only if timer is on
if (timer_is_on == 1)
{
//Change to the next slide
slide_change(slideNumber)
//increment the slide number
var newslidenumber = 0;
if (currentslidenumber == 1)
{newslidenumber = 2;}
if (currentslidenumber == 2)
{newslidenumber = 3;}
if(currentslidenumber == 3)
{newslidenumber = 4;}
if(currentslidenumber == 4)
{newslidenumber = 5;}
if(currentslidenumber == 5)
{newslidenumber = 1;}
currentslidenumber = newslidenumber;
//start a timer for the next slide
t = setTimeout("next_timed_slide(currentslidenumber)", slidetime);
}
}