function killBoubble(e){
	// DOM
	if(e.stopPropagation) e.stopPropagation();
	// IE
	else e.cancelBubble = true;
}

function showTip(event, obj) {
	// reset positions
	if  (obj.className == elementClass1) tip = document.getElementById(hint1);
	if  (obj.className == elementClass2) tip = document.getElementById(hint2);			
	xPosition = yPosition = 0;
	
	//          | IE ?                        | DOM ?
	xPosition = 0; //obj.offsetLeft;
	yPosition = 0;//obj.offsetTop;
	tip.style.left = (parseInt(xPosition) + parseInt(obj.getAttribute('graph_x'))+5) + "px";
	tip.style.top = (parseInt(yPosition) + parseInt(obj.getAttribute('graph_y')-40)) + "px";
	tip.style.display = "block";
	tip.innerHTML = obj.getAttribute("tooltip");
}

function clearTooltip(e){
	var obj = (window.event)?event.srcElement:(e.target)?e.target:null;
	if  (obj.className == elementClass1) tip = document.getElementById(hint1);
	if  (obj.className == elementClass2) tip = document.getElementById(hint2);	

	tip.style.display = 'none';
	tip.style.left = '0px';
	tip.style.top = '0px';
	tip.style.innerHTML = '';
	
}


function makeTooltip(e){
	//            | IE ?                          | DOM ?            | ?
	
	var caller  = (window.event)?event.srcElement:(e.target)?e.target:null;
	var myEvent = (window.event)?window.event   :  e;
	showTip(myEvent, caller);
	killBoubble(myEvent);
	
}


// init function
function initToolTip(){
	var objects = document.getElementsByTagName(elementType);
	for(i=0; i<objects.length; i++){
		if (objects[i].className == elementClass1 || objects[i].className == elementClass2) {
			objects[i].setAttribute("tooltip", objects[i].title);
			objects[i].title = "";
			

			var ar = objects[i].coords.split(',');
			objects[i].setAttribute('graph_x', parseInt(ar[0]));
			objects[i].setAttribute('graph_y', parseInt(ar[1]));
			
			// IE
			if(objects[i].attachEvent) {
				objects[i].attachEvent("onmousemove", makeTooltip);
				objects[i].attachEvent("onmouseout", clearTooltip);
			}
			// DOM
			else if(objects[i].addEventListener) {
				//objects[i].addEventListener("mousemove", makeTooltip, "true");
				objects[i].addEventListener("mouseover", makeTooltip, "true");
				objects[i].addEventListener("mouseout", clearTooltip, "true");
			}
		}
	}
}


	
var elementType = "area";
var elementClass1 = "graph_val1";
var elementClass2 = "graph_val2";
var hint1 = 'hint1';
var hint2 = 'hint2';


window.onload = initToolTip;