window.onscroll = DoResize;

window.onresize = DoResize;

var Active = 0;

var Active2 = 0;

var X = 0;

var Y = 0;

var Layer;

var Layer2;

var Layer3;

var Timer2;

var Mouse1 = 0;

var Mouse2 = 0;





function Getz()

{

	X = 0;

	Y = 0;

	if (window.pageXOffset || window.pageYOffset)

	{

		X = window.pageXOffset;

		Y = window.pageYOffset;

	}

	else if (document.body && (document.body.scrollLeft || document.body.scrollTop))

	{

		X = document.body.scrollLeft;

		Y = document.body.scrollTop;

	}

	else if (document.documentElement && (document.documentElement.scrollLeft || document.documentElement.scrollTop))

	{

		X = document.documentElement.scrollLeft;

		Y = document.documentElement.scrollTop;

	}

};



function DoResize()

{

	if (Active)

	{

		Getz ();

		if (Width == 0)

		{

			Layer.style.width = document.documentElement.clientWidth + "px";

			Layer.style.left = X + "px";

		}

		else

		{

			Layer.style.width = Width + "px";

			Layer.style.left = (X + ((document.documentElement.clientWidth - Width) / 2)) + "px";

		}

		Layer.style.height = Height + "px";

		if (BF) Layer.style.top = (Y + document.documentElement.clientHeight - Height) + "px";

		else Layer.style.top = Y + "px";

	}

};

function Hide_Pop_Bar()

{

	if (Active)

	{

		Active = 0;

		Layer.style.display = 'none';

	}

	Deactivate2();

};

function Show()

{

	Layer = document.getElementById('Layer');

	Layer2 = document.getElementById('Layer2');

	Layer3 = document.getElementById('Layer3');

	Layer.style.display = 'block';

	Active = 1;

	DoResize();

};



function Activate2()

{

	if (Active2 == 0)

	{

		Layer2.style.display = 'block';

		if (Opacity > 0)

		{

			Layer3.style.display = 'block';

			Layer3.style.MozOpacity = Opacity / 100;

			Layer3.style.opacity = Opacity / 100;

			Layer3.style.filter = 'alpha(opacity=' + Opacity + ')';

		}

		Active2 = 1;

		Getz();

		Layer2.style.width = Width2+"px";

		Layer2.style.height = Height2+"px";

		Layer2.style.left = (X + ((document.documentElement.clientWidth - Width2) / 2)) +"px";

		if (BF) Layer2.style.top = (Y + document.documentElement.clientHeight - Height - Height2 - FFSize) +"px";

		else Layer2.style.top = (Y + Height)+"px";

		Layer3.style.width = document.documentElement.clientWidth+"px";

		Layer3.style.height = document.documentElement.clientHeight+"px";

		Layer3.style.left = X+"px";

		Layer3.style.top = Y+"px";

	}

	else if (Active2 == 2)

	{

		clearTimeout (Timer2);

		Active2 = 1;

	}

};

function Deactivate2()

{

	if (Active2)

	{

		Layer2.style.display = 'none';

		if (Opacity > 0) Layer3.style.display = 'none';

		Active2 = 0;

	}

};



function MouseIn()

{

	Mouse1 = 1;

	Activate2();

};



function MouseOut()

{

	Mouse1 = 0;

	if (! Mouse2 && Active2 == 1)

	{

		Timer2 = setTimeout ('Deactivate2()', 100);

		Active2 = 2;

	}

};



function MouseIn2()

{

	Mouse2 = 1;

	Activate2 ();

};



function MouseOut2()

{

	Mouse2 = 0;

	if (! Mouse1 && Active2 == 1)

	{

		Timer2 = setTimeout ('Deactivate2()', 100);

		Active2 = 2;

	}

};



function CreatePopup()

{

	var newDiv = document.createElement('div');

	newDiv.id = 'Layer';

	newDiv.style.position = 'absolute';

	newDiv.style.zIndex = '2';

	newDiv.style.display = 'block';

	newDiv.onmouseover = function () { MouseIn(); };

	newDiv.onmouseout = function () { MouseOut(); };

	var newTable = document.createElement('table');

	newTable.cellspacing="0";

	newTable.cellpadding="0";

	newTable.width="100%";

	newTable.style.height="30px";

	newTable.style.backgroundColor = '#FFFFA0';

	var newTbody = document.createElement('tbody');

	var newTr = document.createElement('tr');

	var newTd1 = document.createElement('td');

	newTd1.width="11";

	newTd1.valign="top";

	newTd1.innerHTML = " ";

	newTr.appendChild(newTd1);

	var newTd2 = document.createElement('td');

	newTd2.align="center";

	newTd2.innerHTML = "<u style='color: black;'><font style='font-family: Verdana; font-size: 12pt;'>Put Your Mouse Here To See The Popup</font></u>";

	newTr.appendChild(newTd2);

	var newTd3 = document.createElement('td');

	newTd3.width="11";

	newTd3.valign="top";

	newTd3.align="right";

	newTd3.innerHTML = "<a href='javascript:Hide_Pop_Bar();'>Close</a>";

	newTr.appendChild(newTd3);

	newTbody.appendChild(newTr);

	newTable.appendChild(newTbody);

	newDiv.appendChild(newTable);

	document.body.appendChild(newDiv);

	

	

	var newDiv2 = document.createElement('div');

	newDiv2.id = 'Layer2';

	newDiv2.style.position = 'absolute';

	newDiv2.style.zIndex = '3';

	newDiv2.style.backgroundColor = 'white';

	newDiv2.style.display = 'none';

	newDiv2.style.border = '2px solid black';

	newDiv2.onmouseover = function () { MouseIn2(); };

	newDiv2.onmouseout = function () { MouseOut2(); };

	var newFrame = document.createElement('iframe');

	newFrame.scrolling = "no";

	newFrame.height = "100%";

	newFrame.frameborder = "0";

	newFrame.width = "100%";

	newFrame.src = "popup.html";

	newFrame.id = "PopupBarFrame2";

	newFrame.marginheight = '0';

	newFrame.marginwidth = '0';

	newFrame.style.border = 'none';

	newDiv2.appendChild(newFrame);

	document.body.appendChild(newDiv2);



	

	var newDiv3 = document.createElement('div');

	newDiv3.id = 'Layer3';

	newDiv3.style.position = 'absolute';

	newDiv3.style.zIndex = '1';

	newDiv3.style.backgroundColor = 'black';

	newDiv3.style.display = 'none';

	document.body.appendChild(newDiv3);

};



var Height = 30;

var Width = 0;

var BF = 1;

var FFSize = 4;

if (navigator.appName == 'Microsoft Internet Explorer')FFSize = 0;

var Width2 = 650;

var Height2 = 650;

var Opacity = 40;

CreatePopup();

Show();