import Ember from 'ember';

export default Ember.Component.extend({
  didInsertElement: function(){
    var isMouseDown = false,
      isHighlighted;
    $("#our_table li")
      .mousedown(function () {
        isMouseDown = true;
        $(this).toggleClass("highlighted");
        isHighlighted = $(this).hasClass("highlighted");
        return false; // prevent text selection
      })
      .mouseover(function () {
        if (isMouseDown) {
          $(this).toggleClass("highlighted", isHighlighted);
        }
      })
      .bind("selectstart", function () {
        return false;
      })

    $(document)
      .mouseup(function () {
        isMouseDown = false;
      });
  }
});