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;

      });

  }

});