// Add Example Function to main Listener function
addLoadListener(showBalloons);
addLoadListener(hideBalloons);

function showBalloons() {
	var helpButtons = getElementsByClassName(document, 'div', 'helpButton');
	for (i = 0; i < helpButtons.length; i++) {
		helpButtons[i].onmouseover = function() {
			this.style.cursor = "pointer";
		};
		
		helpButtons[i].onclick = function() {
			var helpButton = this;
			var balloonId = helpButton.getAttribute("balloonId");
			
			var balloonDivElement = document.getElementById(balloonId);
			
			if (undefined != balloonDivElement) {
				balloonDivElement.style.display = "block";
		
				var x = YAHOO.util.Dom.getX(helpButton);
				var y = YAHOO.util.Dom.getY(helpButton);
				
				YAHOO.util.Dom.setX(balloonDivElement, x + 20);
				YAHOO.util.Dom.setY(balloonDivElement, y + 20);
			}
			return false;
		};
	}
}

function hideBalloons() {
	var closeButtons = getElementsByClassName(document, 'img', 'closeButton');
	var closeLinks = getElementsByClassName(document, 'a', 'closeLink');
	for (i = 0; i < closeButtons.length; i++) {
		closeButtons[i].onmouseover = function() {
			this.style.cursor = "pointer";
		};
		
		closeLinks[i].onmouseover = function() {
			this.style.cursor = "pointer";
		};
		
		closeButtons[i].onclick = function() {
			var helpButton = this;
			var balloonId = helpButton.getAttribute("balloonId");
		
			var balloonDivElement = document.getElementById(balloonId);
			
			if (undefined != balloonDivElement)
				balloonDivElement.style.display = "none";
			return false;
		};
		
		closeLinks[i].onclick = function() {
			var helpButton = this;
			var balloonId = helpButton.getAttribute("balloonId");
		
			var balloonDivElement = document.getElementById(balloonId);
			
			if (undefined != balloonDivElement)
				balloonDivElement.style.display = "none";
			return false;
		};
	}
}