function info_schliessen()
{
  document.getElementById("info_fenster").innerHTML = "";
  document.getElementById("info_fenster").style.display = "none";
}


function icon_oeffnen(event,pic,name,text,aufruf)
{
  name = unescape(name);
  text = text.replace(/%80/g,"\u20ac");
  text = unescape(text);
  var html_string = "";
  var html_block = document.getElementById("icon");

  html_string = html_string +"<div id='icon_inhalt' style='position: absolute;'>";
  html_string = html_string +"<table id='icon_table' style='font-family: Arial;'>";
  
  html_string = html_string +"<tr>";
  
  html_string = html_string +"<td>";
  if(pic=='')
  {
    html_string = html_string + ""; 
  }
  else
  {
    html_string = html_string +"<img src='"+pic+"' alt=''>";
  }
  html_string = html_string +"</td>";

  html_string = html_string +"<td style='font-size: 20pt; white-space: pre; padding-left: 10px; padding-right: 15px;'>";
  html_string = html_string +name;
  html_string = html_string +"</td>";
  
  html_string = html_string +"</tr>";
  
  html_string = html_string +"<tr>";
  html_string = html_string +"<td colspan='2' style='font-size: 9pt;padding-left: 10px; white-space: pre; padding-top: 5px; padding-bottom: 10px; padding-right: 15px;'>"+text+"</td>";
  html_string = html_string +"</tr>";
  
  html_string = html_string +"</table>";
  html_string = html_string +"</div>";
  
  if(html_block)
  {
    html_block.innerHTML=html_string;
    html_block.style.display = "block";


    maus_pos_x = event.clientX;
    maus_pos_y = event.clientY;
    if (document.body.scrollLeft)
      maus_pos_x+=document.body.scrollLeft;
    if (document.body.scrollTop)
      maus_pos_y+=document.body.scrollTop;

 
    fenster_breite = document.body.offsetWidth;
    fenster_hoehe = document.body.offsetHeight;
    layer_breite=document.getElementById('icon_inhalt').offsetWidth;
    layer_hoehe=document.getElementById('icon_inhalt').offsetHeight;
    
    
    if(aufruf=="main")
    {
      //Explorer
      if(navigator.userAgent.indexOf("MSIE") != -1)
      {
        if(window.event.x  > fenster_breite-layer_breite-100)
        {
          document.getElementById("icon").style.left = -10-layer_breite+window.event.x +"px";
        }
        else
        {
          document.getElementById("icon").style.left = 10+window.event.x+"px";
        }
      }
      //Chrome
      else if(navigator.userAgent.indexOf("Chrome") != -1)
      {
        if(event.clientX > fenster_breite-layer_breite-10)
        {
          
          document.getElementById("icon").style.left = -5-layer_breite+event.clientX+"px";
        }
        else
        {
          document.getElementById("icon").style.left = 10+event.clientX+"px";
        }
      }
      //Firefox
      else if(navigator.userAgent.indexOf("Firefox") != -1)
      {
        if(maus_pos_x > fenster_breite-layer_breite-10)
        {
          document.getElementById("icon").style.left = -10-layer_breite+maus_pos_x+"px";
        }
        else
        {
          document.getElementById("icon").style.left = 20+maus_pos_x+"px";
        }
      }
      //sonstige Browser
      else
      {
        if(maus_pos_x >  fenster_breite-layer_breite-10)
        {
          
          document.getElementById("icon").style.left = -10-layer_breite+maus_pos_x+"px";
        }
        else
        {
          document.getElementById("icon").style.left = 10+maus_pos_x+"px";
        }
      }
      
      //vertikale Positionierung
      if(navigator.userAgent.indexOf("Chrome") != -1)
      {
        if(event.clientY > fenster_hoehe-layer_hoehe-10)
        {
          document.getElementById("icon").style.top = event.clientY-layer_hoehe+"px";
        }
        else
        {
          document.getElementById("icon").style.top = 20+event.clientY+"px";
        }
      }
      else
      {
        if(maus_pos_y > fenster_hoehe-layer_hoehe-10)
        {
          document.getElementById("icon").style.top = maus_pos_y-layer_hoehe+"px";
        }
        else
        {
          document.getElementById("icon").style.top = 20+maus_pos_y+"px";
        }
      }
    }
    else //admin
    {
      //Explorer
      if(navigator.userAgent.indexOf("MSIE") != -1)
      {
        if(window.event.x > fenster_breite-layer_breite-50)
        {
          document.getElementById("icon").style.left = -10+document.body.scrollLeft-layer_breite+window.event.x +"px";
        }
        else
        {
          document.getElementById("icon").style.left = 10+document.body.scrollLeft+window.event.x +"px";
        }
      }
      //Chrome
      else if(navigator.userAgent.indexOf("Chrome") != -1)
      {
        if(maus_pos_x >  fenster_breite-layer_breite-10)
        {
          
          document.getElementById("icon").style.left = -10-document.body.scrollLeft-layer_breite+maus_pos_x+"px";
        }
        else
        {
          document.getElementById("icon").style.left = 10-document.body.scrollLeft+maus_pos_x+"px";
        }
      }
      //Firefox
      else if(navigator.userAgent.indexOf("Firefox") != -1)
      {
        if(maus_pos_x > fenster_breite-layer_breite-10)
        {
          document.getElementById("icon").style.left = -10-layer_breite+maus_pos_x+"px";
        }
        else
        {
          document.getElementById("icon").style.left = 20+maus_pos_x+"px";
        }
      }
      //sonstige Browser
      else
      {
        if(maus_pos_x >  fenster_breite-layer_breite-10)
        {
          
          document.getElementById("icon").style.left = 10-layer_breite+maus_pos_x+"px";
        }
        else
        {
          document.getElementById("icon").style.left = 10+maus_pos_x+"px";
        }
      }
      

      //vertikale Positionierung
      if(navigator.userAgent.indexOf("Chrome") != -1)
      {
        if(event.clientY > fenster_hoehe-layer_hoehe-10)
        {
          document.getElementById("icon").style.top = event.clientY-layer_hoehe+"px";
        }
        else
        {
          document.getElementById("icon").style.top = 20+event.clientY+"px";
        }
      }
      else
      {
        if(maus_pos_y > fenster_hoehe-layer_hoehe-10)
        {
          document.getElementById("icon").style.top = maus_pos_y-layer_hoehe+"px";
        }
        else
        {
          document.getElementById("icon").style.top = 20+maus_pos_y+"px";
        }
      }
    }
  }
}
function icon_schliessen()
{
  if(document.getElementById("icon"))
  {
    document.getElementById("icon").innerHTML = "";
    document.getElementById("icon").style.display = "none";
  }
}



function close_grau()
{
  document.getElementById("grau").style.display = "none";
}