ani = new Animator();

function watcher()
{
	var d = document.getElementById('watch_delay');
	var e = document.getElementById('watch_end');

	if(ani.runningThreads > 0)
	{
		var a;
		for(i=0; i<ani.animations.length; i++)
			a = ani.animations[i].running ? ani.animations[i] : a;
		if(!a) return;
		var delay = a.startTime - new Date().getTime();
		delay = delay < 0 ? 0 : delay;
		d.value = delay;
		var ending = a.endTime - new Date().getTime();
		ending = ending < 0 ? 0 : ending;
		e.value = ending;
	}
}

function run_test1()
{
	var o = document.getElementById('test1');
	var a = new Animation(o.style, 'opacity', 1, 0, 1000);
	var a2 = new Animation(o.style, 'opacity', 0, 1, 200, 2500);
	ani.add(a);
	ani.add(a2);
	ani.startAll();
	//setTimeout('ani.add(new Animation( document.getElementById("test1").style, "opacity", 0, 1, 200));ani.startAll();', 2500);
}

function run_test2()
{
	var o = document.getElementById('test2');
	var a = new Animation(o.style, 'width', 140, 10, 1000);
	var a2 = new Animation(o.style, 'width', 10, 140, 200, 2500);
	ani.add(a);
	ani.add(a2);
	ani.startAll();
	setTimeout('ani.add(new Animation( document.getElementById("test2").style, "width", 10, 140, 200));ani.startAll();', 2500);
}

function run_test3()
{
	var o = document.getElementById('test3');
	var a = new Animation(o.style, 'left', 10, 40, 1000);
	var a2 = new Animation(o.style, 'left', 40, 10, 200, 2500);
	ani.add(a);
	ani.add(a2);
	ani.startAll();
}