aDefinitions = {
"pdf" : "Type: pdf document",
"doc" : "Type: document",
"movie" : "Type: video",
"ppt" : "Type: powerpoint",
"demo" : "Type: demo"
};

// had to separate this out into a function so that two links in the same sentence would work correctly
function attachEvents() {
	$(".tooltipfeature1").mouseover(function(event) {showTooltip(event,"feature1");});
	$(".tooltipfeature1").mouseout(function(event) {hideTooltip(event);});
	$(".tooltipfeature1").mousemove(function(event) {Locate(event);});

	$(".tooltipfeature2").mouseover(function(event) {showTooltip(event,"feature2");});
	$(".tooltipfeature2").mouseout(function(event) {hideTooltip(event);});
	$(".tooltipfeature2").mousemove(function(event) {Locate(event);});
	
	$(".tooltipfeature3").mouseover(function(event) {showTooltip(event,"feature3");});
	$(".tooltipfeature3").mouseout(function(event) {hideTooltip(event);});
	$(".tooltipfeature3").mousemove(function(event) {Locate(event);});
	
	$(".tooltipfeature4").mouseover(function(event) {showTooltip(event,"feature4");});
	$(".tooltipfeature4").mouseout(function(event) {hideTooltip(event);});
	$(".tooltipfeature4").mousemove(function(event) {Locate(event);});
	
	$(".tooltipfeature5").mouseover(function(event) {showTooltip(event,"feature5");});
	$(".tooltipfeature5").mouseout(function(event) {hideTooltip(event);});
	$(".tooltipfeature5").mousemove(function(event) {Locate(event);});
	
	$(".tooltipfeature6").mouseover(function(event) {showTooltip(event,"feature6");});
	$(".tooltipfeature6").mouseout(function(event) {hideTooltip(event);});
	$(".tooltipfeature6").mousemove(function(event) {Locate(event);});
	
	$(".tooltipfeature7").mouseover(function(event) {showTooltip(event,"feature7");});
	$(".tooltipfeature7").mouseout(function(event) {hideTooltip(event);});
	$(".tooltipfeature7").mousemove(function(event) {Locate(event);});
	
	$(".tooltipfeature8").mouseover(function(event) {showTooltip(event,"feature8");});
	$(".tooltipfeature8").mouseout(function(event) {hideTooltip(event);});
	$(".tooltipfeature8").mousemove(function(event) {Locate(event);});		
}

function showTooltip(e,tipType)
{
	// the definition of that term
	//var sTheDefinition = aDefinitions[tipType];
	var sTheDefinition = document.getElementById(tipType).innerHTML;

	// create the DIV to show the definition
	var oTooltip = document.createElement("div");
	oTooltip.setAttribute("id", "popupTooltip");
	oTooltip.style.position = "absolute";
	
	var oDefinition = document.createElement("div");
	oDefinition.className = "toolDefinition";
	oDefinition.innerHTML = sTheDefinition;
	oTooltip.appendChild(oDefinition);
	
	var oArrow = document.createElement("div");
	oArrow.setAttribute("id", "tooltipArrow");
	oTooltip.appendChild(oArrow);
		
	document.getElementsByTagName("body")[0].appendChild(oTooltip);

	Locate(e);
}

function hideTooltip(e)
{
	var oPopup = document.getElementById("popupTooltip");
	if (oPopup.parentNode) {
		oPopup.parentNode.removeChild(oPopup);
	}
	if (document.all) {
		var theSelects = document.getElementsByTagName("select");
		for ( i = 0; i < theSelects.length; i++ )
		{
			theSelects[i].style.visibility = "visible";
		}
	}
}

function Locate(e){
	var posx = 0, posy = 0;

	if (e == null) 
	{
		e = window.event;
	}
	if (e.pageX || e.pageY)
	{
	    posx = e.pageX;
		posy = e.pageY;
	}
	else if	(e.clientX || e.clientY)
	{
	    if(document.documentElement.scrollTop)
		{
	        posx = e.clientX + document.documentElement.scrollLeft;
	        posy = e.clientY + document.documentElement.scrollTop;
	    }
		else 
		{
	        posx = e.clientX + document.body.scrollLeft;
	        posy = e.clientY + document.body.scrollTop;
	    }
	}
	
	var oPopup = document.getElementById("popupTooltip");
	if (oPopup) {
		oPopup.style.top = (posy - oPopup.offsetHeight - 8) + "px";
		oPopup.style.left = (posx - 20) + "px";
	}
}

function preventClick()
{
	return false;
}