/**
 * 作品詳細画面用Javascript
 */
 
 
  /**
  * 指定したidの表示非表示を操作する
  *
  **/
 function changeDisplay(id)
 {
    if (document.getElementById(id).style.display == 'none') {
        document.getElementById(id).style.display = 'block';
        return true;
    } else {
        document.getElementById(id).style.display = 'none';
        return false;
    }
 }
 
 /**
  * 指定したidの表示非表示を操作する(2項目を同時に操作する場合)
  *
  * HTML内のidの命名規則
  * 要約：○○_summary
  * 詳細：○○_detail
  * リンク名：○○_change_message
  **/
 function changeDisplayMulti(id)
 {
    var id_1 = id+'_summary';
    var id_2 = id+'_detail';
    var message = id+'_change_message';

    if (document.getElementById(id_1).style.display == 'none') {
        document.getElementById(id_1).style.display = 'block';
        document.getElementById(id_2).style.display = 'none';
        document.getElementById(message).innerHTML = '全てを見る';
    } else {
        document.getElementById(id_1).style.display = 'none';
        document.getElementById(id_2).style.display = 'block';
        document.getElementById(message).innerHTML = '閉じる';
    }
    return void(0);
 }
 
 /**
  * 作品情報の詳細情報の状態を操作する
  *
  **/
 function changeDisplayCinemaDetail()
 {
    if (changeDisplay('cinema_detail')) {
        document.getElementById('cinema_detail_change_message').innerHTML = '作品情報を閉じる';
    } else {
        document.getElementById('cinema_detail_change_message').innerHTML = '作品情報をすべてみる';
    }
    return void(0);
 }
 
  /**
  * ストーリーの詳細情報の状態を操作する
  *
  **/
 function changeDisplayPlotDetail()
 {
    changeDisplayMulti('plot');
    return void(0);
 }
 
   /**
  * スタッフの詳細情報の状態を操作する
  *
  **/
 function changeDisplayStaffDetail()
 {
    // スタッフ一覧上部の「閉じる」ボタンの表示非表示
    changeDisplay('staff_change_message_top');

    // 詳細と要約の切り替え
    changeDisplayMulti('staff');
    return void(0);
 }
 
  /**
   * 受賞履歴の詳細情報の状態を操作する
   *
   **/
 function changeDisplayWinningHistoryDetail()
 {
    changeDisplayMulti('winning_history');
    return void(0);
 }
 
  /**
   * 作品タブと辞書タブを切り替える
   *
   **/
 function changeMainTab(id)
 {
	 if (id == "cinema") { 
		document.getElementById("cinema_tab").style.display = 'block';
		document.getElementById("dictionary_tab").style.display = 'none';
	 } else {
		document.getElementById("cinema_tab").style.display = 'none';
		document.getElementById("dictionary_tab").style.display ='block';
	 }
    return void(0);
 }