var BlogView = View.extend({

  data: null,
  loaded: false,
  initialize: function(){
    this.loader = new Loader ()
    this.fetch()
  },
  
  fetch: function(){
    $.ajax({
      method: "GET",
      url: sdk.env == 'test' ? '/db.json' : "http://stone.sup.land/db.json",
      success: this.success.bind(this),
      cache: true,
    })
  },
  
  success: function(data){

    if (this.loaded) return

    this.loaded = true
    this.data = data = typeof data == "string" ? JSON.parse(data) : data

    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 )

    app.closed.populate(data.store[0].ClosedStoreImages)
    if (data.store[0].StoreIsOpen !== "true") {
      app.closed.storeIsClosed = true
    }
    var fits_large = (data.store[0].FitsLarge === "true")
    
    app.product.$fit.toggle( fits_large )
    app.product.$sizing.toggle( fits_large )
    
    if (data.store[0].BackgroundIsGray === "true") {
      app.collection.$el.addClass("gray")
      app.product.gallery.$el.addClass("gray")
    }
    
    app.gallery_id = data.store[0].CollectionId
    
    // app.collection.fetch()
  },

})