var TipBoxID = "statusTipBox";
var tip_box_id;

function findPosX(obj)
{
   var curleft = 0;
   if(obj.offsetParent)
   while(1) 
   {
      curleft += obj.offsetLeft;
      if(!obj.offsetParent)
         break;
      obj = obj.offsetParent;
   }
   else if(obj.x)
      curleft += obj.x;
   return curleft;
}

function findPosY(obj)
{
   var curtop = 0;
   if(obj.offsetParent)
   while(1)
   {
      curtop += obj.offsetTop;
      if(!obj.offsetParent)
         break;
      obj = obj.offsetParent;
   }
   else if(obj.y)
      curtop += obj.y;
   return curtop;
}

function DisplayTip(me,trailName, statusDetails, imageSource, lastUpdated) {
   var tipO = me;
   tip_box_id = document.getElementById(TipBoxID);
  
   var x = findPosX(me);
   var y = findPosY(me);
   tip_box_id.style.left = String(parseInt(x + 25) + 'px');
   tip_box_id.style.top = String(parseInt(y + 25) + 'px');

   tip_box_id.style.display = "block";
   tipO.onmouseout = HideTip;
   
   var status_Image_id = document.getElementById("statusImg");
   status_Image_id.innerHTML = '<img src=\'' + imageSource + '\'/>'

   document.getElementById("tooltipTrailName").innerHTML = '<font size="4">'+trailName+'</font>';
   document.getElementById("tooltipDetails2").innerHTML = '<font size="2">'+DetatilsText(imageSource)+'</font>';
   document.getElementById("tooltipDetails").innerHTML = statusDetails; 
   document.getElementById("tooltipLastUpdate").innerHTML = '<font size="1">' + lastUpdated+'</font>';
} // function DisplayTip()

function DetatilsText(imageSource)
{
  if(imageSource.indexOf("green") != -1)
  {
    return "Go Ride!";
  }
  else if(imageSource.indexOf("red") != -1)
  {
    return "Wet, Do Not Ride!";
  }
  else if(imageSource.indexOf("blue") != -1)
  {
    return "Freeze/Thaw: Trails can be ridden when frozen.  Do not ride while muddy!";
  }
  else
  {
    return "Sloppy in spots";
  }
}

function HideTip(){
  tip_box_id.style.display= "none";
}