         bedsheetUrl = 'url("/images/uploads/originals/' + $(this).data('id') + '.jpg")'
         $('#body').css('background-image', bedsheetUrl)
         
-        $('#bedsheetInput').val($(this).data('id'))
+        $('#view_preference_image_id').val($(this).data('id'))
     )
   
 

      
      @$currentMenuPanel.find('.bedsheets ul').html('');
      
      for node in data
        newElement = '<li data-id="' + node.id + '"><img src="/images/uploads/' + node.id + '-120x120.' + node.format + '"></li>'
        @$currentMenuPanel.find('.bedsheets ul').append(newElement)


# Appearance Model Subclass
class AppearancePanel extends MetaMenu
  constructor: (@name) ->
    super(@name)
    @setupThemeSelector()
    
  setupThemeSelector: ->
    @$currentMenuPanel.find('.buttons .sun').click( (event) =>
      $('#view_preference_theme').val('light')
    )
    @$currentMenuPanel.find('.buttons .moon').click( (event) =>
      $('#view_preference_theme').val('dark')
    )
    
  displayBedsheets: -> 
    # code to display bedsheets here. Need JSON call
    # $.publish('follow/changing', [node])
