var myImg= new Array(60)
var MAX_FRAMES = 60;
var Animated = false;
var StopAnim = false;

for(i=0; i<MAX_FRAMES; i++)
  myImg[i]= i+1;


myImgSrc = "http://grib.navsim.pl/map/5/";
myExt = "tmp";
myImgEnd = ".png"

var i = 0;


function loadImg(_imgsrc, _ext ){
  myImgSrc = _imgsrc;
  myExt = _ext;
  document.imgSrc.src = myImgSrc + myImg[i] + '_'+ myExt + myImgEnd;
}

function prev(){
  StopAnim = true;  
  if(i<1){
    var l = i
  } else {
    var l = i-=1;
  }
  document.imgSrc.src = myImgSrc + myImg[l] + '_' + myExt + myImgEnd;
      clear_progress();
      document.getElementById("sw"+i).src = 'http://www.navsim.pl/rotator2/gfx/led_green.gif'; 
}

function first(){
  StopAnim = true;  

  i = 0;
  document.imgSrc.src = myImgSrc + myImg[i] + myExt + myImgEnd;
}

function last(){
  StopAnim = true;  

  i = MAX_FRAMES - 1;
  document.imgSrc.src = myImgSrc + myImg[i] + myExt + myImgEnd;
}

function next(){

  StopAnim = true;  
  

  if(i>MAX_FRAMES-2){
    var l = i
  } else {
    var l = i+=1;
  }
  document.imgSrc.src = myImgSrc + myImg[l] + '_' + myExt + myImgEnd;
      clear_progress();
      document.getElementById("sw"+i).src = 'http://www.navsim.pl/rotator2/gfx/led_green.gif'; 
}

function clear_progress() {

  for( k=0; k<MAX_FRAMES; k++ )
    document.getElementById("sw"+k).src = 'http://www.navsim.pl/rotator2/gfx/led_grey.gif'; 

}

function imgswitch(obj, img_id) {
  StopAnim = true;  

  clear_progress();  
  obj.src = 'http://www.navsim.pl/rotator2/gfx/led_green.gif';
  document.imgSrc.src = myImgSrc + myImg[img_id] + '_' + myExt + myImgEnd;
  i=img_id;
}


function anim(arg) {

  if(arg==1) {
    StopAnim = false;
    
  }
    
  if((i < MAX_FRAMES) ) {

    if( !StopAnim ) {
      clear_progress();
      document.getElementById("sw"+i).src = 'http://www.navsim.pl/rotator2/gfx/led_green.gif'; 
      document.imgSrc.src = myImgSrc + myImg[i++] + '_' + myExt + myImgEnd;

      var recur_call = "anim(0)";
      
      setTimeout(recur_call, 1000);    
      

    }
  } else {
  
    i = 0;
  }
}

function stop() {

  StopAnim = true;  
  
}

function ChangeButtons(obj, image) {

  obj.src = "weather/template/" + image;

}


function ShowBigImage() {

  var link = myImgSrc + myImg[i] + '_' + myExt + '_big' + myImgEnd;
  window.open(link,'mywindow','width=940,height=640')  
  
}

// Load function after page loads
//window.onload=loadImg;