<accordion close-others="false">
	<accordion-group is-open=true>
		<accordion-heading>  
			<a class="title" ng-click="$event.stopPropagation();" href="#/visites/{{ parentBook.id }}">{{ parentBook.title }}</a>
			<a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation();"><span class="glyphicon glyphicon-share"></span></a>
			<a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation();"><span class="glyphicon glyphicon-cog"></span></a>
			<a class="pull-right" ng-click="$event.stopPropagation();" href="#/slideshow/{{ parentBook.id }}"><span class="glyphicon glyphicon-eye-open"></span></a>
			<a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation(); addBook(parentBook.id)">Créer un Book</a>
		</accordion-heading>
		
		<a class="nbrObjects">{{parentBook.slides.length}} objets</a>
		
		<ul ui-sortable="sortableOptions" ng:model="slides" class="list-unstyled list-inline gallery container">
			<li class="col-md-2 item" ng-repeat="i in slides">
				<div class="img-ctn">
					<img class="img img-responsive image" ng-src="{{ i.details.images[0] }}" />
					<p>{{ i.details.title }}</p>
					<div class="gallery-buttons">
						<a class="btn btn-default" href="#/slide/{{ i.id }}"><span class="glyphicon glyphicon-heart"></span></a>
						<a class="btn btn-default" ng-click="toggleModal($index)"><span class="glyphicon glyphicon-plus"></span></a>
					</div>
				</div>
			</li>
		</ul>
	</accordion-group>
</accordion>