var tmo = false;
  function hideCloud()
  {
    $("#cloud").hide();
  }


$(document).ready(function(){
    // Cloud
    $("[id^='f_']")
      .mouseover(function(e){
        hideCloud();
        var x = e.pageX;
        var y = e.pageY;
        var name = $(this).attr("rel");
        if (name) {
          str =  '<div>';
          str += ' <span class="name"><span class="base"><span class="bubble_holder">';
          str += ' 	<span class="bubble1"></span><span class="bubble2"><span>' + name + '</span></span>';
          str += ' </span></span></span>';
          str += '</div>';        
          $("#cloud").html(str);
          $("#cloud").css("top",y-50);
          $("#cloud").css("left",x-120);
          $("#cloud").show();
        }
      })
      .mouseout(function(e){
        tmo = setTimeout("hideCloud()",1500);
      });
    $("#cloud")
      .mouseover(function(e){
        if (tmo) clearTimeout(tmo);
      })
      .mouseout(function(e){
        tmo = setTimeout("hideCloud()",1500);
      });
  
});