title: Ember Sort Models
body: <p>Hi I have an array of models(images) which is the model property of an ArrayController.</p>
  
  <p>I want to be able to sort the the array such that when click on the image it automatically moves itself to a predefined index. (E.g. when I click an item on the array it should move to middle of the array) and the UI is updated to reflect the new position.</p>
  
  <p>Here is an example of what I am trying to achieve:
  <a href="http://emberjs.jsbin.com/vesakafaca/1/edit?html,js,output" rel="nofollow">http://emberjs.jsbin.com/vesakafaca/1/edit?html,js,output</a></p>
  
  <p>Also since ArrayController is/will be depreciated from v1.13 is there alternative way of doing this without using ArrayController ?</p>