mechascientific » image: AoZV1

<div class="home fix">
  <div class="main" style="width:600px;">
    <div class="fix">
  			<div class="post single fix" >
  			  <h2>${info.photo.title._content}</h2>
  			  <div class="postMeta">
              	<ul class="imageSizes clearfix">
				{for s in sizes.size}
					<li>
						{if s.label == currentSize}
						<span style="color:silver;">${s.label}</span>
						{else}
						<a href="/image/${info.photo.id}?size=${s.label}&layout=">${s.label}</a>
						{/if}
						<br/><small style="color:silver;">(${s.width}x${s.height})</small>
					</li>
				{/for}
				</ul>
              </div>
				<br style="clear:both;"/>
				<br style="clear:both;"/>
              <div class="entry">
  				{for s in sizes.size}
					{if s.label == currentSize}
				<div class="imageContainer" style="position:relative;width:${s.width}px;height:${s.height}px;background-image:url(${s.source});" onmouseout="hideNotes(event);" onmouseover="showNotes(event);"></div>
					{/if}
				{/for}
				<div class="imageDescription">${info.photo.description._content}</div>
				
				{for s in sizes.size}
					{if s.label == currentSize}
						HTML link<br/>
						<textarea  wrap="virtual" style="width: 520px;" rows="4" onfocus="this.select();"><a href="http://www.mechascientific.com/image/${info.photo.id}" title="${info.photo.title._content}"><img src="${s.source}" width="${s.width}" height="${s.height}" alt="${info.photo.title._content}" /></a></textarea>
						<br/>BB code link<br/>
						<textarea  wrap="virtual" style="width: 520px;" rows="1" onfocus="this.select();">[url=http://www.mechascientific.com/image/${info.photo.id}][img]${s.source}[/img][/url]</textarea>
						<br/>
						Image only link<br/>
						<textarea  wrap="virtual" style="width: 520px;" rows="1" onfocus="this.select();" >${s.source}</textarea>
						<br/>
					{/if}
				{/for}
				{for u in info.photo.urls.url}
					{if u.type == 'photopage'}
						see it on <a target="_new" rel="nofollow" href="${u._content}">
							<img src="/images/flickr_logo.gif" alt="Flickr" />
						</a>
					{/if}
				{/for}
				</div>
  			</div>
  	</div>
  </div>

<div class="sidebarwrapper">
           		<div id="right-sidebar" style="width:335px;">
				<h3>Navigate</h3>
				<ul class="imageNav clearfix">
					<li class="prev">
						{if context.prevphoto.id != 0}
						<a href="/image/${context.prevphoto.id}"><img src="${context.prevphoto.thumb}" border="0" /><br/>
						previous</a>
						{else}
							<img src="/images/placeholder_first_photo.gif" />
						{/if}
					</li>
					<li class="next">
						{if context.nextphoto.id != 0}
						<a href="/image/${context.nextphoto.id}"><img src="${context.nextphoto.thumb}" border="0" /><br/>
						next</a>
						{else}
							<img src="/images/placeholder_last_photo.gif" />
						{/if}
					</li>
				</ul>
				<br style="clear:both;" />
				<h3>Tagged with </h3>
				<div class="tagContainer">	
					{for t in info.photo.tags.tag}
						<a href="/tag/${t.raw.replace(/ /g, '-')}" rel="tag">${t.raw}</a> // 
					{/for}
				</div>
				
           </div>

</div>