// -*-Java-*-
NS4 = (document.layers) ? true : false;
IE4 = (document.all && !document.getElementById) ? true : false;
IE5 = (document.all && document.getElementById) ? true : false;
NS6 = (!document.all && document.getElementById) ? true : false;


function StoryInfoPopUp(e, divName, on, pos)
{
    if (NS4)
	layer = document.layers[divName];
    else if (IE4)
	layer = document.all[divName];
    else if (IE5 || NS6)
	layer = document.getElementById(divName);
    else
	return;
    
    if (on)
    {
	if (NS4)
	{
	    if (layer.visibility == "hide")
	    {
		midscreen = window.innerWidth / 2;
		if (e.pageX > midscreen)
		    x = window.pageXOffset;
		else 
		    x = window.pageXOffset + window.innerWidth - (layer.clip.width);
		layer.top = window.pageYOffset + 100;
		layer.left = x;
		layer.visibility = "show";
	    }
	}
	else if (NS6)
	{
	    var innerWidth = parseInt(window.innerWidth);
	    var midscreen = innerWidth / 2;
	    //alert("e.pageX: " + e.pageX + "midscreen: " + midscreen);
	    if (e.pageX > midscreen)
		    x = parseInt(window.pageXOffset) + 50;
		else 
		    x = parseInt(window.pageXOffset) -50 + innerWidth - parseInt(layer.style.width);
	    //x = parseInt(window.innerWidth) - (parseInt(layer.style.width) + parseInt(pageXOffset));

            //alert("midscreen = " + midscreen + " -- eventX = " + e.screenX  + " -- X: " + x);	    
	    layer.style.top = 40 + window.pageYOffset + "px"; //"0px"; 
	    layer.style.left = x + "px"; 
	    layer.style.visibility = "visible";
	    
	}
	else if (IE5 || IE4)
	{
	    if (layer.style.visibility == "hidden")
	    {
		innerWidth = parseInt(document.body.clientWidth);
		midscreen = innerWidth / 2;
		offsetX = parseInt(e.screenX);
		if (offsetX < midscreen)
		    popupX = innerWidth - (parseInt(layer.style.width) + 50);
		else
		    popupX = 50;

		//alert("midscreen = " + midscreen + " -- eventX = " + e.screenX  + " -- popupX: " + popupX + " -- offsetX: " + offsetX);	    

		layer.style.pixelTop = document.body.scrollTop  + 40;
		layer.style.pixelLeft = popupX;

		layer.style.visibility = "visible";
	    }
	}
    }
    else // off
    {
	if (NS4)
	{
	    layer.visibility = "hide";
	}
	else
	{
	    layer.style.visibility = "hidden";
	}
    } // off
}

