var DELAY = 1000;

// Preload images.
var imageEmpty = new Image();
imageEmpty.src = 'http://www.textlinkcenter.com/images/paid-link/no-paid_detected.gif';
var image1 = new Image();
image1.src = 'http://www.textlinkcenter.com/images/status_bar.gif';
var image2 = new Image();
//image2.src ='http://www.textlinkcenter.com/images/status_bar_done.gif';
image2.src ='http://www.textlinkcenter.com/images/paid-link/paid_detected.gif';


function doLoad(myArray) {
	var imageNode = document.getElementById('image');

	if (myArray.length == 0) { // No results, show 'empty' image.
		//imageNode.src = imageEmpty.src;
		imageNode.src = image1.src;
		// Do animation.
		var i=1;
		setTimeout("replaceImage2()", (4) * DELAY);		
	}
	else {
		imageNode.src = image1.src;
		

		var textNode = document.getElementById('text');

		// Do animation.
		var i;
		for (i = 0; i < myArray.length - 1; i++) {
			myArray[i] = myArray[i].replace(/'/g, '\\\'');
			setTimeout("addItem(' " + myArray[i] + " ')", (i + 1) * DELAY);
		}
		myArray[i] = myArray[i].replace(/'/g, '\\\'');
		setTimeout("addItem('" + myArray[i] + "')", (i + 1) * DELAY);
		setTimeout("replaceImage()", (i + 5) * DELAY);
	}
}

function addItem(item) {
	var textNode = document.getElementById('text');
	textNode.innerHTML = textNode.innerHTML + "<table id=\"detected\" cellspacing=0 cellpadding=0 align=top>" + item + "</table>";
}

function replaceImage() {
	document.getElementById('image').src = image2.src;
}
function replaceImage2() {
	document.getElementById('image').src = imageEmpty.src;
}