// メニューにイベントを割り当てる

function menu_setting() {
    if ($("menu01") != null) {
        Event.observe($("menu01"), "mouseover", menu01_mouseover, false);
        Event.observe($("menu01"), "mouseout", menu01_mouseout, false);
        Event.observe($("menu02"), "mouseover", menu02_mouseover, false);
        Event.observe($("menu02"), "mouseout", menu02_mouseout, false);
        Event.observe($("menu03"), "mouseover", menu03_mouseover, false);
        Event.observe($("menu03"), "mouseout", menu03_mouseout, false);
        Event.observe($("menu04"), "mouseover", menu04_mouseover, false);
        Event.observe($("menu04"), "mouseout", menu04_mouseout, false);
        Event.observe($("menu05"), "mouseover", menu05_mouseover, false);
        Event.observe($("menu05"), "mouseout", menu05_mouseout, false);
        Event.observe($("menu06"), "mouseover", menu06_mouseover, false);
        Event.observe($("menu06"), "mouseout", menu06_mouseout, false);
        Event.observe($("menu07"), "mouseover", menu07_mouseover, false);
        Event.observe($("menu07"), "mouseout", menu07_mouseout, false);
        Event.observe($("menu08"), "mouseover", menu08_mouseover, false);
        Event.observe($("menu08"), "mouseout", menu08_mouseout, false);
    }
}

function menu01_mouseover(evt) {
    menu_mouseover("menu01");
}
function menu01_mouseout(evt) {
    menu_mouseout("menu01");
}
function menu02_mouseover(evt) {
    menu_mouseover("menu02");
}
function menu02_mouseout(evt) {
    menu_mouseout("menu02");
}
function menu03_mouseover(evt) {
    menu_mouseover("menu03");
}
function menu03_mouseout(evt) {
    menu_mouseout("menu03");
}
function menu04_mouseover(evt) {
    menu_mouseover("menu04");
}
function menu04_mouseout(evt) {
    menu_mouseout("menu04");
}
function menu05_mouseover(evt) {
    menu_mouseover("menu05");
}
function menu05_mouseout(evt) {
    menu_mouseout("menu05");
}
function menu06_mouseover(evt) {
    menu_mouseover("menu06");
}
function menu06_mouseout(evt) {
    menu_mouseout("menu06");
}
function menu07_mouseover(evt) {
    menu_mouseover("menu07");
}
function menu07_mouseout(evt) {
    menu_mouseout("menu07");
}
function menu08_mouseover(evt) {
    menu_mouseover("menu08");
}
function menu08_mouseout(evt) {
    menu_mouseout("menu08");
}

function menu_mouseover(id) {
    new Effect.Highlight(id, {startcolor:'#ddeedd', endcolor:'#eeffee', restorecolor:'#eeffee', duration:0.2});
}
function menu_mouseout(id) {
    new Effect.Highlight(id, {startcolor:'#eeffee', endcolor:'#ddeedd', restorecolor:'#ddeedd', duration:0.2});
}
