//##################################################################################################################################
//
// 画面表示物の操作
//
//##################################################################################################################################
	//---------- IDラベル --------------------------------------------------------------------------------
	// IDラベルの取得
	function GetIdLabel(pl_idx, pc_idx, type)
	{
		return type + '_p' + pl_idx + '_c' + pc_idx;
	}
	
	//---------- HP --------------------------------------------------------------------------------
	// HPのセット
	function SetHp(pl_idx, pc_idx, val)
	{
		var elem = document.getElementById(GetIdLabel(pl_idx, pc_idx, 'hp'));
		elem.innerHTML = val;
	}
	// HPの加算
	function AddHp(pl_idx, pc_idx, val)
	{
		var elem = document.getElementById(GetIdLabel(pl_idx, pc_idx, 'hp'));
		elem.innerHTML = eval(elem.innerHTML) + val;
	}
	// HPの減算
	function DecHp(pl_idx, pc_idx, val)
	{
		var elem = document.getElementById(GetIdLabel(pl_idx, pc_idx, 'hp'));
		elem.innerHTML = eval(elem.innerHTML) - val;
	}
	
	//---------- LV --------------------------------------------------------------------------------
	// LVのセット
	function SetLv(pl_idx, pc_idx, val)
	{
		var elem = document.getElementById(GetIdLabel(pl_idx, pc_idx, 'lv'));
		elem.innerHTML = val;
	}
	// LVの加算
	function AddLv(pl_idx, pc_idx, val)
	{
		var elem = document.getElementById(GetIdLabel(pl_idx, pc_idx, 'lv'));
		elem.innerHTML = eval(elem.innerHTML) + val;
	}
	// LVの減算
	function DecLv(pl_idx, pc_idx, val)
	{
		var elem = document.getElementById(GetIdLabel(pl_idx, pc_idx, 'lv'));
		elem.innerHTML = eval(elem.innerHTML) - val;
	}
	
	//---------- キャラ背景色 --------------------------------------------------------------------------------
	// キャラ背景色をセット
	function SetChrBgc(pl_idx, pc_idx, chrbgc_type)
	{
		var elem = document.getElementById(GetIdLabel(pl_idx, pc_idx, 'action'));
		elem.className = 'action_' + chrbgc_type;
	}
	
	//---------- キャラ画像 --------------------------------------------------------------------------------
	// キャラ画像をセット
	function SetChrImg(pl_idx, pc_idx, chrimg_path)
	{
		var elem = document.getElementById(GetIdLabel(pl_idx, pc_idx, 'chrimg'));
		elem.src = chrimg_path;
	}
	// キャラ画像を追加（分身）
	function AddChrImgSpan(pl_idx, pc_idx, chrimg_path, num)
	{
		var elem = document.getElementById(GetIdLabel(pl_idx, pc_idx, 'chrimgspan'));
		for(var i = 0; i < num; i++){
			var img_elem = document.createElement('img');
			img_elem.src = chrimg_path;
			img_elem.alt = '分身';
			elem.appendChild(img_elem);
		}
	}
	// キャラ画像を削除（分身消滅）
	function DelChrImgSpan(pl_idx, pc_idx, num)
	{
		var elem = document.getElementById(GetIdLabel(pl_idx, pc_idx, 'chrimgspan'));
		for(var i = 0; i < num; i++){
			elem.removeChild(elem.lastChild);
		}
	}
	// キャラ画像を非表示
	function HideChrImgSpan(pl_idx, pc_idx)
	{
		var elem = document.getElementById(GetIdLabel(pl_idx, pc_idx, 'chrimgspan'));
		elem.style.visibility = 'hidden';
	}
	// キャラ画像を表示
	function VisibleChrImgSpan(pl_idx, pc_idx)
	{
		var elem = document.getElementById(GetIdLabel(pl_idx, pc_idx, 'chrimgspan'));
		elem.style.visibility = 'visible';
	}
	
	//---------- ステータス --------------------------------------------------------------------------------
	// ステータスをON
	function SetStatusOn(pl_idx, pc_idx, status_type)
	{
		var elem = document.getElementById(GetIdLabel(pl_idx, pc_idx, 'status_' + status_type));
		elem.className = 'status_' + status_type;
	}
	// ステータスをOFF
	function SetStatusOff(pl_idx, pc_idx, status_type)
	{
		var elem = document.getElementById(GetIdLabel(pl_idx, pc_idx, 'status_' + status_type));
		elem.className = 'status_n';
	}
	
	//---------- ATBゲージ --------------------------------------------------------------------------------
	// ATBゲージをセット
	function SetAtbGauge(pl_idx, pc_idx, val, action)
	{
		var elem1 = document.getElementById(GetIdLabel(pl_idx, pc_idx, 'atb_gauge_on'));
		var elem2 = document.getElementById(GetIdLabel(pl_idx, pc_idx, 'atb_gauge_off'));
		if(action == 1){
			elem1.src = "../data/atbg_yellow.gif";
			elem2.src = "../data/atbg_yellow.gif";
			elem1.width = 99;
			elem2.width = 1;
		} else if(val <= 0){
			elem1.src = "../data/atbg_gray.gif";
			elem2.src = "../data/atbg_gray.gif";
			elem1.width = 1;
			elem2.width = 99;
		} else if(val >= 100){
			elem1.src = "../data/atbg_white.gif";
			elem2.src = "../data/atbg_white.gif";
			elem1.width = 99;
			elem2.width = 1;
		} else {
			elem1.src = "../data/atbg_white.gif";
			elem2.src = "../data/atbg_gray.gif";
			elem1.width = val;
			elem2.width = 100 - val;
		}
	}
	
	// 全員（2プレイヤー×4キャラ）のATBゲージをセット
	function SetAtbGaugeAll(val1, val2, val3, val4, val5, val6, val7, val8)
	{
		var vals = new Array(val1, val2, val3, val4, val5, val6, val7, val8);
		var val_tgt;
		for(var pl_idx = 0; pl_idx < 2; pl_idx++){
			for(var pc_idx = 0; pc_idx < 4; pc_idx++){
				var elem1 = document.getElementById(GetIdLabel(pl_idx, pc_idx, 'atb_gauge_on'));
				var elem2 = document.getElementById(GetIdLabel(pl_idx, pc_idx, 'atb_gauge_off'));
				val_tgt = vals[pl_idx * 4 + pc_idx];
				if(val_tgt <= 0){
					elem1.src = "../data/atbg_gray.gif";
					elem2.src = "../data/atbg_gray.gif";
					elem1.width = 1;
					elem2.width = 99;
				} else if(val_tgt >= 100){
					elem1.src = "../data/atbg_white.gif";
					elem2.src = "../data/atbg_white.gif";
					elem1.width = 99;
					elem2.width = 1;
				} else {
					elem1.src = "../data/atbg_white.gif";
					elem2.src = "../data/atbg_gray.gif";
					elem1.width = val_tgt;
					elem2.width = 100 - val_tgt;
				}
			}
		}
	}
	
	//---------- アイテム --------------------------------------------------------------------------------
	// アイテム数のセット
	function SetItem(pl_idx, item_type, val)
	{
		var elem = document.getElementById('item_' + item_type + '_p' + pl_idx);
		elem.innerHTML = val;
	}
	// アイテム数の加算
	function AddItem(pl_idx, item_type, val)
	{
		var elem = document.getElementById('item_' + item_type + '_p' + pl_idx);
		elem.innerHTML += val;
	}
	// アイテム数の減算
	function DecItem(pl_idx, item_type, val)
	{
		var elem = document.getElementById('item_' + item_type + '_p' + pl_idx);
		elem.innerHTML -= val;
	}
	
	//---------- フィールドキャラ画像 --------------------------------------------------------------------------------
	// フィールドキャラ画像をセット
	function SetFChrImg(chrimg_path)
	{
		var elem = document.getElementById('field_img');
		elem.src = chrimg_path;
	}
	// フィールドキャラ画像を非表示
	function HideFChrImg()
	{
		var elem = document.getElementById('field_img');
		elem.style.visibility = 'hidden';
	}
	// フィールドキャラ画像を表示
	function VisibleFChrImg()
	{
		var elem = document.getElementById('field_img');
		elem.style.visibility = 'visible';
	}
	
	//---------- フィールドメッセージ --------------------------------------------------------------------------------
	// フィールドメッセージの初期化
	function ClearFMsg()
	{
		var elem = document.getElementById('field_msg');
		while(elem.hasChildNodes()){
			elem.removeChild(elem.lastChild);
		}
	}
	// フィールドメッセージを追加
	function AddFMsg(msg)
	{
		var elem = document.getElementById('field_msg');
		var txt_elem = document.createElement('span');
		txt_elem.innerHTML = msg;
		elem.appendChild(txt_elem);
		elem.scrollTop = elem.scrollHeight;
	}
	
	//---------- メッセージボックス --------------------------------------------------------------------------------
	// メッセージボックスの初期化
	function ClearMBox()
	{
		var elem = document.getElementById('msgbox');
		while(elem.hasChildNodes()){
			elem.removeChild(elem.lastChild);
		}
	}
	// メッセージを追加
	function AddMBox(msg)
	{
		var elem = document.getElementById('msgbox');
		var txt_elem = document.createElement('span');
		txt_elem.innerHTML = msg;
		elem.appendChild(txt_elem);
		elem.scrollTop = elem.scrollHeight;
	}