<script src="{$BINGOTOPURL}/js/prototype.js" type="text/javascript"></script>
<div id="unitContainerMain" class="unitContainer">
	<div class="unitContentsTtl">
		<h3>JavaScript専用</h3>
		<ul>
			<li id="tabBtn1" class="tabOver tab2"><a href="#noscript" onClick="DispTab(1);" title="ユニット設定">ユニット設定</a></li>
			<li id="tabBtn2" class="tab1"><a href="#noscript" onClick="DispTab(2);" title="デザインオプション">デザインオプション</a></li>
		</ul>
	</div>
	
	<form {$form.attributes}>
	<div class="unitContents">
	<!--contents/-->
	
	{$form.hidden}
	<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="unitContentsBase">
				<table border="0" cellpadding="0" cellspacing="0">
					<tr>
						<th class="thImp">JavaScript<br><br>※必ず単体動作確認を行ってから登録ください。<br>Javascriptにエラーがある場合、本ページの編集ができなくなる場合があります。</th>
						<td class="textLl">{$form.java_sc.html}</td>
					</tr>
					<tr>
						<th class="thImp">表示エリア（高さ）px</th>
						<td>{$form.java_height.html}</td>
					</tr>
				</table>
				</div>
				</div>
				</div>
			</div>
				
			<div id="tabBox2" class="unitContentsBox" style="display: none;">
				<div class="unitFlame">
				<div class="unitFlameInner">
					<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}
//タブの切り替え
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>