var BlogView = View.extend({

  data: null,
  loaded: false,
  initialize: function(){
    this.loader = new Loader ()
    this.fetch()
  },
  
  fetch: function(){
    $.ajax({
      method: "GET",
      url: "http://stone.sup.land/db.json",
      success: this.success.bind(this),
      cache: true,
    })
  },
  
  success: function(data){
    this.loaded = true
    this.data = data
    this.loader.preloadImage(data.archive[0].images[0].uri, function(img){
      app.archive.populate(data.archive)
    })
    this.loader.preloadImage(data.hub[0].image[0].uri, function(img){
      app.hub.populate(data.hub)
    })
    this.loader.preloadImage(data.story[0].image.uri, function(img){
      app.story.populate(data.story)
    })
    data.page.forEach(function(page){
      app[page.tag].populate(page)
    })
    app.collection.setCollectionName( data.store[0].collection )
    if (data.store[0].StoreIsOpen !== "true") {
      app.closed.populate(data.store[0].ClosedStoreImages)
    }
  },

})