var counter = 0;

function hoverIcon(img)
{
	if (img)
	{
		if (img.className.indexOf("hover") > -1)
			img.className = img.className.replace("hover", "");
		else img.className = "hover";
	}
}

function initializeTooltip(control, ctrl_heading, ctrl_text)
{
	var popups = document.getElementById("popups");
	var tt = document.createElement("div");
	tt.className = "tooltip";
	tt.id = "tooltip" + counter;
	var divName = tt.id;
	counter++;
	tt.innerHTML = "<h1>" + ctrl_heading + "</h1>" + ctrl_text;
	
	if (typeof document.implementation != 'undefined' && document.implementation.hasFeature('Events', '2.0'))
	{
		control.addEventListener('mouseover', function (event) { hoverIcon(control);popUp(event, divName); }, false);
		control.addEventListener('mouseout', function (event) { hoverIcon(control);popUp(event, divName); }, false);
	}
	else if (typeof document.attachEvent != 'undefined')
	{
		control.attachEvent('onmouseover', function (event) { hoverIcon(control);popUp(event, divName); });
		control.attachEvent('onmouseout', function (event) { hoverIcon(control);popUp(event, divName); });
	}
	
	popups.appendChild(tt);
}