<script src="{$BINGOTOPURL}/js/prototype.js" type="text/javascript"></script>
<script type="text/javascript" src="{$BINGOTOPURL}/admin/js/imgselecter.js"></script>
<div id="overlay">&nbsp;</div>
<div id="imgdiag">
<div id="trgetimgs">&nbsp;</div>
<div class="unitContentsBtn"><p><input type='button' class="bBtnClose" value='閉じる' onclick='diagshow("none")' /></p></div>
</div>

<div id="unitContainerMain" class="unitContainer">
	<div class="unitContentsTtl">
		<h3>フォームジェネレータ</h3>
		<ul>
			<li id="tabBtn1" class="tabOver tab2"><a href="#noscript" onClick="DispTab(1);" title="ユニット設定">ユニット設定</a></li>
		</ul>
		<ul>
			<li id="tabBtn2" class="tab1"><a href="#noscript" onClick="DispTab(2);" title="デザインオプション">デザインオプション</a></li>
		</ul>
	</div>

	<form {$form.attributes}>
	<!--contents/-->
	{$form.hidden}
	<div class="unitContents">
		<div id="tabBox1" class="unitContentsBox">
			<div class="unitFlame">
			<div class="unitFlameInner">
				<!--エラーコメント/-->
				{foreach from=$ERROR item="msg" name="err"}
				{if $smarty.foreach.err.first}
				<p class="errBox">
				{/if}
				{$msg}<br />
				{if $smarty.foreach.err.last}
				</p>
				{/if}
				{/foreach}
				<!--/エラーコメント-->

				<!-- ユニット設定 -->
				<div class="unitContentsOption">
					<div class="unitContentsOptionInner">
					<table border="0" cellpadding="0" cellspacing="0">
						<tr>
							<th>フォーム選択</th>
							<td>{$form.ufrm_frm_id.html}</td>
						</tr>
					</table>
					</div>
				</div>
			</div>
			</div>
		</div>
		<div id="tabBox2" class="unitContentsBox" style="display: none;">
			<div class="unitFlame">
			<div class="unitFlameInner">
				<!--エラーコメント/-->
				{foreach from=$ERROR item="msg" name="err"}
				{if $smarty.foreach.err.first}
				<p class="errBox">
				{/if}
				{$msg}<br />
				{if $smarty.foreach.err.last}
				</p>
				{/if}
				{/foreach}
				<!--/エラーコメント-->

				<!-- ユニット設定 -->
				<div class="unitContentsOption">
					<div class="unitContentsOptionInner">
					<table border="0" cellpadding="0" cellspacing="0">
						<tr>
							<th>下方スペース</th>
							<td>{$form.btm_padding.html}</td>
						</tr>
					</table>
					</div>
				</div>
			</div>
			</div>
		</div>
	</div>
	<!--/contents-->
	<div class="unitContentsBtn">
		<table>
			<tr>
				<td>{$form.buttons.BTNback.html}</td>
				<td>{$form.buttons.BTNsave.html}</td>
			</tr>
		</table>
	</div>
	</form>
</div>

<script type="text/javascript">
//<![CDATA[{literal}
//タブの切り替え
window.onload=function(){DispTab(1);};
function DispTab( type )
{
	if( 1 == type)
	{

	Element.show('tabBox1');
	Element.hide('tabBox2');
	Element.addClassName("tabBtn1","tabOver");
	Element.removeClassName("tabBtn2","tabOver");

	}
	else if(type == 2)
	{

	Element.hide('tabBox1');
	Element.show('tabBox2');
	Element.addClassName("tabBtn2","tabOver");
	Element.removeClassName("tabBtn1","tabOver");

	}
}
{/literal}//]]>
</script>