function initTaf() {
	var objBody = document.getElementsByTagName("body").item(0);

	var objOverlay = document.createElement("div");
	objOverlay.setAttribute('id','tafOverlay');
	objOverlay.style.display = 'none';
	objOverlay.onclick = function() { closeTAF(); }
	objBody.appendChild(objOverlay);
}

panelArray = new Array();
function addPanel(panelID, defaultClose) {
	panelArray.push(panelID);
	if(defaultClose) {
		$(panelID).observe('click', function(e) {	
			closeTAF();
		});
	}
}

function openTAF(panelID) {
	hideSelectBoxes();
	hideFlash();
	
	var arrayPageSize = getPageSize();
	Element.setWidth('tafOverlay', arrayPageSize[0]);
	Element.setHeight('tafOverlay', arrayPageSize[1]);
	new Effect.Appear('tafOverlay', { duration: overlayDuration, from: 0.0, to: 0.5 });
	
	new Effect.Opacity(panelID, {duration:0.0, from:0.0, to:0.0});
	$(panelID).style.display = "block";
	
	var tafHeight = $(panelID).offsetHeight;
	var tafWidth = $(panelID).offsetWidth;
	
	$(panelID).style.display = "none";
	
	var arrayPageScroll = getPageScroll();
	var lightboxTop = arrayPageScroll[1] + (arrayPageSize[3] / 2) - (tafHeight / 2);
	var lightboxLeft = arrayPageScroll[0] + (arrayPageSize[0] / 2) - (tafWidth / 2);
	Element.setTop(panelID, lightboxTop);
	Element.setLeft(panelID, lightboxLeft);
	
	new Effect.Appear(panelID, {duration:overlayDuration, from:0.0, to:1});
}

function closeTAF() {
	numPanels = panelArray.length;
	for(i=0;i<numPanels;i++) {
		new Effect.Fade(panelArray[i], { duration: overlayDuration});
	}
	
	new Effect.Fade('tafOverlay', { duration: overlayDuration});
	showSelectBoxes();
	showFlash();
}

function toggleTAF(panelID) {
	if(document.getElementById(panelID).style.display == "none"){
		openTAF(panelID) ;	
	}else{
		closeTAF(panelID) ;
	}
}

Event.observe(window, 'load', initTaf, false);