// JavaScript Document
// Prototype.js と共存するため、jQuery を noConflict で固定
var $j = jQuery.noConflict();

$j(function () {

  function keyClass(el) {
    // 店舗キー用 class（先頭）だけを使用（複数classでも壊れない）
    return el.classList && el.classList.length ? el.classList[0] : "";
  }

  // テキスト → マップへ同期
  $j("#shop_search .text .pin li").hover(
    function () {
      var key = keyClass(this);
      $j("#shop_search .map .pin li." + key).addClass("hover");
    },
    function () {
      $j("#shop_search .map .pin li").removeClass("hover");
    }
  );

  // マップ → テキストへ同期
  $j("#shop_search .map .pin li").hover(
    function () {
      var key = keyClass(this);
      $j("#shop_search .text .pin li." + key).addClass("hover");
    },
    function () {
      $j("#shop_search .text .pin li").removeClass("hover");
    }
  );

});