var mouseX;
var mouseY;
function getcords(e){

                mouseX = Event.pointerX(e);

                mouseY = Event.pointerY(e);

    //for testing put the mouse cords in a div for testing purposes
     }

           

     Event.observe(document, 'mousemove', getcords);


function showEventInfo(title, counterd){
	var eDiv = $('event-info');
	eDiv.innerHTML = title;
	eDiv.style.display = 'inline';
	if (counterd >= 6)
		mouseX = mouseX - eDiv.scrollWidth - 30;
	else
		mouseX = mouseX + 30;
	eDiv.style.left = (mouseX) + 'px';
	eDiv.style.top = mouseY-20 + 'px';
	
	

}

function hideEventInfo(){
	var eDiv = $('event-info');
	eDiv.style.display = 'none';
	
	return false;
}