google.load("jquery", "1.3.2");

var menu_tips = new Object();
menu_tips['menu_1'] = "<img src='/_Library/sectiontab/roll_Home.gif'>";
menu_tips['menu_2'] = "<img src='/_Library/sectiontab/roll_NationalRun.gif'>";
menu_tips['menu_3'] = "<img src='/_Library/sectiontab/roll_Run.gif'>";
menu_tips['menu_4'] = "<img src='/_Library/sectiontab/roll_Works.gif'>";
menu_tips['menu_5'] = "<img src='/_Library/sectiontab/roll_InteRun.gif'>";
menu_tips['menu_6'] = "<img src='/_Library/sectiontab/roll_Donate.gif'>";
menu_tips['menu_7'] = "<img src='/_Library/sectiontab/roll_Merchandise.gif'>";
menu_tips['menu_8'] = "<img src='/_Library/sectiontab/roll_Foundation.gif'>";
menu_tips['menu_9'] = "<img src='/_Library/sectiontab/roll_Research.gif'>";


function show_tip(obj){
	document.getElementById('tooltip').style.left = (getOffsetLeft(obj.id) - 66) + 'px';
	document.getElementById('tooltip').style.top = getOffsetTop(obj.id) + 'px';
	document.getElementById('tooltip').innerHTML = menu_tips[obj.id];
	document.getElementById('tooltip').style.display = 'block';
}

function hide_tip(obj){
	document.getElementById('tooltip').style.display = 'none';
}

function getOffsetLeft(id){
	var firstElement = $('#' + id);
	return firstElement.offset().left;
}

function getOffsetTop(id){
	var firstElement = $('#' + id);
	return firstElement.offset().top;
}