';
image[1] = '
';
image[2] = '
';
image[3] = '
';
image[4] = '
';
image[5] = '
';
function showSelectedImage(x) {
document.getElementById('main_image').innerHTML = image[x];
}
function showSelected(x) { // This function shows the selected feature that was clicked on
slideshow_stop = 1; // Comment out these two lines to keep the slideshow running (if already turned ON) when the link is clicked
document.getElementById('slideshow_span').innerHTML = 'Slideshow On';
document.getElementById('function_text').innerHTML = features[x];
}
function showPrevious() {
slideshow_stop = 1; // Comment out these two lines to keep the slideshow running (if already turned ON) when the previous link is clicked
document.getElementById('slideshow_span').innerHTML = 'Slideshow On';
current_feature -= 1; // Sets the new feature variable
if (current_feature == -1){ // If the variable is below 0 (ie not a valid array element) then find the last element of the array and display it
current_feature = features.length - 1 // finds the amount of elements in the array and take one to properly reference the new array element
document.getElementById('function_text').innerHTML = features[current_feature];
} else {
document.getElementById('function_text').innerHTML = features[current_feature];
}
}
function showNext() {
slideshow_stop = 1; // Comment out these two lines to keep the slideshow running (if already turned ON) when the next link is clicked
document.getElementById('slideshow_span').innerHTML = 'Slideshow On';
current_feature += 1; // Sets the new feature variable
if (current_feature == features.length){ // If the variable is higher than the last array element (.length displays the amount of elements but referencing array elements starts at 0) then display the first array element (at 0)
current_feature = 0;
document.getElementById('function_text').innerHTML = features[current_feature];
} else {
document.getElementById('function_text').innerHTML = features[current_feature];
}
}
function slideShow() {
if (slideshow_stop == 0){ // If the slide show is turned on (slideshow_stop is set to 0) then display each feature array element
current_feature += 1; // Sets the new feature variable
if (current_feature == features.length){ // If the variable is higher than the last array element (.length displays the amount of elements but referencing array elements starts at 0) then display the first array element
current_feature = 0;
document.getElementById('function_text').innerHTML = features[current_feature];
setTimeout("slideShow()", slideshow_speed); // Starts the function again after the time limit
} else {
document.getElementById('function_text').innerHTML = features[current_feature];
setTimeout("slideShow()", slideshow_speed); // Starts the function again after the time limit
}
} else {
}
}
function startSlideshow() {
slideshow_stop = 0; // Sets the variable to 0 which tells the slideShow function that the slide show is turned ON
setTimeout("slideShow()", slideshow_speed); // Starts the slideShow function after set time period
document.getElementById('slideshow_span').innerHTML = 'Slideshow Off'; // Replaces the Slideshow On button with a Slideshow Off button
}
function stopSlideshow() {
slideshow_stop = 1; // Sets the variable to 1 which tells the slideShow function that the slide show is turned OFF
document.getElementById('slideshow_span').innerHTML = 'Slideshow On'; // Replaces the Slideshow Off button with a Slideshow On button
}