words = [
      { goku: "インド国際衣類フェア",
      yomi: "",
      ryak: "アジアで大きなアパレル・ファッション業界に関する見本市の一つ。毎回デザインやクオリティに長けた衣類が出展される。",
      desc: "http://www.indiaapparelfair.com/" },
       { goku: "ＡＡＨＡＲ",
      yomi: "",
      ryak: "加工食品とサービス業（接客）の発展を促進のためのイベント",
      desc: "" },
       { goku: "インドITフェア",
      yomi: "",
      ryak: "IT製品、輸出入、貿易、投資および合弁事業マーケティング等の機会が得られるイベント。ソフトウェア開発やIT対応のサービスなど様々",
      desc: "http://www.itindiafair.net/" },
       { goku: "POWER-GENインディア",
      yomi: "",
      ryak: "インドの中でも重要なエネルギーに関するイベント。世界中から何千人ものエネルギー産業の専門家が来場し、業界内の様々な商談が活発に行なわれる。",
      desc: "http://www.power-genindia.com/"},
          { goku: "インド世界教育 フェア",
      yomi: "",
      ryak: "大学・大学院への進学を目指す学生向けの教育に関するイベント。インド国内外の200を超える大学が参加。",
      desc: "http://www.eduworldwideindia.com/"},
          { goku: "グローバル セキュリティー",
      yomi: "",
      ryak: "工業製品分野の見本市。本土防衛に目を向けるために行なわれ、ビジネス開発の又とないチャンスを提供する。",
      desc: "http://www.globalsecindia.com/"},
        { goku: "サミット エキスポ",
      yomi: "",
      ryak: "世界のイベント産業が鋭い洞察力で問題点、発展について討論するサミット。新しい営業方法や市場を見出すことも目的としている。",
      desc: ""},
        { goku: "ナチュラル＆オーガニック見本市",
      yomi: "",
      ryak: "南アジア唯一のナチュラル＆オーガニック製品の見本市。世界中のメーカーやバイヤー、研究者などが集まる",
      desc: ""},
       { goku: "ムンバイ国際見本市",
      yomi: "",
      ryak: "消費者向けの最先端な商品を紹介する大々的な見本市",
      desc: ""},
       { goku: "インド・トレードテック",
      yomi: "",
      ryak: "インドで行なわれる大規模な株取引に関するイベントの一つ",
      desc: ""},
           { goku: "インド航空市",
      yomi: "",
      ryak: "航空事業の総合イベント。ハードウェア製造業者や空港インフラに関するコンサルタント、サービス業者など航空関連のあらゆる業種が集まり、商談などが行なわれる。",
      desc: "http://www.aerodromeindia.com/"},
        { goku: "キッズワールド",
      yomi: "",
      ryak: "15年間ムンバイで開催されている子供向け製品（玩具、お菓子、衣類、コンピューター、ベビー用品、本、文具など）の見本市。",
      desc: "http://www.eduworldwideindia.com/"},
       { goku: "ギアモーター＆コントローラー博",
      yomi: "",
      ryak: "Conventions & Fairs 社主催のギアモーター、コントロール機器の博覧会。メインは清掃用具やクラッチ、ブレーキ、コントロールシステム、セッティング機器などの展示。",
      desc: "http://www.gmconline.in/"},
       { goku: "インド・シネマエキスポ",
      yomi: "",
      ryak: "映画設備や技術、配給業界のイベント。商談も行なわれる。",
      desc: "http://www.cinemaindiaexpo.com/"}
      ];

window.onload = init;


// 初期化
function init() {
    // IE6, Mozilla, Opera, Safariのみ対応
    if(!document.createAttribute) return;
    
    var div = document.getElementById("popup");
    var spans = document.getElementsByTagName("SPAN");
    // span要素を1つずつチェック
    for(var i = 0; i < spans.length; i++) {
        for(var j = 0; j < words.length; j++) {
            // 用語と一致したらイベントハンドラを設定
            if(spans[i].innerHTML == words[j].goku) {
                 setHandler(spans[i], div, words[j]);
                 break;
            }
        }
    }
    
}
// イベントハンドラ
function setHandler(elem, div, word) {
    elem.onmouseover = function(evt) {
        if(!evt) evt = window.event;
        setDataToTable(word, div.firstChild);
        var cx = evt.clientX; var cy = evt.clientY;
        // Safariの場合位置調整
        if(navigator.userAgent.indexOf("Safari") >= 0) {
            cx -= scrollLeft(); cy -= scrollTop();
        }
        var x = cx + 4; var y = cy + 4;
        if(x + 316 > winWidth())  x = winWidth() - 319;
        if(y + 116 > winHeight()) y = cy - 140;
        div.style.left = x + scrollLeft() + "px";
        div.style.top  = y + scrollTop()  + "px";
        div.style.display = "block";
    }
    elem.onmouseout = function(evt) {
        div.style.display = "none";
    }
}
// テーブルにデータをセット
function setDataToTable(word, table) {
    table.rows[0].cells[1].innerHTML = word.goku;
    table.rows[1].cells[1].innerHTML = word.ryak;
    table.rows[2].cells[1].innerHTML = word.desc;
}

// ウィンドウのサイズとスクロール位置
ua     = navigator.userAgent;
safari = (ua.indexOf("Safari") >= 0);
opera  = (ua.indexOf("Opera") >= 0);

function winWidth () { // ウィンドウの内側の幅
    if(safari) return window.innerWidth;
    else if(opera) return document.body.clientWidth;
    else
        return document.documentElement.clientWidth;
}
function winHeight () { // ウィンドウの内側の高さ
    if(safari) return window.innerHeight;
    else if(opera) return document.body.clientHeight;
    else
        return document.documentElement.clientHeight;
}
function scrollLeft () { // ページの横のスクロール位置
    if(safari) return window.pageXOffset;
    else
        return document.documentElement.scrollLeft;
}
function scrollTop () { // ページの縦のスクロール位置
    if(safari) return window.pageYOffset;
    else
        return document.documentElement.scrollTop;
}