var WeatherImageFrames = new Array();
var WeatherImageInterval;

function WeatherImage_Load()
{
	// Preload Images
	PreloadImage('Play','/images/buttons/play.gif', 17, 17);
	PreloadImage('Pause','/images/buttons/pause.gif', 17, 17);
	for(var ctl = 0; ctl < WeatherImageList.length; ctl++)
	{
		WeatherImageFrames[ctl] = 0;
		for(var i=0; i<WeatherImageList[ctl].length; i++)
		{
			var url = WeatherImageList[ctl][i];
			PreloadImage( url );
		}
	}
	PreloadWait(WeatherImage_LoadComplete);
}

function WeatherImage_LoadComplete()
{
	WeatherImageInterval = setInterval('WeatherImage_Step()', 1000);
}

var debugCount = 0;

function WeatherImage_Step()
{
	for(var ctl = 0; ctl < WeatherImageList.length; ctl++)
	{
		if(WeatherImageControls[ctl][1])
			WeatherImage_Move(ctl, 1);
	}
}

function WeatherImage_PlayPause(listNum, btnID)
{
	WeatherImageControls[listNum][1] = !WeatherImageControls[listNum][1];	
	if(WeatherImageControls[listNum][1])
		SetImage(document.getElementById(btnID), 'Pause');
	else
		SetImage(document.getElementById(btnID), 'Play');
		
}

function WeatherImage_Move(listNum, step)
{
	var imageset = WeatherImageList[listNum];
	var clientID = WeatherImageControls[listNum][0];
	var stepPlus = WeatherImageFrames[listNum] + step;
	var afterStep;
	if(stepPlus >= imageset.length)
		afterStep = 0;
	else if(stepPlus < 0)
		afterStep = imageset.length - 1;
	else
		afterStep = stepPlus;
	var img = document.getElementById(clientID);
	if(SetImage(img, imageset[afterStep]));
		WeatherImageFrames[listNum] = afterStep;
}