<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>
			<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">ファイル選択</th>
				  <td>
				  	<div class="uploadArea">
						<div class="bBtnUpload"><a href="#noscript" onclick="showUploader('bimg_img');" title="新規アップロード">新規アップロード</a></div>
						<div class="bBtnUploadSelect"><a href="#noscript" onclick="showSelecter('bimg_img','{$BINGOTOPURL}');" title="アップロード済みのファイルから選択">アップロード済みのファイルから選択</a></div>
					</div>
					<div id="uploader-bimg_img" style="display:none;">
					{$form.picture.html}
					</div>
					<div id="selecter-bimg_img" style="display:none;">
					</div>
 {if $image}
					<img src="{$image}" width="100"><br />
{/if}
					<span class="txtImp">※表示サイズ：{$imgsize.0.w}px<!--{*&nbsp;×&nbsp;{$imgsize.0.h}px*}--></span>
					</td>
				</tr>
				<tr>
					<th>alt（代替テキスト）</th>
					<td class="textLl">{$form.bimg_alt.html}</td>
				</tr>
				<tr>
					<th>キャプション</th>
					<td class="textLl">{$form.bimg_cap.html}</td>
				</tr>
				<tr>
					<th>クリック時の動作</th>
					<td>{$form.bimg_clc_flg.html}</td>
				</tr>
				<tr>
					<th>リンク先URL</th>
					<td>
					{$form.bimg_jmp_url.html}を{$form.bimg_jmp_flg.html}で表示<br />
					<span class="txtImp">※「クリック時の動作」で「リンク」を選択した場合は必須</span>
					</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>
	<!--/contents-->
	</div>
	<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>