/** -*- coding: euc-japan-unix; -*-
 * ヘッダーのサブメニューに関するスクリプト
 */

// メニュー･ロールオーバー
function rollOver(obj,val) {
    obj.className = val;
}

// URLリンク
function jumpUrl(url) {
    window.open(url, "_self");
}

// 表示モード切替
function displayMode(mode) {
    document.getElementById('submenu').style.display = mode;
}

// ポップアップメニュー
function popupMenu(obj, item, w, h) {
    var submenu = document.getElementById('submenu');

    // メニュー項目
    popupMenuItem = new Array();
    switch (item) {
    // 検索エンジン
    case 1:
        popupMenuItem.push("東京 秋葉原店", "/tokyo.html");
        popupMenuItem.push("大阪 日本橋店", "/osaka.html");
        popupMenuItem.push("福岡 博多店",   "/fukuoka.html");
        break;
    }

    // メニュー作成
    var layer;
    var roop;
    var url;
    var subject;
    layer = "<div id='popmenu' style='position:absolute;top:" + h + ";left:" + w + ";'>\n";
    roop = popupMenuItem.length / 2;
    for (i = 0; i < roop; i++) {
        url = i * 2 + 1;
        subject = i * 2;
        layer += "  <div id='submenu" + i + "' class='submenu01'";
        layer += "    onclick=jumpUrl('" + popupMenuItem[url] + "')";
        layer += "    onmouseover=rollOver(this,'submenu02');displayMode('block');";
        layer += "    onmouseout=rollOver(this,'submenu01');displayMode('none');>" + popupMenuItem[subject] + "</div>\n";
    }
    layer += "</div>\n";

    // ポップアップメニュー表示
    submenu.style.display = 'block';
    submenu.innerHTML = layer;
}