// Loading
var loadingBoxId = -1;
var loadingBoxPos;
var loadingBoxDir;
var loadingBoxLen;

function loadingBoxAnimate() {
	var obj = document.getElementById('loadingBoxProgressBar');
	if(obj != null) {
		if (loadingBoxPos==1) loadingBoxLen += loadingBoxDir;
		if (loadingBoxLen>32 || loadingBoxPos>78) loadingBoxPos += loadingBoxDir;
		if (loadingBoxPos>78) loadingBoxLen -= loadingBoxDir;
		if (loadingBoxPos>78 && loadingBoxLen==0) loadingBoxPos = 1;
		obj.style.left = loadingBoxPos + "px";
		obj.style.width = loadingBoxLen + "px";
	}
}

function loadingBoxRemoval (text) {
	if (loadingBoxId < 0) return;

	// remove the given text
	if (text == null) text = 'Loading content';

	var objText = document.getElementById ('loadingBoxText');
	var c = objText.firstChild;
	while (c != null && c.innerHTML != text) c = c.nextSibling;
	if (c != null) objText.removeChild (c);

	if (!objText.hasChildNodes ()) {
		this.clearInterval(loadingBoxId);
		loadingBoxId = -1;
		var obj = document.getElementById('loadingBoxContainer');
		obj.style.display='none';
		obj.style.visibility='hidden';
	}

}

function loadingBoxStart (text) {
	if (loadingBoxId > -1) loadingBoxRemoval ();
	if (text == null) text = 'Loading content';
	var objText = document.getElementById ('loadingBoxText');
	if (!objText.hasChildNodes ()) {
		document.getElementById ('loadingBoxContainer').style.display = '';
		document.getElementById ('loadingBoxContainer').style.visibility = 'visible';
		loadingBoxId = setInterval (loadingBoxAnimate, 20);
		loadingBoxPos = 1;
		loadingBoxDir = 2;
		loadingBoxLen = 0;
	}

	// create newtext
	var div = document.createElement ("div");
	div.innerHTML = text;
	objText.appendChild (div);
}