<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
  <script type="text/javascript">stLight.options({publisher: "630cdfb3-b6c5-4da7-a389-1c7d5340827d", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>

<% @images.each_slice(4) do |image| %>
<div class="row">
  <% image.each do |image| %>
  <div class="col-md-3 col-xs-12 col-sm-6 images-column">
    <div class="photo photo-type-line">
      <a href="<%= image.image_url() %>" class="photo-hover img-responsive" data-lightbox="my-images" data-title="<%= image.image_title %>">
        <div class="photo-info">
          <div class="headline"><%= image.image_title %></div>
          <div class="line"></div>
          <div class="description"><%= image.image_description %></div>
        </div>
        <div class="mask"></div>
      </a>
      <div class="photo-img"><%= image_tag image.image_url(:thumb) unless image.image.blank? %></div>
    </div>

    <!-- PHOTO SHARE BUTTONS -->
    <div class="share-buttons">
      <span st_url='<%= "#{request.base_url}/images/#{image.id}" %>' class='st_facebook' displayText='Facebook'></span>
      <span st_url='<%= "#{request.base_url}/images/#{image.id}" %>' class='st_twitter' displayText='Tweet'></span>
      <span st_url='<%= "#{request.base_url}/images/#{image.id}" %>' class='st_pinterest' displayText='Pinterest'></span>
    </div>

  </div>
  <% end %>
</div>
<% end %>