<div ng-show="isGallery">
	<li
		ng-class="{active: activePage.page == $index, 
inactive: activePage.page != $index}"
		ng-repeat="page in pages track by $index">
		<div class="gallery-content row-fluid">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 gallery">
				<div ng-repeat="apage in page" class="animated {{slide}}">
					<div class="picture-gallery center">
						<img src="{{ apage.thumbpath }}" alt="" ng-click="open(apage, apage.id)" class="{{ imgClass[apage.id] }}" />
					</div>
				</div>
			</div>
		</div>
		<div class="row-fluid animated fadeIn">
			<button ng-show="pages[$index - 1]" ng-click="previous()"
				class="previous btn btn-default btn-page">Previous</button>
			<button ng-show="pages[$index + 1]" ng-click="next()"
				class="next btn btn-default btn-page pull-right">Next</button>
		</div>
	</li>
</div>
<div ng-show="isPicture">
	<div class="full">
		<div>
		 	<img class="photo-center animated zoomIn" src="{{image.path}}" alt="" style="z-index:1"></img>
		</div>
        <keosu-comments object-id="image.id" object-name="image.dataModelObjectName" enable-comments="image.enableComments" ></keosu-comments>
	</div>
</div>
