﻿
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++/
/+      以降、イベント処理
/++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

function setListeners(e) {
    /* addListener関数呼び出し */
    try {
        addListener(document.getElementById("CateImage_Fashion"), "mouseover", CateImg_Fashion_MouseOver , false);
        addListener(document.getElementById("CateImage_Fashion"), "mouseout", CateImg_Fashion_MouseOut , false);
        addListener(document.getElementById("CateImage_Baby"), "mouseover", CateImg_Baby_MouseOver , false);
        addListener(document.getElementById("CateImage_Baby"), "mouseout", CateImg_Baby_MouseOut , false);
        addListener(document.getElementById("CateImage_Pet"), "mouseover", CateImg_Pet_MouseOver , false);
        addListener(document.getElementById("CateImage_Pet"), "mouseout", CateImg_Pet_MouseOut , false);
    } catch(ex) {
    alert(ex);
    }
    
}

/* ページロードにリスナー設定 */
addListener(window, "load", Page_Load, false);

/*---------------------------------------------------------------------+/
/+  ページロード
/+---------------------------------------------------------------------*/
function Page_Load() {

    /* Accordian Init */
    //new Accordian('basic-accordian',5,'header_highlight');  //accordian menu

    if(navigator.userAgent.indexOf("MSIE") >= 0){
        // IE
        $("#CateIntro_Fashion").hide();
        $("#CateIntro_Baby").hide();
        $("#CateIntro_Pet").hide();
        $(document).ready(function(){
            //$("#CateImage_Fashion").click(function(){$("#CateIntro_Fashion").slideToggle("normal");});
            $("#CateImage_Fashion").hover(
              function () {$("#CateIntro_Fashion").slideDown("normal");},
              function () {$("#CateIntro_Fashion").slideUp("normal");}
            );
            $("#CateImage_Baby").hover(
              function () {$("#CateIntro_Baby").slideDown("normal");},
              function () {$("#CateIntro_Baby").slideUp("normal");}
            );
            $("#CateImage_Pet").hover(
              function () {$("#CateIntro_Pet").slideDown("normal");},
              function () {$("#CateIntro_Pet").slideUp("normal");}
            );
        });
    } else {
        elm = document.getElementById("CateIntro_Fashion");
        elm.style.visibility = "hidden";
        elm.style.display = "none";
        elm = document.getElementById("CateIntro_Baby");
        elm.style.visibility = "hidden";
        elm.style.display = "none";
        elm = document.getElementById("CateIntro_Pet");
        elm.style.visibility = "hidden";
        elm.style.display = "none";
        setListeners();                             // 各コントロールにイベント設定
    }
}

function CateImg_Fashion_MouseOver(e) {
    elm = document.getElementById("CateIntro_Fashion");
    elm.style.visibility = "visible";
    elm.style.display = "block";
}
function CateImg_Fashion_MouseOut(e) {
    elm = document.getElementById("CateIntro_Fashion");
    elm.style.visibility = "hidden";
    elm.style.display = "none";
}
function CateImg_Baby_MouseOver(e) {
    elm = document.getElementById("CateIntro_Baby");
    elm.style.visibility = "visible";
    elm.style.display = "block";
}
function CateImg_Baby_MouseOut(e) {
    elm = document.getElementById("CateIntro_Baby");
    elm.style.visibility = "hidden";
    elm.style.display = "none";
}
function CateImg_Pet_MouseOver(e) {
    elm = document.getElementById("CateIntro_Pet");
    elm.style.visibility = "visible";
    elm.style.display = "block";
}
function CateImg_Pet_MouseOut(e) {
    elm = document.getElementById("CateIntro_Pet");
    elm.style.visibility = "hidden";
    elm.style.display = "none";
}