// JavaScript Document

var ie = document.all;
var ns6 = document.getElementById && !document.all;
var ie6 = navigator.userAgent.toLowerCase().indexOf("msie 6.0") != -1;

var css = ie6 ? "_ie" : "";

/*var popupBaseUpper = '<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0"><tr><td width="48" align="right" class="popup_tl' + css + '"></td><td width="304" height="29" class="popup_t' + css + '" align="right">&nbsp;</td><td width="48" valign="bottom" align="left" class="popup_tr' + css + '"></td></tr><tr><td width="48" height="150" class="popup_l' + css + '">&nbsp;</td><td style="padding:5px" width="304" bgcolor="#FFFFFF" align="left" valign="top">';*/
var popupBaseUpper_pointer = '<div id="wrapper"><div id="upPointer" class="pointer_up"></div><div class="desc"><table width="400" align="left" border="0" cellspacing="0" cellpadding="0"><tr><td align="right" class="tlpop"></td><td height="30" class="tpop" align="left">title_idcontent</td><td width="10" valign="bottom" align="left" class="trpop"></td></tr><tr><td height="50" class="lpop"></td><td valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="midContent"><tr><td valign="middle">';
var popupBaseUpper = '<div id="wrapper"><div class="desc"><table width="400" align="left" border="0" cellspacing="0" cellpadding="0"><tr><td align="right" class="tlpop"></td><td height="30" class="tpop" align="left">title_idcontent</td><td width="10" valign="bottom" align="left" class="trpop"></td></tr><tr><td height="50" class="lpop"></td><td valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="midContent"><tr><td valign="middle">';
// for up arrow
/*var popupBaseLower_up = '</td><td width="48" class="popup_r' + css + '" valign="top"><img src="images/arrow.gif" /></td></tr><tr><td width="48" align="right" valign="top" class="popup_bl' + css + '"></td><td width="304" height="29" class="popup_b' + css + '">&nbsp;</td><td width="48" valign="top" align="left" class="popup_br' + css + '"></td></tr></table>';*/
var popupBaseLower_up = '</td></tr></table></td><td class="rpop" valign="top"></td></tr><tr><td align="right" valign="top" class="blpop"></td><td height="10" class="bpop">&nbsp;</td><td width="10" valign="top" align="left" class="brpop"></td></tr></table></div></div>';

// for down arrow
/*var popupBaseLower_down = '</td><td width="48" class="popup_r' + css + '" valign="bottom"><img src="images/arrow.gif" /></td></tr><tr><td width="48" align="right" valign="top" class="popup_bl' + css + '"></td><td width="304" height="29" class="popup_b' + css + '">&nbsp;</td><td width="48" valign="top" align="left" class="popup_br' + css + '"></td></tr></table>';*/
var popupBaseLower_down = '</td></tr></table></td><td class="rpop" valign="top"></td></tr><tr><td align="right" valign="top" class="blpop"></td><td height="10" class="bpop">&nbsp;</td><td width="10" valign="top" align="left" class="brpop"></td></tr></table></div><div id="downPointer" class="pointer_down_2"></div></div>';



 





var popupdiv = undefined;
var iHTML = "";
var topPad = 0;
var leftPad = 100;

function showPopup(e, pop_id,title)
{
    var popupBaseUpper_pointer = '<div id="wrapper"><div id="upPointer" class="pointer_up"></div><div class="desc"><table width="400" align="left" border="0" cellspacing="0" cellpadding="0"><tr><td align="right" class="tlpop"></td><td height="30" class="tpop" align="left">&nbsp;'+title+'</td><td width="10" valign="bottom" align="left" class="trpop"></td></tr><tr><td height="50" class="lpop"></td><td valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="midContent"><tr><td valign="middle">';
var popupBaseUpper = '<div id="wrapper"><div class="desc"><table width="400" align="left" border="0" cellspacing="0" cellpadding="0"><tr><td align="right" class="tlpop"></td><td height="30" class="tpop" align="left">&nbsp;'+title+'</td><td width="10" valign="bottom" align="left" class="trpop"></td></tr><tr><td height="50" class="lpop"></td><td valign="top" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0" class="midContent"><tr><td valign="middle">';
    
    
    
    if(popupdiv != undefined)
    {
        hidePopup();
    }
    
    var evtSrc = ie ? e.srcElement : e.target;
    
    popupdiv = document.getElementById(pop_id);
    
    popupdiv.style.display = "block";
    iHTML = popupdiv.innerHTML;
    
    var popupStr = "";
    
    /*popupStr = popupBaseUpper;
    popupStr += iHTML;*/
    
    var lPos = leftPos(evtSrc, 0);
    var tPos = topPos(evtSrc, 0);

    var bottomedge = ie && !window.opera ? ietruebody().clientHeight - event.clientY : window.innerHeight - e.clientY;
    
    popupdiv.style.left = lPos - popupdiv.offsetWidth + leftPad + "px";
    
    if (popupdiv.offsetHeight > bottomedge)// open above
    {
        //popupdiv.style.top = ie ? ietruebody().scrollTop + event.clientY - popupdiv.offsetHeight - topPad + "px" : window.pageYOffset + e.clientY - popupdiv.offsetHeight + "px";
        popupBaseUpper.replace("title_idcontent",title);
        popupStr = popupBaseUpper;
        popupStr += iHTML;
        popupStr += popupBaseLower_down;
        popupdiv.style.top = tPos - popupdiv.offsetHeight - 60 + "px";
    }
    else // open below
    {
        popupBaseUpper_pointer.replace("title_idcontent",title);
        popupStr = popupBaseUpper_pointer;
        popupStr += iHTML;
        popupStr += popupBaseLower_up;
        //popupdiv.style.top = tPos + topPad  + "px";
        popupdiv.style.top = tPos + evtSrc.offsetHeight + topPad  + "px";
    }
    
    popupdiv.innerHTML = popupStr;
    
    if(parseInt(popupdiv.style.left) < 0)
    {
        popupdiv.style.left = lPos + "px";
        
        if(document.getElementById("downPointer"))
        {
            document.getElementById("downPointer").style.right = "350px";
        }
        
        if(document.getElementById("upPointer"))
        {
            document.getElementById("upPointer").style.right = "350px";
        }
    }
}

function hidePopup()
{ 
    if(popupdiv == undefined)
    {
    }
    else
    {
        popupdiv.innerHTML = iHTML;
        popupdiv.style.display = "none";
    }
    
}

function leftPos(obj, diff)
{
    var leftCoord = 0;
    
    while(obj)
    {
       leftCoord += obj.offsetLeft;
       obj = obj.offsetParent;
    }
    
    return leftCoord + diff;
}

function topPos(obj, diff)
{
    var topCoord = 0;
    
    while(obj)
    {
       topCoord += obj.offsetTop;
       obj = obj.offsetParent;
    }
    
    return topCoord + diff;
}

function ietruebody()
{
    return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body;
}
