$(document).ready(function() {
  initialize();
  buttonClickedEventListener();
  mouseEventLisner();
});

// 初期化
function initialize()
{
  // おすすめナビ
  $('#main_recommend ul.main_recommend_navi').each(function() {
    $(this).addClass('hidden');
  });
  $('#main_recommend div.main_menu_container').each(function() {
    $(this).addClass('hidden');
  });
  $('#main_recommend .navi_recommend').removeClass('hidden')
}

//ボタンクリック
var buttonClickedEventListener = function() {
  // おすすめナビ
  $('#main_recommend ul.main_recommend_navi img').click(function() {
    if ($(this).attr('show') == 'undefined' || typeof $(this).attr('show') == 'undefined') return;
    $('#main_recommend ul.main_recommend_navi').each(function() {
      $(this).addClass('hidden');
    });
    $('#main_recommend div.main_menu_container').each(function() {
      $(this).addClass('hidden');
    });
    $('#main_recommend .' + $(this).attr('show')).removeClass('hidden')
  });
}

// マウスオーバー
var mouseEventLisner = function() {
  // おすすめナビ
  $('.main_recommend_navi li img').each(function() {
    var src;
    $(this).hover(
      function() {
        src = $(this).attr('src');
        if ($(this).attr('class') != 'selected') $(this).attr('src', src.replace('.gif', '_on.gif'));
      },
      function() {
        $(this).attr('src', src);
      }
    );
  });
}