var dobaOtevreni = 30;
  var napovedaZobrazena = new Array();
  var napovedaCasovac = new Array();
  var cilObsah = new Array();
  var cilSirka = new Array();
  var cilVyska = new Array();
  var aktX = new Array();
  var aktY = new Array();
  var rychlostX = new Array();
  var rychlostY = new Array();

function napoveda(id, obsah, sirka, vyska) {

  cilObsah[id] = obsah;
  cilVyska[id] = vyska;
  cilSirka[id] = sirka;

  rychlostX[id] = cilSirka[id] / dobaOtevreni;
  rychlostY[id] = cilVyska[id] / dobaOtevreni;

  if (napovedaZobrazena[id]) {
    aktX[id] = cilSirka[id];
    aktY[id] = cilVyska[id];
  }
  else {
    aktX[id] = 22;
    aktY[id] = 22;
  }
//   alert(rychlostY);
  if (document.getElementById(id)) {
    //clearTimeout(napovedaCasovac);
    document.getElementById(id).style.visibility = 'visible';
    napoveda_roztahni(id);
  }
//   document.getElementById(id).innerHTML = obsah;

}
function napoveda_roztahni(id) {
//   alert(aktX);
  if (aktX[id] < cilSirka[id]) {
    aktX[id] += rychlostX[id];
    document.getElementById(id).style.width = aktX[id]+'px';
    setTimeout("napoveda_roztahni('"+id+"')", 20);
  }
  else {
    aktY[id] += rychlostY[id];
    if (aktY[id] < cilVyska[id]) {
      document.getElementById(id).style.height = aktY[id]+'px';
      setTimeout("napoveda_roztahni('"+id+"')", 20);
    }
    else {
      document.getElementById(id).innerHTML = "<a href=\"javascript:napoveda_skryj('"+id+"');\"><img src=\"img/exit.png\" alt=\"close\"></a> <b>Help:</b><br>"+cilObsah[id];
    }
  }
}

function napoveda_skryj(id) {
  if (document.getElementById(id)) {
    document.getElementById(id).innerHTML = "";
    document.getElementById(id).style.width="0px";
    document.getElementById(id).style.height="0px";
    document.getElementById(id).style.visibility="hidden";
  }
}