     @displayDefaultMenuStyle defaultMenuStyle
     @updateSettingsModel {'user[default_menu_style]': defaultMenuStyle} 
 
-  '#default-fontSize change': (element) ->
-    defaultFontSize = element.className
+  '#fontLarge, #fontMedium, #fontSmall click': (element) ->
+    defaultFontSize = @.id
+    log('defaultFontSize: ' + defaultFontSize)
     @displayDefaultFontSize defaultFontSize
     @updateSettingsModel {'user[default_font_size]': defaultFontSize}
 

    pageBody.addClass(defaultMenuStyle)

  displayDefaultFontSize: (defaultFontSize) ->
    body = $('#body')
    body.removeClass(className) for className in ['small','medium','large']
    body.addClass(defaultFontSize)
    # when #fontLarge is clicked add class #fontLarge to body   
    
  updateSettingsModel: (params) ->

      when 50 then newClass = 'anonymous'
      when 0 then newClass = 'private'
      
    # $('.sharing-icon').css "background","url(/images/icons/#{background}) no-repeat center transparent"
    
    sharingIcon = $('#default-sharing-icon')
