<!--

  function outputLAYER(layName,html){
    if(document.getElementById){        //e5,e6,n6,n7,m1,o7,s1用
      document.getElementById(layName).innerHTML=html
    } else if(document.all){            //e4用
      document.all(layName).innerHTML=html
    } else if(document.layers) {        //n4用
       with(document.layers[layName].document){
         open()
         write(html)
         close()
      }
    }
  }

  /*==================================================================
    followingLAYER()

    Syntax :
     追跡レイヤー名 = new followingLAYER('レイヤー名'
                                ,右方向位置,下方向位置,動作間隔,html)

     レイヤー名 マウスを追跡させるレイヤー名
     右方向位置 マウスから右方向へ何ピクセル離すか
     下方向位置 マウスから下方向へ何ピクセル離すか
     動作間隔   マウスを追跡する間隔(1/1000秒単位 何秒後に動くか?)
     html       マウスを追跡するHTML

  ------------------------------------------------------------------*/
  /*--/////////////ここから下は触らなくても動きます/////////////--*/

  //--追跡オブジェクト
  //e4,e5,e6,n4,n6,n7,m1,o6,o7,s1用
  function followingLAYER(layName,ofx,ofy,delay,html){
    this.layName = layName   //マウスを追跡させるレイヤー名
    this.ofx     = ofx       //マウスから右方向へ何ピクセル離すか
    this.ofy     = ofy       //マウスから下方向へ何ピクセル離すか
    this.delay   = delay     //マウスを追跡するタイミング
    if(document.layers)
      this.div='<layer name="'+layName+'" left="-100" top="-100">\n'
              + html + '</layer>\n'
    else
      this.div='<div id="'+layName+'"\n'
              +'style="position:absolute;left:-100px;top:-100px">\n'
              + html + '</div>\n'
    document.write(this.div)
  }

  //--メソッドmoveLAYER()を追加する
  followingLAYER.prototype.moveLAYER = moveLAYER //メソッドを追加する
  function moveLAYER(layName,x,y){
    if(document.getElementById){        //e5,e6,n6,n7,m1,o6,o7,s1用
        document.getElementById(layName).style.left = x
        document.getElementById(layName).style.top  = y
    } else if(document.all){            //e4用
        document.all(layName).style.pixelLeft = x
        document.all(layName).style.pixelTop  = y
    } else if(document.layers)          //n4用
        document.layers[layName].moveTo(x,y)
  }

  //--Eventをセットする(マウスを動かすとdofollow()を実行します)
  document.onmousemove = dofollow
  //--n4マウスムーブイベント走査開始
  if(document.layers)document.captureEvents(Event.MOUSEMOVE)
  //--oの全画面のEventを拾えないことへの対策
  if(window.opera){
    op_dmydoc ='<div id="dmy" style="position:absolute;z-index:0'
              +'                     left:100%;top:100%"></div> '
    document.write(op_dmydoc)
  }

  //--イベント発生時にマウス追跡実行
  function dofollow(e){
    for(var i=0 ; i < a.length ; i++ )
      setTimeout("a["+i+"].moveLAYER(a["+i+"].layName,"
             +(getMouseX(e)+a[i].ofx)+","+(getMouseY(e)+a[i].ofy)+")"
        ,a[i].delay)
  }

  //--マウスX座標get
  function getMouseX(e){
    if(navigator.userAgent.search(
             "Opera(\ |\/)6") != -1 )   //o6用
        return e.clientX
    else if(document.all)               //e4,e5,e6用
        return document.body.scrollLeft+event.clientX
    else if(document.layers ||
            document.getElementById)    //n4,n6,n7,m1,o7,s1用
        return e.pageX
  }

  //--マウスY座標get
  function getMouseY(e){
    if(navigator.userAgent.search(
             "Opera(\ |\/)6") != -1 )   //o6用
        return e.clientY
    else if(document.all)               //e4,e5,e6用
        return document.body.scrollTop+event.clientY
    else if(document.layers ||
            document.getElementById)    //n4,n6,n7,m1,o7,s1用
        return e.pageY
  }

/*//////////////////////////////// マウスを追跡するレイヤーここまで */

  //テンプレートを作成しoutputLAYERへ渡す
  function showHELP(data1,data2){

    //--このHTMLテンプレートを書き換えればヘルプのデザインが変わります。
    var msg1 ='<table bgcolor="#ffffff" border="0">\n'
        msg1+='<tr><td><font color="#555555">'+data1+'</font></td></tr>\n'
        msg1+='<tr><td><div align="right"><font color="#555555"><small>'+data2+'</small></font></div></td></tr>\n'
        msg1+='</table>\n'

    outputLAYER('test0',msg1)
    outputLAYER('test1',msg1)
    outputLAYER('test2',msg1)

  }

  //レイヤーの中身を消す
  function hideHELP(){

    var msg1 =''
    outputLAYER('test0',msg1)
    outputLAYER('test1',msg1)
    outputLAYER('test2',msg1)
  }

  //レイヤーの数だけa[i]=…部分を増減して使ってください
  var a = new Array()
  a[0]  = new followingLAYER('test0',20,10,100,'')
  a[1]  = new followingLAYER('test1',20,10,300,'')
  a[2]  = new followingLAYER('test2',20,10,500,'')


//-->
