preloadImages('\/images\/bottomRight.gif','\/images\/bottomLeft.gif','\/images\/topRight.gif','\/images\/topLeft.gif','\/images\/table_01.gif','\/images\/table_02.gif','\/images\/table_03.gif','\/images\/table_04.gif','\/images\/table_06.gif','\/images\/table_07.gif','\/images\/table_08.gif','\/images\/table_09.gif','\/images\/spacer.gif');
document.write('<div style="position:absolute; top:-300px; visibility:hidden; -moz-opacity:.9; opacity: .9; filter: alpha(opacity=90); z-index:2; height:201px; " id="popup"><nobr><img src="\/images\/spacer.gif" width="133" height="1" id="blankTop"><img src="\/images\/spacer.gif" width="107" height="51" id="topImage" style="visibility:hidden" onmouseover="mOver1()" onmouseout="mOut()"><\/nobr><table id="Table_01" width="240" height="150" border="0" cellpadding="0" cellspacing="0" onmouseover="mOver1()" onmouseout="mOut()"><tr><td><img src="\/images\/table_01.gif" width="10" height="10"><\/td><td  bgcolor="#ffffff" ><img src="\/images\/table_02.gif" width="220" height="10"><\/td><td><img src="\/images\/table_03.gif" width="10" height="10" ><\/td><\/tr>');
document.write('<tr><td bgcolor="#ffffff" background="\/images\/table_04.gif" width="10" height="1"><\/td><td width="220" height="130" valign="top"><table bgcolor="#ffffff" width="220" height="130" cellspacing="0" cellpadding="0" border="0"><tr><td width="220" height="1%" align="center" valign="top"><span id="header"><\/span><\/td><\/tr><tr><td width="220" height="90" valign="top"><div style="height:100%; padding:3px; overflow:auto;"  id="message"><\/div><\/td><\/tr><\/table><\/td>');
document.write('<td bgcolor="#ffffff" background="\/images\/table_06.gif" width="10" height="1"><\/td><\/tr><tr><td><img src="\/images\/table_07.gif" width="10" height="10"><\/td><td><img src="\/images\/table_08.gif" width="220" height="10"><\/td><td><img src="\/images\/table_09.gif" width="10" height="10">')
document.write('<\/td><\/tr><\/table><nobr><img src="\/images\/spacer.gif" width="1" height="1" id="blankBottom"><img src="\/images\/spacer.gif" width="107" height="51" id="bottomImage" style="visibility:hidden" onmouseover="mOver1()" onmouseout="mOut()"><\/nobr><\/div>');


if (navigator.appName == "Microsoft Internet Explorer" &&(navigator.userAgent.toLowerCase().indexOf('opera')== -1))
{
  document.write('<iframe style="position:absolute; top:-300px ; width:240px ; display:none; filter: alpha(opacity=0); z-index:1" width="240" height="150" frameborder=0 scrolling=no marginwidth=0 marginheight=0 id="frame1" src="https:\/\/secure.revenuepilot.com\/images\/spacer.gif"><\/iframe>');
  document.write('<iframe style="position:absolute; top:-300px; width:107px; height:51px; display:none; filter: alpha(opacity=0); z-index:1" width="107" height="51" frameborder=0 scrolling=no marginwidth=0 marginheight=0 id="frame2" src="https:\/\/secure.revenuepilot.com\/images\/spacer.gif"><\/iframe>');
}


var header, message, image, blank, hide, td1, td2;
var boxW=240, boxH=150;
var color1 = "#D3DCE3", color2 = "#DDDDDD";
var colorHL1 = "#B1B1B1", colorHL2 = "#DDAFAF";

function mOut()
{
  hide = window.setTimeout("hidePop()", 200);
}

function hidePop()
{
  if (navigator.appName == "Microsoft Internet Explorer" &&(navigator.userAgent.indexOf('Opera')==-1 && navigator.userAgent.indexOf('opera')== -1)){
    document.getElementById('frame1').style.display  = "none";
    document.getElementById('frame2').style.display  = "none";
  }
  document.getElementById('popup').style.visibility = "hidden";
  eval(image).style.visibility = "hidden";
  eval(blank).style.visibility = "hidden";
  changeClass(color1, color2);
}

function mOver(event, indexmsg)
{
    changeClass(color1, color2);
    var left, top, winW, posX, posY, imageHide, frameT, frameL;
    if (window.innerWidth)
    {
      winW = (window.innerWidth) - 16;
    }
    else
    {
      winW = (document.body.offsetWidth) - 20;
    }

    if (parseInt(event.pageX) == event.pageX )
    {
      posX = event.pageX;
      posY = event.pageY;
    }
    else
    {
      posX = event.x + document.documentElement.scrollLeft;
      posY = event.y + document.documentElement.scrollTop;
    }
    image = "document.getElementById('bottomImage')";
    imageHide = "document.getElementById('topImage')";
    blank = "document.getElementById('blankBottom')";
    if((event.clientY) <= boxH + 60)
    {
      image = "document.getElementById('topImage')";
      imageHide = "document.getElementById('bottomImage')";
      blank = "document.getElementById('blankTop')";
      if((winW - event.clientX) <= boxW + 50)
      {
        eval(image).src  = "/images/topLeft.gif";
        eval(blank).width = '133';
        left = posX - (boxW+10);
        top = posY;
        frameL = posX - 117;
        frameT = posY;
      }
      else
      {
        eval(image).src  = "/images/topRight.gif";
        eval(blank).width = '1';
        left = posX ;
        top = posY ;
        frameL = posX;
        frameT = posY;
      }
    }
    else if((winW - event.clientX) <= boxW + 50)
    {

      eval(image).src  = "/images/bottomLeft.gif";
      eval(blank).width = '133';
      left = posX - (boxW+10);
      top = posY - (boxH+100);
      frameL = posX - 117;
      frameT = posY - 50;
    }
    else
    {
      eval(image).src  = "/images/bottomRight.gif";
      eval(blank).width = '1';
      left = posX ;
      top = posY - (boxH+100);
      frameL = posX;
      frameT = posY - 50;
    }
    td1 = indexmsg + "1";
    td2 = indexmsg + "2";
    changeClass(colorHL1, colorHL2);
    header = hmsg[indexmsg].header ;
    message = hmsg[indexmsg].message;
    document.getElementById('header').innerHTML = "<table width='98%' height='1' border='0' valign='top'>" +
    "<tr><td bgcolor='#6699cc' align='center' valign='top' height='1'>" + "<font face='arial' size='3' color='#FFFFFF'><b>" + header + "<\/b><\/font>" + "<\/td><\/tr><\/table>";
    document.getElementById('message').innerHTML = "<font face='arial' size='2' color='#000000'>" + message + "<\/font>";
    document.getElementById('popup').style.left = left+"px";
    document.getElementById('popup').style.top = top+"px";
    if (navigator.appName == "Microsoft Internet Explorer" &&(navigator.userAgent.indexOf('Opera') == -1 && navigator.userAgent.indexOf('opera') == -1)){
      document.getElementById('frame1').style.left = left +"px";
      document.getElementById('frame1').style.top = top + 51 +"px";
      document.getElementById('frame1').style.display  = "inline";
      document.getElementById('frame2').style.left = frameL +"px";
      document.getElementById('frame2').style.top = frameT +"px";
      document.getElementById('frame2').style.display  = "inline";
    }
    eval(imageHide).style.visibility = "hidden";
    eval(image).style.visibility = "visible";
    eval(blank).style.visibility = "visible";
    document.getElementById('popup').style.visibility = "visible";
    window.clearTimeout(hide);

}
function mOver1()
{
  window.clearTimeout(hide);
}

function changeClass(to1, to2)
{

  if(document.getElementById(td1))
  {
    document.getElementById(td1).style.backgroundColor = to1;
  }
  if(document.getElementById(td2))
  {
    document.getElementById(td2).style.backgroundColor = to2;
  }
}

function preloadImages()
{
  var d = document;
  if(d.images)
  {
    if(!d.pico)
    {
      d.pico =new Array();
      var a = preloadImages.arguments;
      for(var i=0; i<a.length; i++)
      {
        if (a[i].indexOf("#")!=0)
        {
          d.pico[i] = new Image();
          d.pico[i].src = a[i];
        }
      }
    }
  }
}

