var frameHeight = 1300;
var tenHeight;
var imgArray = new Array();//画像事前読み込み用配列

$(document).ready(function() {
  init();
  imgArray['liaison1'] = new Image();
  imgArray['liaison2'] = new Image();
  imgArray['camp1'] = new Image();
  imgArray['camp2'] = new Image();
  imgArray['treasurer1'] = new Image();
  imgArray['treasurer2'] = new Image();

  imgArray['liaison2'].src = "images/members/liaison2.jpg";
  imgArray['camp2'].src = "images/members/camp2.jpg";
  imgArray['treasurer2'].src = "images/members/treasurer2.jpg";
  imgArray['liaison1'].src = "images/members/liaison1.jpg";
  imgArray['camp1'].src = "images/members/camp1.jpg";
  imgArray['treasurer1'].src = "images/members/treasurer1.jpg";

  for(key in imgArray) {
    imgArray[key].width = 150;
    imgArray[key].height = 150;
  }
  $("a").hover(
    function() {
      this.style.color = "#00BFFF";
    },
    function() {
      this.style.color = "#0000FF";
    }
  );
});

function changeMainAndMenuHeight(height) {
  changeCss(".mainframe_members", "height", height + "px");
  changeCss(".menucontents_members", "height", height + "px");
}

function changeCss(name, property, value) {
  $(name).css(property, value);
}

function openDetail(id) {
  switch(id) {
    case "president":
      frameHeight += 900;
      break;
    case "liaison":
      frameHeight += 800;
      break;
    case "treasurer":
      frameHeight += 1060;
      break;
    case "camp":
      frameHeight += 600;
      break;
    case "relations":
      frameHeight += 800;
      break;
  }

  changeMainAndMenuHeight(frameHeight);

  $("#" + id + "FormDiv").html("");
  $("#" + id + "FormDiv").html("<div id=\"" + id + "DetailArea\">Now Loading...</div>");
  $.ajax({  //詳細読み込み
    url : "info/members/" + id + ".html",
    type : "get",
    timeout : 10000,
    success : function(data) {
      var array = data.split("'splitspace'");  //余計なコード削除
      $("#" + id + "DetailArea").html(array[0] + "<br /><div id=\"" + id + "CloseButton\"></div>");
    },
    error : function() {
      $("#" + id + "DetailArea").html("Error Loading.<br /><div id=\"" + id + "CloseButton\"></div>");
    }
  });

  //ajaxCompleteが複数回実行される
  $("#" + id + "DetailArea").ajaxComplete(function(){
    addCloseButton(id);
  });
}

function addCloseButton(id) {
  $("#" + id + "CloseButton").html("<form id=\"" + id + "DetailForm\" class=\"formButton\"><input type=\"button\" value=\"Close\" onClick=\"closeDetail('" + id + "')\" /></form>");
}

function closeDetail(id) {
  $("#" + id + "FormDiv").html("<form id=\"" + id + "From\" class=\"formButton\"><input type=\"button\" value=\"More...\" onClick=\"openDetail('" + id + "')\" /></form>");

  switch(id) {
    case "president":
      frameHeight -= 900;
      break;
    case "liaison":
      frameHeight -= 800;
      break;
    case "treasurer":
      frameHeight -= 1060;
      break;
    case "camp":
      frameHeight -= (600 + tenHeight);
      break;
    case "relations":
      frameHeight -= 800;
      break;
  }

  changeMainAndMenuHeight(frameHeight);
}

function answerTen() {
	var value = $("input[@name=ten]:checked").val();
	var str = "";

	//答えチェック
	if(value == 1) {
		str += "<span style=\"color:red;\">正解</span>です。";
		str += "でもまだまだ知らないことはあるはず。どんどん絡んでいきましょう。";
	} else {
		str += "残念、不正解です。正解は、「<span style=\"font-weight:bold;\">たかし</span>」。";
		str += "これからもっとてんと絡んで名前を忘れないように！";
	}

	tenHeight = 30;
	frameHeight += tenHeight;
	changeMainAndMenuHeight(frameHeight);
	$("#answerTenArea").html(str);
}

function changeMemberImg(which, name) {
	which.src = imgArray[name].src;
}