var loadingGraphic = new Image(32,32);
loadingGraphic.src = './img/int/loadingIndicator.gif';

function interactionElement(elementID,showState) {
	if (!document.getElementById(elementID))
		return false;
	var el = document.getElementById(elementID);
	if (showState) {
		el.className = 'interactionOverlayActive';
	} else {
		el.className = 'interactionOverlay';
	}
	//alert(elementID+': '+showState);
}
function loadWalkthroughSection() {
	var cEl = document.getElementById('walkthroughCover');
	cEl.className = 'walkthroughCoverHidden';
}
function walkthrough(walkthroughID) {
	for (w=0; w<walkthroughList.length; w++) {
		if (!document.getElementById(walkthroughList[w]))
			continue;
		var wEl = document.getElementById(walkthroughList[w]);
		wEl.style.display = 'none';
		wEl.style.visibility = 'hidden';
	}
	var hideBoxID = walkthroughID.replace('wt_','hidebox_');
	walkthroughDetail(null,hideBoxID);

	var wEl = document.getElementById(walkthroughID);
	wEl.style.display = 'block';
	wEl.style.visibility = 'visible';
}
function walkthroughDetail(detailID,hideBoxID) {
	for (d=0; d<walkthroughDetailElements.length; d++) {
		if (!document.getElementById(walkthroughDetailElements[d]))
			continue;
		if (walkthroughDetailElements[d] == detailID)
			detailArrayPos = d;
		var dEl = document.getElementById(walkthroughDetailElements[d]);
		dEl.style.display = 'none';
		dEl.style.visibility = 'hidden';
	}

	// show box / hide screen
	if (document.getElementById(hideBoxID))
		var hEl = document.getElementById(hideBoxID);
	if (document.getElementById(detailID)) { // show detail
		// fill content with html
		var dElContent = document.getElementById(detailID+'_content');
		dElContent.innerHTML = walkthroughDetailContent[detailArrayPos];

		var dEl = document.getElementById(detailID);
		dEl.style.display = 'block';
		dEl.style.visibility = 'visible';
		if (hEl) {
			hEl.style.display = 'block';
			hEl.style.visibility = 'visible';
		}
	} else { // hide
		if (hEl) {
			hEl.style.display = 'none';
			hEl.style.visibility = 'hidden';
		}
	}
}