﻿//
//  module name : overlay.js
//
//  Last update : 2009/03/24 28:10
//
//  (当スクリプトはjquery.jsの使用を前提とする)
//
  
  // オーバーレイ表示html定義(設定は表示元のhtmlで行う)
  var g_toggleOverlayHtml;
  // オーバーレイ表示コンテナ名管理
  var v_toggleOverlayDisp = '';

  //
  // オーバーレイ初期処理
  // (ページがロードされると以下のイベント実行)
  //
  $(function(){
    // 全コンテナ非表示
    for(prm in g_toggleOverlayHtml) {
      $('#'+prm).css('display','none');
    }
    v_toggleOverlayDisp = ''; // 表示コンテナなし
  });

  //
  // オーバーレイ表示トグル切り替え(強制切替あり)
  //
  function toggleOverlay(prm){
    // 表示中コンテナ情報を退避
    var wk = v_toggleOverlayDisp;
    // 表示中コンテナがあれば非表示にする
    if(wk != '') {
      clearOverlay(wk);
    }
    // 表示コンテナ切替なら表示実行
    if(wk != prm) {
      showOverlay(prm);
    }
  }

  //
  // オーバーレイ表示トグル切り替え(排他制御あり)
  //
  function toggleOverlayXor(prm){
    // 表示コンテナなしなら表示実行
    if(v_toggleOverlayDisp == '') {
      showOverlay(prm);
    }
    else {
      // 表示中コンテナとトグル指示が一致すればコンテナを非表示
      if(v_toggleOverlayDisp == prm) {
        clearOverlay(prm);
      }
    }
  }

  //
  // オーバーレイ表示
  //
  function showOverlay(prm) {
    // 指定のhtmlファイルを読み込んでコンテナを表示
    $('#'+prm).load(g_toggleOverlayHtml[prm]);
    $('#'+prm).css('display','block');
    v_toggleOverlayDisp = prm; // 表示コンテナ設定
  }

  //
  // オーバーレイ非表示
  //
  function clearOverlay(prm) {
    // コンテナを非表示
    $('#'+prm).html('');
    $('#'+prm).css('display','none');
    v_toggleOverlayDisp = ''; // 表示コンテナなし
  }

