//============================================================
//                >> jsImagePlayer 1.0 <<
//            for Netscape3.0+, September 1996
//============================================================
//                  by (c)BASTaRT 1996
//             Praha, Czech Republic, Europe
//
// feel free to copy and use as long as the credits are given
//          by having this header in the code
//
//          contact: xholecko@sgi.felk.cvut.cz
//          http://sgi.felk.cvut.cz/~xholecko
//
//============================================================
// Thanx to Karel & Martin for beta testing and suggestions!
//============================================================
//
//     modified by D. Watson and A. Earnhart (CIRA/CSU), 7/30/97
//     and Greg Thompson (NCAR/RAP) May 07, 2000
//
//============================================================
 
//********* SET UP THESE VARIABLES - MUST BE CORRECT!!!*********************


$(document).ready(function() {
  launch();
});

var baseUrl = 'http://skyaware.wxc.com/al_pro/';

modImages = new Array();
modImages[0] = baseUrl + "gms/radar_mslp/radar_hour_000.jpg";
modImages[1] = baseUrl + "gms/radar_mslp/radar_hour_001.jpg";
modImages[2] = baseUrl + "gms/radar_mslp/radar_hour_002.jpg";
modImages[3] = baseUrl + "gms/radar_mslp/radar_hour_003.jpg";
modImages[4] = baseUrl + "gms/radar_mslp/radar_hour_004.jpg";
modImages[5] = baseUrl + "gms/radar_mslp/radar_hour_005.jpg";
modImages[6] = baseUrl + "gms/radar_mslp/radar_hour_006.jpg";
modImages[7] = baseUrl + "gms/radar_mslp/radar_hour_007.jpg";
modImages[8] = baseUrl + "gms/radar_mslp/radar_hour_008.jpg";
modImages[9] = baseUrl + "gms/radar_mslp/radar_hour_009.jpg";
modImages[10] = baseUrl + "gms/radar_mslp/radar_hour_010.jpg";
modImages[11] = baseUrl + "gms/radar_mslp/radar_hour_011.jpg";
modImages[12] = baseUrl + "gms/radar_mslp/radar_hour_012.jpg";
modImages[13] = baseUrl + "gms/radar_mslp/radar_hour_013.jpg";
modImages[14] = baseUrl + "gms/radar_mslp/radar_hour_014.jpg";
modImages[15] = baseUrl + "gms/radar_mslp/radar_hour_015.jpg";
modImages[16] = baseUrl + "gms/radar_mslp/radar_hour_016.jpg";
modImages[17] = baseUrl + "gms/radar_mslp/radar_hour_017.jpg";
modImages[18] = baseUrl + "gms/radar_mslp/radar_hour_018.jpg";
modImages[19] = baseUrl + "gms/radar_mslp/radar_hour_019.jpg";
modImages[20] = baseUrl + "gms/radar_mslp/radar_hour_020.jpg";
modImages[21] = baseUrl + "gms/radar_mslp/radar_hour_021.jpg";
modImages[22] = baseUrl + "gms/radar_mslp/radar_hour_022.jpg";
modImages[23] = baseUrl + "gms/radar_mslp/radar_hour_023.jpg";
modImages[24] = baseUrl + "gms/radar_mslp/radar_hour_024.jpg";
modImages[25] = baseUrl + "gms/radar_mslp/radar_hour_025.jpg";
modImages[26] = baseUrl + "gms/radar_mslp/radar_hour_026.jpg";
modImages[27] = baseUrl + "gms/radar_mslp/radar_hour_027.jpg";
modImages[28] = baseUrl + "gms/radar_mslp/radar_hour_028.jpg";
modImages[29] = baseUrl + "gms/radar_mslp/radar_hour_029.jpg";
modImages[30] = baseUrl + "gms/radar_mslp/radar_hour_030.jpg";
modImages[31] = baseUrl + "gms/radar_mslp/radar_hour_031.jpg";
modImages[32] = baseUrl + "gms/radar_mslp/radar_hour_032.jpg";
modImages[33] = baseUrl + "gms/radar_mslp/radar_hour_033.jpg";
modImages[34] = baseUrl + "gms/radar_mslp/radar_hour_034.jpg";
modImages[35] = baseUrl + "gms/radar_mslp/radar_hour_035.jpg";
modImages[36] = baseUrl + "gms/radar_mslp/radar_hour_036.jpg";
modImages[37] = baseUrl + "gms/radar_mslp/radar_hour_037.jpg";
modImages[38] = baseUrl + "gms/radar_mslp/radar_hour_038.jpg";
modImages[39] = baseUrl + "gms/radar_mslp/radar_hour_039.jpg";
modImages[40] = baseUrl + "gms/radar_mslp/radar_hour_040.jpg";
modImages[41] = baseUrl + "gms/radar_mslp/radar_hour_041.jpg";
modImages[42] = baseUrl + "gms/radar_mslp/radar_hour_042.jpg";
modImages[43] = baseUrl + "gms/radar_mslp/radar_hour_043.jpg";
modImages[44] = baseUrl + "gms/radar_mslp/radar_hour_044.jpg";
modImages[45] = baseUrl + "gms/radar_mslp/radar_hour_045.jpg";
modImages[46] = baseUrl + "gms/radar_mslp/radar_hour_046.jpg";
modImages[47] = baseUrl + "gms/radar_mslp/radar_hour_047.jpg";
modImages[48] = baseUrl + "gms/radar_mslp/radar_hour_048.jpg";
first_image = 1;
last_image = 49;
 
//**************************************************************************
 
//=== 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 = 400;
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 <BODY>)
/*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();
}*/
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[first_image-1].src;
      document.control_form.frame_nr.value = first_image;
   }
 
   // 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;
}