         when 37 then $('.gradient-left').click()
         when 39 then $('.gradient-right').click()
                 
-  show: (images, currentIndex) ->
-    @images = images
-    
+  show: (images, index) ->    
     html = $('#gallery').html()
     $('#gallery').html ''
     $('#gallery').css 'width', (images.length * 720) + 'px'
     
     for image in images
       $('#gallery').append html 
-      @setImage '#gallery .imageContainer:last', image
-        
-    @currentIndex = if currentIndex? then currentIndex else 0
+      @showImage '#gallery .imageContainer:last', image
+      $("#gallery .imageContainer").css "opacity", 0.3
+    
+    @images = images      
+    @index = if index? then index else 0
+    @changeSlide 0
     
     $('.commentsPanel').hide()
-    
     $('#slideshow-back').show()
     $('#slideshow-back').height "1000px"
     
     
   showImage: (parent, image) ->
-    $('img', parent).attr 'src', @getOriginal image 
+    $('img', parent).attr 'src', @getLarge image 
     $('.info .name span', parent).text image.title
     $('.info .author span', parent).text image.artist
     $('.info .year span', parent).text image.year

$.Controller 'Dreamcatcher.Controllers.ImageBank.Slideshow',

  model: Dreamcatcher.Models.Image
  
  init: ->
    $(document).keyup (event) ->
      switch event.keyCode

    $('#gallery .tagging').toggle()

  '.controls .download click': (el) ->
    window.open @getOriginal @images[@index]
  
  '.controls .comment click': (el) ->
    $('.controls .commentsPanel').toggle()
