// Popup badge in header

var badge = document.getElementById("badgebut"); // The "get badge" button



// Add some event listeners
if(badge.addEventListener) { // Add mouseover listener
	badge.addEventListener("mouseover", openBadge, false);	
} else if (badge.attachEvent) { // Otherwise, add mouseover listener for IE
	badge.attachEvent('onmouseover',openBadge);
}



// Function to switch the rollover style on
function openBadge(e) {
	
	/*alert('open');*/
	
	// Now set the mouseout listener
	var badgeBox = document.getElementById("badge_box"); // The "get badge" box
	badgeBox.style.display = "block";
	
	
	if(badgeBox.addEventListener) {
		badgeBox.addEventListener("mouseout", closeBadge, false);	
	} else if (badgeBox.attachEvent) { // IE
		badgeBox.attachEvent('onmouseout',closeBadge);
	} // End if/else
	

} // End function






// Function to switch the rollover style off
function closeBadge(e) {
	
	// Now set the mouseout listener
	var badgeBox = document.getElementById("badge_box"); // The "get badge" box
	
	
	
		if (!e) var e = window.event;
	var tg = (window.event) ? e.srcElement : e.target;
	if (tg.nodeName != 'DIV') return;
	var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
	while (reltg != tg && reltg.nodeName != 'BODY')
		reltg= reltg.parentNode
	if (reltg== tg) return;
	// mouse actually left layer
	badgeBox.style.display = "none";
	
	// Now set the mouseout listener
	var badgeBox = document.getElementById("badge_box"); // The "get badge" box
	
	if(badgeBox.removeEventListener) {
		badgeBox.removeEventListener("mouseout", closeBadge, false);	
	} else if (badgeBox.detachEvent) { // IE
		badgeBox.detachEvent('onmouseout',closeBadge);
	} // End if/else
	

} // End function