From 45f1ee868e9c330d7849756f3e947256e925121c Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Fri, 4 Jun 2010 21:09:19 -0400
Subject: [PATCH] start by caching data for preview, remove aggressive
 preloading for the moment

---
 public/javascripts/items/show.js | 97 +++++++++++++++++++++-----------
 1 file changed, 63 insertions(+), 34 deletions(-)

diff --git a/public/javascripts/items/show.js b/public/javascripts/items/show.js
index 4b1659d0..ffbb4e17 100644
--- a/public/javascripts/items/show.js
+++ b/public/javascripts/items/show.js
@@ -40,9 +40,10 @@ function LoadError(base_msg) {
 }
 
 function PetType() {
-  var pet_type = this;
+  var pet_type = this, loaded_data = false, loaded_assets = false;
   
   this.activated = true;
+  this.assets = true;
   
   this.deactivate = function (error, args) {
     var msg;
@@ -60,22 +61,24 @@ function PetType() {
   this.load = function () {
     var url = '/species/' + this.species_id + '/color/' + this.color_id + '/pet_type.json',
       pet_type = this;
-    $.ajax({
-      url: url,
-      dataType: 'json',
-      success: function (data) {
-        pet_type.id = data.id;
-        pet_type.body_id = data.body_id;
-        Item.current.load(pet_type);
-        $.getJSON('/pet_types/' + data.id + '/swf_assets.json', function (assets) {
-          pet_type.assets = assets;
-          Preview.update();
-        });
-      },
-      error: function () {
-        pet_type.deactivate(PetType.LOAD_ERROR);
-      }
-    });
+    function onComplete() { Item.current.load(pet_type); loadAssets(); }
+    if(loaded_data) {
+      onComplete();
+    } else {
+      $.ajax({
+        url: url,
+        dataType: 'json',
+        success: function (data) {
+          pet_type.id = data.id;
+          pet_type.body_id = data.body_id;
+          loaded_data = true;
+          onComplete();
+        },
+        error: function () {
+          pet_type.deactivate(PetType.LOAD_ERROR);
+        }
+      });
+    }
   }
 
   this.setAsCurrent = function () {
@@ -90,6 +93,18 @@ function PetType() {
     }
   }
   
+  function loadAssets() {
+    function onComplete() { if(pet_type == PetType.current) Preview.update(); }
+    if(!loaded_assets) {
+      $.getJSON('/pet_types/' + pet_type.id + '/swf_assets.json', function (assets) {
+        pet_type.assets = assets;
+        loaded_assets = true;
+        onComplete();
+      });
+    }
+    onComplete();
+  }
+  
   function showDeactivationMsg() {
     Preview.disable(pet_type.deactivation_msg);
   }
@@ -111,19 +126,30 @@ PetType.createFromLink = function (link) {
 }
 
 function Item() {
+  this.assets_by_body_id = {};
+  
   this.load = function (pet_type) {
     var url = '/' + this.id + '/swf_assets.json?body_id=' + pet_type.body_id,
       item = this;
-    $.getJSON(url, function (data) {
-      if(data.length) {
-        item.assets = data;
-        Preview.update();
-      } else {
-        pet_type.deactivate(Item.LOAD_ERROR, {
-          item: item.name
-        });
-      }
-    })
+    function onComplete() { if(pet_type == PetType.current) Preview.update() }
+    if(this.getAssetsForPetType(pet_type).length) {
+      onComplete();
+    } else {
+      $.getJSON(url, function (data) {
+        if(data.length) {
+          item.assets_by_body_id[pet_type.body_id] = data;
+          onComplete();
+        } else {
+          pet_type.deactivate(Item.LOAD_ERROR, {
+            item: item.name
+          });
+        }
+      });
+    }
+  }
+  
+  this.getAssetsForPetType = function (pet_type) {
+    return this.assets_by_body_id[pet_type.body_id] || [];
   }
   
   this.setAsCurrent = function () {
@@ -140,7 +166,7 @@ Item.createFromLocation = function () {
 }
 
 Preview = new function Preview() {
-  var assets = [], swf_id, swf, updateWhenFlashReady = false;
+  var swf_id, swf, updateWhenFlashReady = false;
   
   this.setFlashIsReady = function () {
     swf = document.getElementById(swf_id);
@@ -148,12 +174,15 @@ Preview = new function Preview() {
   }
   
   this.update = function (assets) {
-    var assets = [];
+    var assets = [], asset_sources = [
+      PetType.current.assets,
+      Item.current.getAssetsForPetType(PetType.current)
+    ];
     if(swf) {
-      $.each([PetType, Item], function () {
-        if(this.current.assets) assets = assets.concat(this.current.assets);
+      $.each(asset_sources, function () {
+        assets = assets.concat(this);
       });
-      assets = $.each(assets, function () {
+      $.each(assets, function () {
         this.local_path = this.local_url;
       });
       swf.setAssets(assets);
@@ -204,8 +233,8 @@ speciesList.each(function () {
 
 MainWardrobe = { View: { Outfit: Preview } };
 
-setTimeout(function () {
+/*setTimeout(function () {
   $.each(PetType.all, function () {
     this.load();
   });
-}, 5000);
+}, 5000);*/