// custom binding to wrap alert
ko.bindingHandlers['alert'] = {
  init: function(element, valueAccessor){
    $(element).hide();
  },
  update: function(element, valueAccessor){
    //return;
    var helperDiv,
        showAlert = ko.utils.unwrapObservable(valueAccessor());
    if (showAlert){
      $(element).fadeIn('slow');
      setTimeout(function(){
        $(element).fadeOut('slow');
      }, 1500);
    }
  }
};

// Model
var bilbo =   {
    name: "Bilbo Baggins",
    race: "Hobbit",
    classType: "Thief",
    image: "http://www.barbarianmeetscoding.com/images/ko-gandalf-2.png"
  },
    gandalf = {
    name: "Gandalf, the Grey",
    race: "Istari",
    classType: "Wizard",
    image: "http://www.barbarianmeetscoding.com/images/ko-gandalf-2.png"
  };


var bilboGandalfAndTheDwarves = [
  bilbo,
  gandalf,
  {
    name: "Thorin Oakenshield",
    race: "Dwarf",
    classType: "King",
        image: "http://www.barbarianmeetscoding.com/images/ko-gandalf-2.png"
  },
  {
    name: "Bombur",
    race: "Dwarf",
    classType: "Warrior",
        image: "http://www.barbarianmeetscoding.com/images/ko-gandalf-2.png"
  }];

var otherHeroes = [
  {
    name: "Balin",
    race: "Dwarf",
    classType: "Warrior",
        image: "http://www.barbarianmeetscoding.com/images/ko-gandalf-2.png"
  },
    {
    name: "Bofur",
    race: "Dwarf",
    classType: "Warrior",
        image: "http://www.barbarianmeetscoding.com/images/ko-gandalf-2.png"
  },
    {
    name: "Dwalin",
    race: "Dwarf",
    classType: "Warrior",
        image: "http://www.barbarianmeetscoding.com/images/ko-gandalf-2.png"
  }
];

// ViewModel
var Company = function(members, others){
  var self = this;
  self.members = ko.observableArray(members);
  self.selectableMembers = ko.observableArray(others);
  self.operationInfo = ko.observable({
    operation: "Yey!", 
    description: "To the Lonely Mountain! FTW!"
  });
  
  // Note how this method is part of the constructor function
  // and not the prototype.
  //
  // That is because when we call this method from a different
  // data binding context (i.e. every single item within members
  // as this method is bound to the remove button), 
  // that context becomes the owner
  // of the method (that is, it becomes this)
  //
  // Because of that, in order to ensure that
  // the method has access to members
  // we add it inside the constructor function so it
  // can create a closure around self
  self.remove = function(partyMember){
    var removedMembers = self.members.remove(partyMember);
    removedMembers.forEach(function(m){self.selectableMembers.push(m);});
    self.operationInfo({
      operation: "remove",
      description: "Removed " + partyMember.name + " from the company. Bye Hobbit!"
    });
  };
  
  self.add = function(newPartyMember){
    self.selectableMembers.remove(newPartyMember);
    self.members.push(newPartyMember);
     self.operationInfo({
      operation: "add",
      description: "Added " + newPartyMember.name + " to the company. Adventure!!!"
    });
  };
}

Company.prototype.pushDwarf = function(){
  var self = this,
      newDwarf = {
      name: "Biffur",
      race: "Dwarf",
      classType: "Warrior",
      image: "http://www.barbarianmeetscoding.com/images/ko-gandalf-2.png"
  };
  self.members.push(newDwarf);
  self.operationInfo({
    operation: "push",
    description: "Added one dwarf to the end of the array. Welcome to the company of Thorin OakenShield!"
  });
};

Company.prototype.popDwarf = function(){
  var self = this;
  self.members.pop();
  self.operationInfo({
    operation: "pop",
    description: "Removed one dwarf at the end of the array. Bye! Bye!"
  });
};

Company.prototype.unshiftDwarf = function(){
  var self = this,
      newDwarf = {
    name: "Biffur",
    race: "Dwarf",
    classType: "Warrior",
    image: "http://www.barbarianmeetscoding.com/images/ko-gandalf-2.png"
  };
  self.members.unshift(newDwarf);
  self.operationInfo({
    operation: "unshift",
    description: "Added one dwarf at the beginning of the array. Mead for All!!"});
};

Company.prototype.shiftDwarf = function(){
  var self = this;
  self.members.shift();
  self.operationInfo({
    operation: "shift",
    description: "Removed one dwarf at the beginning of the array. Ahhh!!"});
};

Company.prototype.reverseDwarves = function(){
  var self = this;
  self.members.reverse();
  self.operationInfo({
    operation: "reverse",
    description: "Reverse the dwarves in the array. Wihoooo!!"});
};

Company.prototype.sortDwarves = function(){
  var self = this;
  self.members.sort(function(aDwarf, anotherDwarf) { 
    if (aDwarf.name == anotherDwarf.name)
      return 0;
    return aDwarf.name < anotherDwarf.name ? -1 : 1;
  });
  self.operationInfo({
    operation: "sort",
    description: "Sort the dwarves alphabetically. A, B, C...!!"});
};

Company.prototype.spliceDwarves = function(){
  var self = this;
  self.members.splice(1,1);
  self.operationInfo({
    operation: "splice",
    description: "Removing the second dwarf. You can splice anything, anywhere!"});
};


Company.prototype.sliceDwarves = function(){
  var self = this,
      slicedDwarves = self.members.slice(1,2);
  self.operationInfo({
    operation: "slice",
    description: "Creating an new array with the second dwarf:"  + slicedDwarves.toString() + ". You can splice anything, anywhere!"});
};
  
Company.prototype.removeBilbo = function(){
  var self = this,
      removedAdventureres = self.members.remove(bilbo);
  self.operationInfo({
    operation: "remove",
    description: "Removed Bilbo from the company. Bye Hobbit!"
  });
};

Company.prototype.removeAllDwarves = function(){
  var self = this,
      dwarves = self.members.remove(function(member){
        return member.race === 'Dwarf';
      });
  self.operationInfo({
    operation: "remove",
    description: "Remove accepts a predicate as an argument which allows you to remove whichever item satisfies it from the observable array"
  });
};


Company.prototype.removeAllDwarvesThatAreWarriors = function(){
    var self = this,
      dwarves = self.members.remove(function(member){
        return member.race === 'Dwarf' && member.classType === 'Warrior';
      });
  self.operationInfo({
    operation: "remove",
    description: "Remove accepts a predicate as an argument which allows you to remove whichever item satisfies it from the observable array"
  });
};


Company.prototype.removeAllFromTheCompany = function(){
   var self = this,
       allMembers = self.members.removeAll();
  self.operationInfo({
    operation: "removeAll",
    description: "Remove all allows you to clear an observable array completely, or remove a collection of items."
  });
};


ko.applyBindings(new Company(bilboGandalfAndTheDwarves, otherHeroes));

// TODO:
// 1 - add own image from bmc
// 2 - continue implementing ko observable methods