var defaultTooltipText = "<span class=\"default\">choose an app</span>";

window.onload = setupTooltips();

function setupTooltips() {
	$("tooltip").innerHTML = defaultTooltipText;
	$$("#home_apps a").each(function(link){
		link.onmouseover = function() {
			$("tooltip").innerHTML = prettyTooltip(this.title);
		};
		link.onmouseout = function() {
			$("tooltip").innerHTML = defaultTooltipText;
		};
	});
}

function prettyTooltip(text) {
	text = text.gsub(" - ", '<span class="description">');
	return text + "</span>";
}