// Events Javascripts

// for layers that remain even if the mouse moves. Ariel
function divEventsDisplay(eType, eNum, offSetL, offSetR) {
	var displayState = document.getElementById('event' + eNum + 'Div').style.display;
	var elementDivId = 'event' + eNum + 'Div';
	var elementNameId = eType + 'Anchor';
	// set total number of events in the event array.
	var eTotal = 8;
	for (i = 0; i < eTotal; i++) {
		document.getElementById('event' + i + 'Div').style.display='none';
	}
	// alert(elementNameId);
	var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);
	var scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);
	var descPos = document.getElementById(elementNameId).getBoundingClientRect();
	// alert(scrollLeft +' '+ scrollTop);
	var curLeft = descPos.left + scrollLeft + offSetL;
	var curBottom = descPos.bottom + scrollTop + offSetR;
	// turn on selected div
	if (displayState == "none") {
		document.getElementById(elementDivId).style.display='inline';
		document.getElementById(elementDivId).style.left=curLeft;
		document.getElementById(elementDivId).style.top=curBottom;
	} else if (displayState == "inline") {
		document.getElementById(elementDivId).style.display='none';
	}
}