Ember init for Karsten

See http://stackoverflow.com/questions/15880241/init-is-not-called-on-object-when-using-find

by ekidd

HTML

<script src="https://s3.amazonaws.com/kiddsoftware-jsfiddle/handlebars-1.0.0-rc.3.js"></script>
<script src="https://s3.amazonaws.com/kiddsoftware-jsfiddle/ember-1.0.0-rc.2.js"></script>
<script src="https://s3.amazonaws.com/kiddsoftware-jsfiddle/ember-data-a29070da.js"></script>
<script type="text/x-handlebars">
    <h1>Ember init for Karsten</h1>
    {{outlet}}
</script>

<script type="text/x-handlebars" data-template-name="index">
    <p>Conversation ID: {{convID}}</p>
</script>

JavaScript

window.App = Ember.Application.create();

App.Conversation = Ember.Object.extend({
    convID: null,
    
    init: function() {
        this._super();
        console.log("Init called for App.Conversation");
    }
});

// This is incorrect: It will clobber App.Conversation.
//App.Conversation = Ember.Object.reopenClass({

// This is correct.
App.Conversation.reopenClass({
    store: {},

    find: function(id){
        if(!this.store[id]){
            this.store[id] = App.Conversation.create({ convID: id });
        }
        return this.store[id];
    }
});

App.IndexRoute = Ember.Route.extend({
    model: function (params) {
        console.log("Finding the conversation");
        return App.Conversation.find("conv1");   
    }
});