{sub ../header}
<div id="sidebar">
	<div class="box userinfo"><a id="album-tip" href="{r}/album/$id"><img id="album_ds_$id" src="{u}{$album->info['avatar']}" /></a>
		{echo getHeart('album', $id, $album->isFav($uid))}
		<div class="userinfo_blk">
			<h2 id="item_title"{if $album->isAdmin} onMouseOver="$(this).css('background-color','#dcdcdc');" onMouseOut="$(this).css('background-color','#cccccc');" onClick="$('#item_title').hide();$('#item_title_edit').show();return false;" title="{lg clickEditTitle}"{/if}>{$album->info['name']}</h2>{if $album->isAdmin}
			<script type="text/javascript">$(function(){$("#album_teform_$id").bind("submit", function(ev){$(this).ajaxSubmit({target:"#item_title"}).clearForm();$("#item_title_edit").hide();$("#item_title").show();ev.preventDefault();})});</script>
			<div style="display: none;" id="item_title_edit">
				<form id="album_teform_$id" method="post" action="{r}/album/$id/do_editname">
					$sys_hash_code
					<input type="text" value="" onFocus="this.value=''" name="name" id="titile">
					<input type="submit" value="{lg edit}" name="commit" id="titlesubmit" class="submit">
					{lg or} <a onClick="$('#item_title_edit').hide();$('#item_title').show();return false;" href="">{lg cancel}</a>
				</form>
			</div>{/if}
			<p><a href="{r}/user/{$album->info['uid']}/albums"><span>{$album->author['name']}</span></a> {lg createTo}{echo date('Y-m-d', $album->info['createTime'])}</p>
			<br/>
			{if !$album->info['des'] && $album->isAdmin}<p id="album_bio"><a href="#" onClick="$('#album_bio').hide();$('#album_bio_edit').show();return false;">{lg addDes}</a></p>{else}<p id="album_bio"{if $album->isAdmin} onmouseover="$(this).css('background-color','#dcdcdc');" onmouseout="$(this).css('background-color','#cccccc');" onclick="$('#album_bio').hide();$('#album_bio_edit').show();return false;" title="{lg clickEditTitle}"{/if}>{$album->info['des']}</p>{/if}{if $album->isAdmin}
			<script type="text/javascript">$(function(){$("#album_tbform_$id").bind("submit", function(ev){$(this).ajaxSubmit({target:"#album_bio"}).clearForm();$("#album_bio_edit").hide();$("#album_bio").show();ev.preventDefault();})});</script>
			<div style="display: none;" id="album_bio_edit">
				<form id="album_tbform_$id" method="post" action="{r}/album/$id/do_editdes">
					$sys_hash_code
					<textarea name="des" >{$album->info['des']}</textarea>
					<br />
					<input type="submit" value="{lg edit}" name="commit" id="titlesubmit" class="submit">
					{lg or} <a onClick="$('#album_bio_edit').hide();$('#album_bio').show();return false;" href="">{lg cancel}</a>
				</form>
			</div>{/if}
		</div>
	</div>
	<div class="operbox">
		<ul>
			<li><a class="i_wall" id="album_wide_tips" href="{r}/album/$id/wide">{lg fullScreen}</a></li>
			<li><a class="i_wall" href="{r}/wall?type=album&id=$id" >{lg 3dBrowse}</a></li>
			<li><a class="i_item" href="{r}/album/$id/choose">{lg addPic}</a></li>
			{if $album->isAdmin}
			<li><a class="i_item" href="{r}/album/$id/upload">{lg upPic}</a></li>
			<li><a class="i_set" href="{r}/album/$id/settings">{lg albumSetting}</a></li>
			<li><a class="i_del" href="{r}/album/$id/itemdel">{lg delPic}</a></li>
			<li><a href="#" onClick="$(this).hide();$(this).siblings().show();return false;" class="i_del">{lg delAlbum}</a><a class="i_del" style="display:none;" href="{r}/album/$id/do_del">{lg isDelAlbum}</a></li>
			{/if}
			<li><a id="btn_jiathis" class="i_wall" href="#">{lg shareAlbum}</a></li>
			<div style="display:none" id="id_info" class="$id album"></div>
			<div class="clear"></div>
		</ul>
		<div id="jiathis_style_32x32" style="display:none;"><a class="jiathis_button_tsina"></a><a class="jiathis_button_douban"></a><a class="jiathis_button_qzone"></a><a class="jiathis_button_renren"></a><a class="jiathis_button_tqq"></a><a href="http://www.jiathis.com/share?uid=1571652" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a></div>
		<script>$(function(){$("#btn_jiathis").click(function(ev){$("#jiathis_style_32x32").toggle("slow");ev.preventDefault();});});</script>
		<script type="text/javascript">var jiathis_config = {pic:"$weburl/{$album->info[avatar]}",data_track_clickback:true,appkey:{"tsina":"3956203341","tqq":"801092500"},ralateuid:{"tsina":"3956203341"}}</script>
		<script type="text/javascript" src="http://v2.jiathis.com/code_mini/jia.js?uid=1571652" charset="utf-8"></script>
		<div class="clear"></div>
	</div>
	<div class="box hearters">
		<p class="title i_user"><a href="{r}/album/$id/fans">{lg whoFav}</a></p>
		{loopQuick $album->getFavs(6)}
		<li><a href="{r}/user/$v[uid]"><img id="user_d_$v[uid]" title="$v[name]" src="{u}$v[avatar][small]" /></a></li>
		{/loopQuick}
		<div class="clear"></div>
	</div>
</div>
<div id="canvas">
	<div id="content">
		<div class="pageheader">
			<h2>{$album->info['name']}</h2>
			<div class="right">
				<ul class="tabs">
					{sub menu}
				</ul>
			</div>
		</div>
		<div class="clear"></div>
		<div class="catalog">
			{switch $album->info['style'] 0}
			{loopQuick $album->getPics($pagesize, $page)}<a title="$v[title]" href="{r}/album/$id/item/$v[id]"><img id="item_d_$v[id]" class="img" title="$v[title]" src="{u}$v[path]$v[name]_tiny.$v[suffix]" /></a>{/loopQuick}
			{case 1}
			{loopQuick $album->getPics($pagesize, $page)}
			<div class="e l">
				<div class="hover bar">
					{echo getHeart('item', $v[id], $v[fuid])}
					<div class="title"><a href="{r}/album/$id/item/$v[id]">$v[title]</a></div>
					<div class="info"></div>
				</div>
				<a href="{r}/album/$id/item/$v[id]"><img id="item_d_$v[id]" class="img" alt="$v[title]" src="{u}$v[path]$v[name]_big.$v[suffix]" /></a></div>
			{/loopQuick}
			{case 2}
			{loopQuick $album->getPics($pagesize, $page)}
			<div class="e m">
				<div class="hover bar">
					{echo getHeart('item', $v[id], $v[fuid])}
					<div class="title"><a href="{r}/album/$id/item/$v[id]">$v[title]</a></div>
					<div class="info"></div>
				</div>
				<a href="{r}/album/$id/item/$v[id]"><img id="item_d_$v[id]" class="img" alt="$v[title]" src="{u}$v[path]$v[name]_medium.$v[suffix]" /></a></div>
			{/loopQuick}
			{case 3}
			{jsFile jquery.masonry.min}
			<script>$(function(){$("#msy").masonry({columnWidth:170,itemSelector:".t" });});</script>
			<div id="msy" style="margin-bottom:20px;"> {loopQuick $album->getPics($pagesize, $page)}
				<div class="t"><a title="$v[title]" href="{r}/album/$id/item/$v[id]"><img id="item_d_$v[id]" class="img" title="$v[title]" src="{u}$v[path]$v[name]_small.$v[suffix]" width="170" height="$v[size1]" /></a></div>
				{/loopQuick}
				<div class="clear"></div>
			</div>
			{/switch}<div class="clear"></div>
			{echo getPages($total, $pagesize, $page)}
		</div>
	</div>
</div>
{sub ../footer}