var offsetX, offsetY

function writeLayer(layerID,txt){
	if(document.getElementById){
		document.getElementById(layerID).innerHTML=txt;
	}else if(document.all){
		document.all[layerID].innerHTML=txt;
	}else if(document.layers){
		with(document.layers[layerID].document){
			open();
			write(txt);
			close();
		}
	}
}

function grabProduct(evt)
{
	if(browser == 'IE')
	{
		selectedProduct = document.all['popitmenu'].style;
		popUpWin = document.all['popUpMsg'].style;
                document.onmousemove = moveProduct;
		document.all['popitmenu'].onmousemove = moveProduct;
                document.onmouseup = releaseProduct;
	}
	else if (browser == 'NS4')
	{
		selectedProduct = document.layers['popitmenu'];
                popUpWin = document.layers['popUpMsg'];
                document.layers['popitmenu'].document.onmousemove = moveProduct;
                document.layers['popitmenu'].document.onmouseup = releaseProduct;

	}
	else
	{
		selectedProduct = document.getElementById('popitmenu').style;
		popUpWin = document.getElementById('popUpMsg').style;
		window.onmousemove=moveProduct;
                window.onmouseup=endDrag;
	}

	if(selectedProduct)
	{
		if(browser == 'IE')
		{
			offsetX = window.event.offsetX
			offsetY = window.event.offsetY
		}
		else // mozilla and ns4 share this feature
		{
			offsetX = evt.layerX
			offsetY = evt.layerY
		}
		// prevent further processing of mouseDown event so
		// that the Macintosh doesn't display the contextual
		// menu and lets dragging work normally.
	}
		return false
}

function moveProduct(evt)
{
	if(selectedProduct)
	{
		if(browser == 'IE')
                {
                        shiftTo(selectedProduct, (window.event.clientX - offsetX),(window.event.clientY - offsetY))
                        shiftTo(popUpWin, (window.event.clientX - offsetX),(window.event.clientY - offsetY +12))
                        // prevent further system response to dragging
                        return false
                }
		else // again this is shared between mozilla and ns
                {
                        shiftTo(selectedProduct, (evt.pageX - offsetX),(evt.pageY - offsetY))
			shiftTo(popUpWin, (evt.pageX - offsetX),(evt.pageY - offsetY + 12))
                }
	}
}

// Position an object at a specific pixel coordinate
function shiftTo(product, x, y)
{
	if(browser == 'NS4')
	{
 		product.moveTo(x,y)
   	}
   	else if(browser == 'IE')
   	{
   		product.pixelLeft = x
      		product.pixelTop = y
   	}
	else
	{
		product.left = x;
		product.top = y;
	}
}

function releaseProduct(evt)
{
	selectedProduct = null
}

function initPop()
{
	selectedProduct = "";
	if (browser == 'NS4')
	{
		document.popitmenu.document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
		document.layers['popitmenu'].document.onmousedown = grabProduct;
	}
       	else if (browser == 'IE')
	{
		document.all['popitmenu'].onmousedown = grabProduct;
	}
	else
	{
		document.getElementById('popitmenu').onmousedown = grabProduct;
	}

}

function endDrag(evt)
{
	window.onmousemove=null;
}


function toggleDiv(divBody)
{
	var txt;
	if(divBody == "norm"){ txt=msgTop + msgMid + msgBtm;}
	if(divBody == "flag"){ txt=msgTop + msgFlag + msgBtm;}
	if(txt){ writeLayer('popUpMsg',txt); }
	var changeIt;
	var popTop = 124;
	var popitTop = 136;
	var popLeft = 277;
	if(divBody == "flag")
	{
		popTop =(popTop - 60);
		popitTop = (popitTop - 60);
	}
        if (browser == 'NS4')
        {
		if((document.layers['popitmenu'].visibility == "hide")||(divBody))
		{
			changeIt = "show";
			document.layers['popitmenu'].moveTo(popLeft,popTop);
			document.layers['popUpMsg'].moveTo(popLeft,popitTop);
		}
		else
		{
			changeIt = "hide";
		}
                document.layers['popitmenu'].visibility = changeIt;
                document.layers['popUpMsg'].visibility = changeIt;
        }
        else if (browser == 'IE')
        {
		if((document.all['popitmenu'].style.visibility == "hidden")||(divBody))
		{
			changeIt = "visible";
			document.all['popitmenu'].style.left = popLeft;
			document.all['popitmenu'].style.top = popTop;
			document.all['popUpMsg'].style.left = popLeft;
                        document.all['popUpMsg'].style.top = popitTop;
		}
		else
		{
			changeIt = "hidden";
		}
                document.all['popitmenu'].style.visibility = changeIt;
                document.all['popUpMsg'].style.visibility = changeIt;
        }
        else if (browser == 'Mozilla')
        {
		if((document.getElementById('popitmenu').style.visibility == "hidden")||(divBody))
                {
                        changeIt = "visible";
			document.getElementById('popitmenu').style.left = popLeft;
			document.getElementById('popitmenu').style.top = popTop;
                        document.getElementById('popUpMsg').style.left = popLeft;
                        document.getElementById('popUpMsg').style.top = popitTop;
                }
                else
                {
                        changeIt = "hidden";
                }
                document.getElementById('popitmenu').style.visibility = changeIt;
                document.getElementById('popUpMsg').style.visibility = changeIt;
        }

}

msgTop = ""; msgBtm="";

if(browser=="NS4")
{
	msgTop = '<span id="foundSoFar" style="visibility:hide;visibility:hidden;background-color:#99CCFF;';
	msgTop = msgTop + 'width:360px;border-bottom-width:1px;z-index:10;font-family:Arial,Helvetica,sans-serif;';
	msgTop = msgTop + 'font-size:10px;padding-left:10px;padding-right:10px;">';
} //else{ msgTop = "&nbsp;<br>"; }
msgTop = msgTop + '&nbsp;<br>';

var msgMid = 'XO&#153; is a full service provider of communication services dedicated to world-class,';
msgMid = msgMid + ' 24x7 customer care, and to providing simple solutions for all businesses - from growing';
msgMid = msgMid + ' to enterprise. We offer a robust portfolio of products including local and long distance';
msgMid = msgMid + ' voice, data and Internet, as well as hosting services.&nbsp;';
msgMid = msgMid + '<a href="http://www.xo.com/xoourstorypopup/" style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF;">more</a>';


msgBtm = '<br><div align="right"><a style="font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF;" href="javascript:toggleDiv();">close-window</a></div>';
msgBtm = msgBtm + '<br>';
if(browser=="NS4")
{
	msgBtm = msgBtm + '</span>';
}