var idx=0;
var cvecArray;
var soArray;
var plan;

var nrow=2;
var ncol=2;
function clear()
{
	document.estrokeApplet.stopTrace();
	document.estrokeApplet.clear();
}

var fatmr;
var antmr;
function animate(cvec,so)
{
	clear();
	
	clearTimeout(fatmr);
	clearTimeout(antmr);
	cvecArray = cvec;
	soArray = so;
	idx = 0;
	if(cvec.length > 0)
		drawChar();
}

function drawChar()
{
	clearTimeout(fatmr);
	clearTimeout(antmr);
	document.estrokeApplet.drawChar(cvecArray[idx],soArray[idx],idx%ncol,
									Math.floor(idx/nrow));
	fatmr = setTimeout("finishAnimating()",1000);
}

function finishAnimating()
{
	clearTimeout(fatmr);
	clearTimeout(antmr);
	if(!document.estrokeApplet.isAnimating()){
		idx = ++idx % cvecArray.length;
		if(idx > 0)
			antmr = setTimeout("drawChar()",500);
	}
	else
		fatmr = setTimeout("finishAnimating()",1000);
}