// HR & Payroll - Employee Lifecycle JavaScript Functions

function createText(strText) {
	var divWrapper = document.getElementById('lifecycle-wrapper');
	var divOutput = document.createElement('div');
	var pOutput = document.createElement('p');
	var strOutput = document.createTextNode(strText);
	pOutput.appendChild(strOutput);
	divOutput.appendChild(pOutput);
	divOutput.setAttribute('id','placeholder');
	divWrapper.className = 'moused';
	divWrapper.appendChild(divOutput);
}

function deleteText() {
	if (!document.getElementById('placeholder')) return false;
	var divWrapper = document.getElementById('lifecycle-wrapper');
	var divPlaceholder = document.getElementById('placeholder');
	divWrapper.removeChild(divPlaceholder);
	divWrapper.className = '';
}

function lifeSetup() {
	if (!document.getElementById) return false;
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById('lifecycle-wrapper')) return false;
	if (!document.getElementById('employee-lifecycle')) return false;
	if (!document.getElementById('map-lifecycle')) return false;
	var objImage = document.getElementById('employee-lifecycle');
	objImage.setAttribute("alt", '');
	var objMap = document.getElementById('map-lifecycle');
	var arrAreas = objMap.getElementsByTagName('area');
	for (var i = 0; i < arrAreas.length; i++) {
		arrAreas[i].setAttribute("id", arrAreas[i].getAttribute("title"));
		arrAreas[i].removeAttribute("title");
		arrAreas[i].onmouseover = function() {
			createText(this.getAttribute("id"));
		}
		arrAreas[i].onmouseout = function() {
			deleteText();
		}
	}
}

addLoadEvent(lifeSetup);