diff --git a/Gemfile b/Gemfile
index a83dee3..f653a62 100755
--- a/Gemfile
+++ b/Gemfile
@@ -73,6 +73,7 @@ gem "cancan"
 # Fileupload
 
 gem 'paperclip' ,'~>3.4.0'
+gem 'blueimp-gallery'
 
 gem 'git'
 gem 'haml'
@@ -91,7 +92,7 @@ gem "simple_calendar", "~> 0.1.9"
 gem 'rmagick'
 
 gem 'bootstrap-addons-rails'
-gem "jquery-fileupload-rails"
+gem "jquery-fileupload-rails", "0.4.1"
 gem "jquery-ui-rails","~> 4.1.1" 
 gem "font-awesome-rails"
 gem "jquery-datetimepicker-rails"
@@ -115,4 +116,4 @@ gem 'sunspot_solr'
 gem 'sitemap_generator'
 gem 'whenever'
 gem 'yaml_db'
-gem 'etherpad-lite'
\ No newline at end of file
+gem 'etherpad-lite'
diff --git a/app/views/galleries/show.html.erb b/app/views/galleries/show.html.erb
index 88ddcc2..6d65392 100644
--- a/app/views/galleries/show.html.erb
+++ b/app/views/galleries/show.html.erb
@@ -39,45 +39,35 @@
 
 <div style="clear:both"></div>
 
-<div class="fluid-row" style="margin:20px">
-  <!-- modal-gallery is the modal dialog used for the image gallery -->
-  <div id="modal-gallery" class="modal hide fade modal-gallery modal-fullscreen modal-loading" tabindex="-1">
-    <div class="modal-header">
-      <a class="close" data-dismiss="modal">&times;</a>
-      <h3 class="modal-title"></h3>
-    </div>
-    <div class="modal-body"><div class="modal-image"></div></div>
-    <div class="modal-footer">
-      <a class="btn btn-info modal-prev"><i class="icon-arrow-left icon-white"></i></a>
-      <a class="btn btn-primary modal-next"><i class="icon-arrow-right icon-white"></i></a>
-      <a class="btn btn-success modal-play modal-slideshow" data-slideshow="5000"><i class="icon-play icon-white"></i> <%=I18n.t('fotos.slideshow')%></a>
-      <a class="btn modal-download" target="_blank"><i class="icon-download"></i> Download</a>
-    </div>
-  </div>
 
-  <div id="gallery" data-toggle="modal-gallery" data-target="#modal-gallery">
+  <div id="blueimp-gallery" class="blueimp-gallery">
+    <div class="slides"></div>
+    <h3 class="title"></h3>
+    <a class="prev">‹</a>
+    <a class="next">›</a>
+    <a class="close">×</a>
+    <a class="play-pause"></a>
+    <ol class="indicator"></ol>
+  </div>
+  <div id="links">
     <% @fotos.each_index do |i| %>
     <% f= @fotos[i] %>
-    <a href="<%= f.datei.resized.url%>" title="<%=f.title%>" data-gallery="gallery">
+    <a href="<%= f.datei.resized.url%>" title="<%=f.title%>" data-gallery>
       <%=image_tag(f.datei.thumb.url,{:class=>"img-polaroid img-rounded"}) if @showind.include? i  %></a>
 
 
     <% end %>
   </div>
-</div>
-
-<%= render 'layouts/pretty_toolbar' %>
 
 
-
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
-<script src="js/bootstrap.js"></script>
-<script src="js/load-image.js"></script>
-<script src="js/bootstrap-image-gallery.js"></script>
-<script type="text/javascript">
-  $('#modal-gallery.fade').css('top', '50%');
+  <%= render 'layouts/pretty_toolbar' %>
+<script>
+document.getElementById('links').onclick = function (event) {
+  event = event || window.event;
+  var target = event.target || event.srcElement,
+    link = target.src ? target.parentNode : target,
+    options = {index: link, event: event},
+    links = this.getElementsByTagName('a');
+  blueimp.Gallery(links, options);
+};
 </script>
-
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
-<script src="//blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
-<script src="js/bootstrap-image-gallery.min.js"></script>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 1318273..fb611d0 100755
Binary files a/app/views/layouts/application.html.erb and b/app/views/layouts/application.html.erb differ