//=== global variables ====
 theImages = new Array();      //holds the images
 imageNum = new Array();       //keeps track of which images to omit from loop
 imageDate = new Array();
 normal_delay = 300;
 delay = normal_delay;         //delay between frames in 1/100 seconds
 delay_step = 50;
 delay_max = 4000;
 delay_min = 50;
 dwell_multipler = 3;
 dwell_step = 1;
 end_dwell_multipler   = dwell_multipler;
 start_dwell_multipler = dwell_multipler-2;

 timeID = null;
 s_status = 0;                      // 0-stopped, 1-playing
 play_mode = 0;                   // 0-normal, 1-loop, 2-sweep
 size_valid = 0;
 function datatypes( name,type,first,last,offset,height,width,beginimage){
  	 this.name=name;
  // This can be the directory
         this.type=type;
    // This can be .gif or does not need to be used
         		          // the names change each time 
         this.first=first;
         this.last=last;
         this.offset=offset;
         this.height=height;
         this.width=width;
         this.beginimage=beginimage;
  }
 
 
  
 
 //********* SET UP THESE VARIABLES - MUST BE CORRECT!!!*********************

  function goBack(){
  	self.history.back();
  }
  
 
 
 function loadimages(t){
 image_name = data[t].name;
 
 image_type = data[t].type;
 
 first_image = data[t].first; 
 
 last_image = data[t].last;
 
 offsetnum= data[t].offset;
 
 animation_height = data[t].height;
 animation_width = data[t].width;
 
 
 //===> 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)
     
  for (var i = first_image; i <= last_image; i++)
    {
       theImages[i] = new Image();
       theImages[i].src = image_name+imagelist[i];
       imageNum[i] = true;
 //      debug(theImages[i].src);
    };
    current_image=first_image;
 
 
 }
 
 //===> Stop the animation
 function stop()
 {
    //== cancel animation (timeID holds the expression which calls the fwd or bkwd function) ==
    if (s_status == 1)
       clearTimeout (timeID);
    s_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].src;   //display image onto screen

 
    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].src;   //display image onto screen

 
    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].src;   //display image
    
 }
  
 //===> 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].src;   //display image
    
 }
  
 //===> "Play forward"
 function fwd()
 {
    stop();
    s_status = 1;
    play_mode = 1;
    animate_fwd();
 }
  
 //===> "Play reverse"
 function rev()
 {
 alert("1");
    stop();
    s_status = 1;
    play_mode = 1;
    animate_rev();
 }
 function rrev()
 {
   stop();
   s_status = 1;
   play_mode = 1;
   animate_rev();
 }
 //===> "play sweep"
 function sweep() {
    stop();
    s_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()
 {
       stop();
       current_image = first_image;
       document.control_form.frame_nr.value = (current_image-offsetnum);
       this.defaultStatus = "LOADING COMPLETE - Ready for animation!";
 
    // this needs to be done to set the right mode when the page is manually reloaded
       change_mode (0);
       fwd();
 }
  
 //===> Check selection status of image in animation loop
 function checkImage(s_status,i)
 {
    if (s_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;
 }
  
 
 // New functions to switch types
 function ChangeSource(source){
   stop();
   MakeDisplayPage(source);
   loadimages(source);
 }
 
 
 // New function for writing header ifo
 function layerWrite(txt) {
 alert("In Here");
 txt="<UL><LI><STRONG>Click boxes</STRONG> in the left frame to view "+
                       "additional traveler information on the map.</LI></UL>";
                 if(isNav){
 alert(" Is Nav");
                    var lyr = document.overDiv.document;
                    lyr.write(txt);
                    lyr.close();
 
                 }
                 else{
 alert("is IRE");
                    document.all["overDiv"].innerHTML = txt;
                    
                 }
              
 }