/*
  ぽっぷあっぷすぴーく

  popupspeak.js
  ページ上に吹き出しを表示する命令群
  
  author hidi '11.01.06
  
  ※このファイルをインクルードする前にjQueryをインクルードしてください。
  
  このファイルをインクルードした際、onLoad処理の前に
  自動的に吹き出し表示の初期化処理が行われます。
  
  '08.08.12 hidi
    ・新規作成
  
  '11.01.06 hidi
    ・吹き出しの使用方法変更
    ・jQuery必須化
*/

// 吹き出し枠作成
document.write("<div class='popupspeak' id='msgbox' style='visibility:hidden;'><div><span id='msginput'>デフォルト文字列。</span></div></div>");

/*
  吹き出し初期化処理。
  吹き出し枠の作成と、表示初期処理を行います。
*/
$(document).ready(function(){

  // 吹き出し初期化処理
  var fkds = $('.fkds');
  fkds.each(function(){
    $(this).mousemove(function(e){
      showMouseMsg(e, this.getAttribute('msg'));
    });
    $(this).mouseout(function(e){
      hideMouseMsg();
    });
  });
  
});

/*
  吹き出しを可視化
*/
function showMouseMsg(event, msg){

  if (!event) var event=window.event;
  if (!event.pageX) event.pageX = event.clientX + document.documentElement.scrollLeft;
  if (!event.pageY) event.pageY = event.clientY + document.documentElement.scrollTop;

  var x, y;
  x = event.pageX + 125 / 2;
  y = event.pageY;
  document.getElementById("msginput").innerHTML = msg;
  document.getElementById("msgbox").setAttribute(
    'style',
    'visibility:show; top:' + y + 'px; left:' + x + 'px;');
}

/*
  吹き出しを不可視化
*/
function hideMouseMsg(){
  document.getElementById("msgbox").setAttribute('style', 'visibility:hidden;');
}