@Title{Gallery}@
@CSS{
	#imageViewer .title{
		font-weight:bold;
		text-align:center;
	}
	
	#imageViewer{
		text-align:center;
	}
	
	#imageViewer .description{
		text-align:left;
	}
}@
@JavaScript{
	var _images=[
		<?php foreach ($album->Images as $img){
			echo '{Title:"',$img->ImageTitle,'", Description:"',$img->ImageDescription,'",Path:"',$img->Path,'"},',PHP_EOL;
		} ?>
	];
	console.log(_images);
}@
@Body{
<p><?=$album->AlbumDescription?></p>
<div id="imageViewer">
	<p class="title"><?=$album->Images[0]->ImageTitle?></p>
	<img src="/<?=$album->Images[0]->Path?>" />
	<p class="description"><?=$album->Images[0]->ImageDescription?></p>
</div>
}@