$(document).ready(function() {

	/*-------- global vars --------*/
	var imgNumber=0;
	var start_stop=0;
	var delay=1000;


function Switch() {
	SwitchTo(imgNumber);


    var oldimgNum = imgNumber -1;
    if (oldimgNum < 0) { oldimgNum = totalimgNumber; }


   imgNumber++;
   if(imgNumber > totalimgNumber) imgNumber = 0;
}

function SwitchTo(num) {
   if (num < 0) num=0;
   if (num > totalimgNumber) num=totalimgNumber;

   imgNumber=num;

	$('#anim-radar').attr('src',anim[imgNumber].src);
	$('#anim-legend').attr({ src: anim_legend[imgNumber].src});
	$('#anim-warn').attr({ src:  anim_warn[imgNumber].src});
}


var myTimer;
function animate() {

   if (start_stop == 1) {
      Switch();
      myTimer= window.setTimeout(function() { animate(); }, delay);
   }
}



function startstop() {
   if (start_stop == 0) {
      start_stop=1;
      animate();

   }
   else {
      start_stop=0;
      window.clearTimeout("myTimer");

   }

   adjust_start_stop_button();

}




function adjust_start_stop_button() {
   if (start_stop == 0) {
      $('#anim-startstop-link').text('Start Loop');
   }
   else {
      $('#anim-startstop-link').text('Stop Loop');
   }
}


	// add control clicks
	$('#anim-startstop-link').click(function(e){
		startstop();
		return false;
 	});
	$('#anim-slower-link').click(function(e){
		delay-= 250;
      	if(delay < 250) delay = 250;

		return false;
 	});
	$('#anim-faster-link').click(function(e){
		delay += 250;
      	if(delay < 250) delay = 250;
		return false;
 	});


 	startstop();

});