         width: '100%'
         height: '100%'
         backgroundColor: '#000'
-        
+    styles: {}
     opacity: 0.85 # 0 if you don't want darkening
-    styles: {}
+
 
   # Navigation buttons' properties
   navigationButtons:
     default:
+      attributes: {}
       styles:
         position: 'absolute'
         width: '50px'

        fontFamily: 'Tahoma,Arial,Helvetica,sans-serif'
        whiteSpace: 'nowrap'
        cursor: 'pointer'
        
    enabled: true
    text: '×'
    styles: {}

  # Current image properties
  image:
    default:
      attributes:
        class: 'current'
      styles:
        cursor: 'pointer'
        maxWidth: 'none' # Fix the conflict with Twitter Bootstrap

# Hermitage logic
#

# Creates base element with attributes and styles from params
createElement = (tag, params) ->
  tag
    .attr(params.default.attributes)
    .css(params.default.styles)
    .css(params.styles)

# Creates darkening overlay, shows it and sets its click handler
createDarkening = ->
  createElement($('<div>'), hermitage.darkening)
    .css('opacity', hermitage.darkening.opacity)
    .css('filter', "alpha(opacity='#{hermitage.darkening.opacity * 100}')")
    .appendTo($('#hermitage'))
    .hide()
    .fadeIn()
