function MouseOver( element, buttonColor ) {
	if(element.title) {
	g_PopupColor = buttonColor;
	element.onmousemove=MouseMove;
	element.onmouseout=MouseOut;

	g_element_on = element;

		document.getElementById( 'popup_center_' + g_PopupColor ).innerHTML = element.title;
		g_title = element.title;
		element.title = '';
	}
}



function MouseMove(e){

	if ( g_PopupColor == '' ) {
		return;

	}	
	
	var popup=document.getElementById( 'popup_' + g_PopupColor );
	var popup_txt =document.getElementById( 'popup_center_' + g_PopupColor );
	var popup_corn=document.getElementById( 'popup_' + g_PopupColor + '_corn');	

	if(window.event){
		popup.style.visibility="visible";
		popup.style.width = popup_txt.offsetWidth;

		oCanvas = document.getElementsByTagName((document.compatMode && document.compatMode == "CSS1Compat") ? "HTML" : "BODY")[0];

		x = event.clientX - 17 + oCanvas.scrollLeft;
		y = event.clientY - 6 + oCanvas.scrollTop;

		popup.style.top = y - popup.offsetHeight;		

		if ( x < (document.documentElement.clientWidth) - popup.offsetWidth - 17 )
		{
			popup.style.left = x;
		}
		else if ( x > (((document.documentElement.clientWidth * 2) / 3) + popup.offsetWidth/2) )

		{
			popup.style.left = x;
		}
		else
		{
			popup.style.top = y - popup.offsetHeight;
			popup.style.left = x - (popup.offsetWidth/2 -  popup_txt.offsetWidth + 5);
		}

	}else{
		popup.style.visibility="visible";

		x = e.pageX - 17;
		y = e.pageY - 6;

		popup.style.width = popup_txt.offsetWidth + 'px';

		popup.style.top=y - popup.offsetHeight +'px';

		if ( x < (document.documentElement.clientWidth) - popup.offsetWidth - 17)
		{
			popup.style.left = x + 'px';
		}
		else if ( x > (((document.documentElement.clientWidth * 2) / 3) + popup.offsetWidth/2) )

		{
			popup.style.left = x - popup.offsetWidth - 13 + 'px';
		}
		else
		{
			popup.style.top = y - popup.offsetHeight + 'px';
			popup.style.left = x - (popup.offsetWidth/2 + 5) + popup_txt.offsetWidth/2 + 'px';
		}
	}
}

function MouseOut( ) {	

	var popup=document.getElementById( 'popup_' + g_PopupColor );	

	popup.style.width = 0

	g_element_on.title = g_title;
	document.getElementById( 'popup_center_' + g_PopupColor ).innerHTML = '';
	if(window.event){
		popup.style.visibility="hidden";

	}else{
		popup.style.visibility="hidden";

	}
	g_PopupColor = '';
}
