/* =============================================================
 * 階層メニュー - Submenu.js (jQuery v1.3.2)
 * =============================================================
 * Created: 2009-11-17
 * Last modified: 2009-11-17
 * Copyright (C) 2009 KK Mediaplan Murakami Jimusyo.
 * ------------------------------------------------------------- */

$(function() {

var submenu = "#submenu";
var parentClassName = "parent";
var activeClassName = "active";
var template = '\
<ul>\
  <li class="information"><a class="info" href="http://kyoto-fukushi.org/information/index.html">京都福祉サービス協会とは</a>\
    <ul>\
      <li><a href="http://kyoto-fukushi.org/information/about.html">特徴</a></li>\
      <li><a href="http://kyoto-fukushi.org/information/voice.html">ご利用者様からの声</a></li>\
    </ul>\
  </li>\
  <li class="service"><a class="ser" href="http://kyoto-fukushi.org/service/index.html">福祉サービスのご案内</a>\
    <ul>\
      <li><a href="http://kyoto-fukushi.org/service/procedure.html">ご利用の手続き</a>\
      </li>\
      <li><a href="http://kyoto-fukushi.org/service/attention.html">ご利用にあたってのお願い</a></li>\
      <li><a href="http://kyoto-fukushi.org/service/zai.html">地域包括支援センター</a></li>\
      <li><a href="http://kyoto-fukushi.org/service/cm.html">居宅介護支援</a></li>\
      <li><a href="http://kyoto-fukushi.org/service/hh.html">訪問介護・介護予防訪問介護</a></li>\
      <li><a href="http://kyoto-fukushi.org/service/ds.html">通所介護・介護予防通所介護</a></li>\
      <li><a href="http://kyoto-fukushi.org/service/sin.html">短期入所生活介護・<br />介護予防短期入所生活介護</a></li>\
      <li><a href="http://kyoto-fukushi.org/service/mlt.html">小規模多機能型居宅介護・<br />介護予防小規模多機能型居宅介護</a></li>\
      <li><a href="http://kyoto-fukushi.org/service/nit.html">夜間対応型訪問介護</a></li>\
      <li><a href="http://kyoto-fukushi.org/service/cpp.html">地域介護予防推進センター</a></li>\
      <li><a href="http://kyoto-fukushi.org/service/tky.html">介護老人福祉施設</a></li>\
      <li><a href="http://kyoto-fukushi.org/service/cah.html">ケアハウス</a></li>\
      <li><a href="http://kyoto-fukushi.org/service/jid.html">児童館</a></li>\
      <li><a href="http://kyoto-fukushi.org/service/pamphlet.html">パンフレット</a></li>\
    </ul>\
  </li>\
  <li class="place"><a class="pla" href="http://kyoto-fukushi.org/place/index.html">事業所のご案内</a>\
    <ul>\
      <li><a href="http://kyoto-fukushi.org/place/name.html">事業所一覧</a></li>\
      <li><a href="http://kyoto-fukushi.org/place/area.html">地域別事業所案内</a></li>\
      <li><a href="http://kyoto-fukushi.org/place/service.html">サービス別事業所案内</a>\
      </li>\
    </ul>\
  </li>\
  <li class="data"><a class="dat" href="http://kyoto-fukushi.org/data/index.html">法人情報</a>\
    <ul>\
      <li><a href="http://kyoto-fukushi.org/data/rinen.html">理念・事業沿革</a></li>\
      <li><a href="http://kyoto-fukushi.org/data/user.html">ご利用者様統計</a></li>\
      <li><a href="http://kyoto-fukushi.org/data/employee.html">従業員統計</a></li>\
      <li><a href="http://kyoto-fukushi.org/data/kessan.html">決算報告</a></li>\
      <li><a href="http://kyoto-fukushi.org/data/jigyou.html">事業報告・推移</a></li>\
    </ul>\
  </li>\
  <li class="faq"><a class="faq" href="http://kyoto-fukushi.org/faq/index.html">よくあるご質問</a>\
    <ul>\
      <li><a href="http://kyoto-fukushi.org/faq/01.html">介護保険</a></li>\
      <li><a href="http://kyoto-fukushi.org/faq/02.html">障害者自立支援</a></li>\
      <li><a href="http://kyoto-fukushi.org/faq/03.html">その他</a></li>\
    </ul>\
  </li>\
</ul>\
';

$(submenu).find("ul").replaceWith(template);

var parents = $(submenu).find("ul").parent("li");
parents.addClass(parentClassName);

parents.hover(function() {
  show(this);
  clearTimeout(this.timer);
}, function(event) {
  this.timer = setTimeout(function() {
    hide(event.currentTarget);
  }, 1000);
});

function show(parent) {
  parent = $(parent);
  hide(parent.siblings().find("li").andSelf());
  parent.addClass(activeClassName).children("ul").css("visibility", "visible");
}

function hide(parent) {
  parent = $(parent);
  parent.removeClass(activeClassName).children("ul").css("visibility", "hidden");
}

});