//ContentInfo = "";
topColor = "#808080"
subColor = "#C0C0C0"
var mouse_X;
var mouse_Y;
var ToolTipWidth = 100;
var tip_active = 0;

function PositionElement(el)
    {
        el.style.left = parseFloat(mouse_X + 20) + "px";
	    if ((mouse_X + 21) + parseFloat(el.offsetWidth) > document.body.clientWidth)
	    { el.style.left = (mouse_X - 21 - (parseFloat(el.offsetWidth))) + "px"; }
	    if (!ie) { el.style.top = (mouse_Y-5) + "px";  }
	    else { el.style.top = ((mouse_Y-5) + parseFloat(document.body.scrollTop)) + "px"; };
    }

function GetMousePosition(e)
{
	if (ie)
	{ // grab the x-y pos.s if browser is IE
	    mouse_X = window.event.x + (document.documentElement.scrollLeft + document.documentElement.offsetLeft);
	    mouse_Y = window.event.y + document.documentElement.scrollTop;
	}
	else
	{ // grab the x-y pos.s if browser is NS
		mouse_X = e.clientX //e.pageX;
		mouse_Y = e.clientY //e.pageY;
	}
	if (mouse_X < 0){mouse_X = 0;}
	if (mouse_Y < 0){mouse_Y = 0;}
}

function update_tip_pos()
{
	var el = document.getElementById('ToolTip');
	PositionElement(el);
	//el.style.left = mouse_X + 10;
	//if ((mouse_X+10)+ToolTipWidth > document.body.clientWidth)
	//	{ el.style.left = (mouse_X - (ToolTipWidth+10)); }
	//el.style.top  = mouse_Y;
}

var ie = document.all?true:false;
if (!ie) document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;

function getMouseXY(e)
{
	var e = e || window.event;
	GetMousePosition(e);
	//if (ie)
	//{ // grab the x-y pos.s if browser is IE
	//mouse_X = e.x + document.documentElement.scrollLeft;
	//mouse_Y = e.y + document.documentElement.scrollTop;
	//}
	//else
	//{ // grab the x-y pos.s if browser is NS
	//	mouse_X = e.pageX;
	//	mouse_Y = e.pageY;
	//}
	//if (mouse_X < 0){mouse_X = 0;}
	//if (mouse_Y < 0){mouse_Y = 0;}

	if(tip_active)
	{
	update_tip_pos();
	}
}

function EnterContent(TTitle, TContent, TWidth)
{
ToolTipWidth = TWidth;
var ContentInfo = '<table border="0" width="'+TWidth+'" cellspacing="0" cellpadding="0" ';
	ContentInfo += 'style="width: '+TWidth+'px;" class="ToolTipTable">';
	ContentInfo += '<tr>';
	ContentInfo += '<td class="ToolTipTitle" >'+TTitle+'</td>';
	ContentInfo += '</tr>';
	ContentInfo += '<tr>';
	ContentInfo += '<td class="ToolTipContent" >'+TContent+'</td>';
	ContentInfo += '</td>';
	ContentInfo += '</table>';
return ContentInfo;
}

function ToolTip(which, TWidth, TTitle, TContent)
{
	var el = document.getElementById('ToolTip');
	if(which){
		el.style.display = "block";
		el.style.visibility = "visible";
		el.innerHTML = EnterContent(TTitle, TContent, TWidth);
		update_tip_pos();
		tip_active = 1;
	}else{
		tip_active = 0;
		el.style.display = "none";
		el.style.visibility = "hidden";
	}
}


function hideSelects()
{
	var oSelects = document.getElementsByTagName("select");
	for(var i=0;i<oSelects.length;i++)
		oSelects[i].style.display = "none";
}

function showSelects()
{
	var oSelects = document.getElementsByTagName("select");
	for(var i=0;i<oSelects.length;i++)
		oSelects[i].style.display = "block";
}
function MsgBoxClose()
{
	document.getElementById('MsgBox').style.visibility = "hidden";
}

function ShowMsgBox(Title,Msg)
{
	hideSelects();
	document.getElementById('MsgTitle').innerHTML = Title;
	document.getElementById('Msg').innerHTML = Msg;
	document.getElementById('MsgBox').style.top = (document.body.scrollTop + 200);
	document.getElementById('MsgBox').style.left = (document.body.clientWidth / 2) - 175;
	document.getElementById('MsgBox').style.display = "block";
	document.getElementById('MsgBox').style.visibility = "visible";
}