var startDrag = false;
var currentPopup = null;
var width = 250;
var height = 125;
var XPos;
var YPos;
var offset = 20;
var offsetx = -offset - width;
var offsety = -offset - height;
var px = 0, py = 0;
var dx = 0, dy = 0;


function MovePopup(x, y)
{
	if(startDrag)
	{
		dx = x - px;
		dy = y - py;
		XPos += dx;
		YPos += dy;
		
		px = x;
		py = y;

		currentPopup.show(XPos, YPos, width, height, document.body);		
	}	
	
}

function DragPopup()
{
		if(event.button == 1)
		{			
			parent.window.MovePopup(event.screenX, event.screenY);
		}
		else
		{
			parent.window.startDrag = false;		
			document.body.style.cursor = "default";			
		}
}

function Drag()
{
/*
	if(startDrag)
	{		
		if(event.button == 1)
		{
			var dx = (event.clientX > XPos)? offsetx : offset;
			var dy = (event.clientY > YPos)? offsety : offset;
			
			hideSpan.style.left = event.clientX - hideSpan.style.pixelWidth/2;
			hideSpan.style.top = event.clientY - hideSpan.style.pixelHeight/2;
			
			//currentPopup.show(event.clientX + dx, event.clientY + dy, width, height, document.body);
			currentPopup.show(event.clientX + offset, event.clientY + offset, width, height, document.body);
			XPos = event.clientX;
			YPos = event.clientY;
		}
		else
		{
			startDrag = false;
			document.body.style.cursor = "default";
		}			
	}
*/
	if(startDrag)
	{		
		if(event.button == 1)
		{
			dx = event.screenX - px;
			dy = event.screenY - py;
			XPos += dx;
			YPos += dy;
			
			px = event.screenX;
			py = event.screenY;
			currentPopup.show(XPos, YPos, width, height, document.body);
		}
		else
		{
			startDrag = false;
			document.body.style.cursor = "default";
		}			
	}
}

function CreateTooltip(id)
{
	var menuPopup = window.createPopup();
	var menu = document.getElementById(id);
	menu.popupObj = menuPopup;	
	
	menuPopup.document.write("<STYLE type='text/css'>");
	menuPopup.document.write(tooltip_style);	
	menuPopup.document.write("</STYLE>");
	menuPopup.document.write("<script>");
	menuPopup.document.write(StartDrag);	
	menuPopup.document.write(DragPopup);
	menuPopup.document.write("</script>");
	menuPopup.document.write(menu.innerHTML);
	startDrag = false;	

	return menuPopup;	
}

function StartDrag()
{
	parent.window.startDrag = true;
	parent.window.px = event.screenX;
	parent.window.py = event.screenY + 50;	
	document.body.style.cursor = "move";
}

function EndDrag()
{
	if(startDrag)
	{		
		startDrag = false;
	}
}

function ShowTooltip(id)
{	
	XPos = event.clientX;
	YPos = event.clientY;
	
	var menu = document.getElementById(id);
	
	menu.popupObj.document.body.style.visibility = "hidden";
	menu.popupObj.document.body.filters[0].apply();
	menu.popupObj.show(XPos, YPos, width, height, document.body);
	menu.popupObj.document.body.style.visibility = "visible";
	menu.popupObj.document.body.filters[0].play();
	currentPopup = menu.popupObj;	
}

function CloseTooltip(id)
{
	var menu = document.getElementById(id);		
	menu.popupObj.hide();
}

function OpenWindow (sUrl,sFeatures)
{
	showModelessDialog(sUrl,window,sFeatures);	
}

/*
function AutosetStyle(id)
{
	var from = parent.window.document.getElementById(id);
	var to = document.getElementById(id);
	alert(id + ":" + from.style.color);
	
	to.style = from.style;
}

function AutosetBodyStyle(id)
{
	var from = parent.window.document.getElementById(id);
	document.body.style = from.style;
}

function CreateTooltip(id)
{
	...
	menuPopup.document.write("<script language = 'javascript'>");
	menuPopup.document.write(AutosetStyle);
	menuPopup.document.write(AutosetBodyStyle);		
	menuPopup.document.write("AutosetStyle('" + id + "_tb');");
	menuPopup.document.write("AutosetStyle('" + id + "_tl');");
	menuPopup.document.write("AutosetStyle('" + id + "_cn');");
	menuPopup.document.write("AutosetBodyStyle('" + id + "_bd');");
	menuPopup.document.write("</script>");
	...
}
*/