$(document).ready(function(){
	planImgInit();
	$('#main_contents .plan_frame ul li a').mouseover(function(){
		$('#main_contents .plan_frame ul li.selected').removeClass('selected');
		$(this).parent().addClass('selected');
		
		var selected = $('#main_contents .plan_frame ul li.selected a').attr('class');
		
		$('#main_contents .plan_frame .plan_img img').each(function(){
    $(this).css("display","none");
    });
    $('#main_contents .plan_frame .plan_img img.'+selected).show();
	});
});

/**
 * プラントップの画像切り替えの初期化
 */
function planImgInit() {
	var i=1;
  $('#main_contents .plan_frame ul li a').each(function(){
		$(this).addClass("pimg"+i);
		i++;
	});
	i=1;
	$('#main_contents .plan_frame .plan_img img').each(function(){
		$(this).addClass("pimg"+i);
		$(this).css("display","none");
		i++;
	});
	
	var selected = $('#main_contents .plan_frame ul li.selected a').attr('class');
	$('#main_contents .plan_frame .plan_img img.'+selected).show();
}

/**
 * エリアのチェックボックスをクリックしたときに駅を全部チェックする
 */
function toggleCheckAllStations(style, area_id) {
  if ($('#select_stations_area_check_' + style + '_' + area_id).attr('checked')) {
    $('#select_stations_area_' + style + '_' + area_id + ' input').attr('checked', 'checked');
  } else {
    $('#select_stations_area_' + style + '_' + area_id + ' input').removeAttr('checked');
  }
}

/**
 * 検索フォーム用
 */
$(function() {
  $('input[name=area], input[name="area[]"]').change(function() {
    var getSelectedAreas = function() {
      var areas = [];
      $('input[name=area]:checked, input[name="area[]"]:checked').each(function() {
        areas[areas.length] = $(this).val();
      });
      return areas;
    };
    
    var areas = getSelectedAreas();
    if (areas.length > 5) {
      alert('エリアは5個までしか選択できません');
      $(this).attr('checked', false);
      return false;
    }
  });

  $('select.switch_contents').each(function() {
    var thiz = this;
    var apply = function() {
      var id = $(thiz).val();
      $(id).parent().children().hide();
      $(id).show();
    };
    $(this).change(apply);
    apply();
  });
});

