//**************************************************************************
//=== THE CODE STARTS HERE - no need to change anything below ===
//=== global variables ====
theImages = new Array(); //holds the images
imageNum = new Array(); //keeps track of which images to omit from loop
normal_delay = 1000;
delay = normal_delay; //delay between frames in 1/100 seconds
delay_step = 50;
delay_max = 6000;
delay_min = 50;
dwell_multipler = 3;
dwell_step = 1;
end_dwell_multipler = dwell_multipler;
start_dwell_multipler = dwell_multipler;
current_image = first_image; //number of the current image
timeID = null;
status = 0; // 0-stopped, 1-playing
play_mode = 0; // 0-normal, 1-loop, 2-sweep
size_valid = 0;
//===> Make sure the first image number is not bigger than the last image number
if (first_image > last_image)
{
var help = last_image;
last_image = first_image;
first_image = help;
}
//===> Preload the first image (while page is downloading)
theImages[0] = new Image();
theImages[0].src = modImages[0];
imageNum[0] = true;
//==============================================================
//== All previous statements are performed as the page loads. ==
//== The following functions are also defined at this time. ==
//==============================================================
//===> Stop the animation
function stop()
{
//== cancel animation (timeID holds the expression which calls the fwd or bkwd function) ==
if (status == 1)
clearTimeout (timeID);
status = 0;
}
//===> Display animation in fwd direction in either loop or sweep mode
function animate_fwd()
{
current_image++; //increment image number
//== check if current image has exceeded loop bound ==
if (current_image > last_image) {
if (play_mode == 1) { //fwd loop mode - skip to first image
current_image = first_image;
}
if (play_mode == 2) { //sweep mode - change directions (go bkwd)
current_image = last_image;
animate_rev();
return;
}
}
//== check to ensure that current image has not been deselected from the loop ==
//== if it has, then find the next image that hasn't been ==
while (imageNum[current_image-first_image] == false) {
current_image++;
if (current_image > last_image) {
if (play_mode == 1)
current_image = first_image;
if (play_mode == 2) {
current_image = last_image;
animate_rev();
return;
}
}
}
document.animation.src = theImages[current_image-first_image].src; //display image onto screen
document.control_form.frame_nr.value = current_image; //display image number
delay_time = delay;
if ( current_image == first_image) delay_time = start_dwell_multipler*delay;
if (current_image == last_image) delay_time = end_dwell_multipler*delay;
//== call "animate_fwd()" again after a set time (delay_time) has elapsed ==
timeID = setTimeout("animate_fwd()", delay_time);
}
//===> Display animation in reverse direction
function animate_rev()
{
current_image--; //decrement image number
//== check if image number is before lower loop bound ==
if (current_image < first_image) {
if (play_mode == 1) { //rev loop mode - skip to last image
current_image = last_image;
}
if (play_mode == 2) {
current_image = first_image; //sweep mode - change directions (go fwd)
animate_fwd();
return;
}
}
//== check to ensure that current image has not been deselected from the loop ==
//== if it has, then find the next image that hasn't been ==
while (imageNum[current_image-first_image] == false) {
current_image--;
if (current_image < first_image) {
if (play_mode == 1)
current_image = last_image;
if (play_mode == 2) {
current_image = first_image;
animate_fwd();
return;
}
}
}
document.animation.src = theImages[current_image-first_image].src; //display image onto screen
document.control_form.frame_nr.value = current_image; //display image number
delay_time = delay;
if ( current_image == first_image) delay_time = start_dwell_multipler*delay;
if (current_image == last_image) delay_time = end_dwell_multipler*delay;
//== call "animate_rev()" again after a set amount of time (delay_time) has elapsed ==
timeID = setTimeout("animate_rev()", delay_time);
}
//===> Changes playing speed by adding to or substracting from the delay between frames
function change_speed(dv)
{
delay+=dv;
//== check to ensure max and min delay constraints have not been crossed ==
if(delay > delay_max) delay = delay_max;
if(delay < delay_min) delay = delay_min;
}
//===> functions that changed the dwell rates.
function change_end_dwell(dv) {
end_dwell_multipler+=dv;
if ( end_dwell_multipler < 1 ) end_dwell_multipler = 0;
}
function change_start_dwell(dv) {
start_dwell_multipler+=dv;
if ( start_dwell_multipler < 1 ) start_dwell_multipler = 0;
}
//===> Increment to next image
function incrementImage(number)
{
stop();
//== if image is last in loop, increment to first image ==
if (number > last_image) number = first_image;
//== check to ensure that image has not been deselected from loop ==
while (imageNum[number-first_image] == false) {
number++;
if (number > last_image) number = first_image;
}
current_image = number;
document.animation.src = theImages[current_image-first_image].src; //display image
document.control_form.frame_nr.value = current_image; //display image number
}
//===> Decrement to next image
function decrementImage(number)
{
stop();
//== if image is first in loop, decrement to last image ==
if (number < first_image) number = last_image;
//== check to ensure that image has not been deselected from loop ==
while (imageNum[number-first_image] == false) {
number--;
if (number < first_image) number = last_image;
}
current_image = number;
document.animation.src = theImages[current_image-first_image].src; //display image
document.control_form.frame_nr.value = current_image; //display image number
}
//===> "Play forward"
function fwd()
{
stop();
status = 1;
play_mode = 1;
animate_fwd();
}
//===> "Play reverse"
function rev()
{
stop();
status = 1;
play_mode = 1;
animate_rev();
}
//===> "play sweep"
function sweep() {
stop();
status = 1;
play_mode = 2;
animate_fwd();
}
//===> Change play mode (normal, loop, swing)
function change_mode(mode)
{
play_mode = mode;
}
//===> Load and initialize everything once page is downloaded (called from 'onLoad' in )
function launch()
{
for (var i = first_image + 1; i <= last_image; i++)
{
theImages[i-first_image] = new Image();
theImages[i-first_image].src = modImages[i-first_image];
imageNum[i-first_image] = true;
document.animation.src = theImages[i-first_image].src;
document.control_form.frame_nr.value = i;
}
// this needs to be done to set the right mode when the page is manually reloaded
change_mode (1);
fwd();
}
//===> Check selection status of image in animation loop
function checkImage(status,i)
{
if (status == true)
imageNum[i] = false;
else imageNum[i] = true;
}
//==> Empty function - used to deal with image buttons rather than HTML buttons
function func()
{
}
//===> Sets up interface - this is the one function called from the HTML body
function animation()
{
count = first_image;
}
// -->
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
