utility.js.coffee

  $('.viewingtask').droppable
    accept: '.color-swatch'
    tolerance: 'touch'
    over: -> #when you hover over it lightens up
      $(this).addClass('lighten')
    out: -> #when you hover out it goes back to normal
      $(this).removeClass('lighten')
    greedy: true
    drop: (e, ui) ->
      if ui.helper.hasClass('color-swatch')
        color = $(ui.helper).data('color')
        classes = $(".ui-dialog-titlebar").attr "class"
        new_classes = classes.replace(/top-\w+(\s*|$)/g, "") + "top-" + color
        $(this).find(".ui-dialog-titlebar").attr("class", new_classes)