document.observe('dom:loaded', function(e) {
	var IElt7 = false;
	if(document.all && !window.opera && !(document.documentElement && typeof document.documentElement.style.maxHeight!="undefined")) {
		var IElt7 = true;
		var transparentGif = 'assets/transparent.gif';
	}

	$$('.show_tooltips').each(function(area) {
		if(area.id && area.id.match(/^show_tooltip_/)) {
			var tooltip = area.id.replace(/^show_/, '');
			if($(tooltip)) {
				tooltip = $(tooltip);

				// Fix PNGs for IE
				if(IElt7 && tooltip.down('img') !== undefined) {
					var tooltipImgs = tooltip.select('img');
					tooltipImgs.each(function(img) {
						if(img.src && img.src.match(/\.png$/)) {
							var src = img.src;
							img.src = transparentGif;
							img.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
						}
					});
				}

				tooltip.observe('mouseover', function(e) {
					tooltip.addClassName('mouseover');
				});
				tooltip.observe('mouseout', function(e) {
					tooltip.removeClassName('mouseover');
					setTimeout(function() {
						if(!area.hasClassName('mouseover') && !tooltip.hasClassName('mouseover')) {
							tooltip.hide();
						}
					}, 50);
				});

				area.observe('mouseover', function(e) {
					area.addClassName('mouseover');
					tooltip.show();
				});
				area.observe('mouseout', function(e) {
					area.removeClassName('mouseover');
					setTimeout(function() {
						if(!area.hasClassName('mouseover') && !tooltip.hasClassName('mouseover')) {
							tooltip.hide();
						}
					}, 50);
				});

			}
		}
	});
});