// need Ext included to use this LayoutManager
Ext.namespace("webcom.assets");

webcom.assets.LayoutManager = (function() {
    return {
      BASE_URL : "http://assets.webservices.websitepros.com/",
      keyMap: {
        calendars: 'Calendars',
        layout: 'Layouts',
        simpleLayouts: 'Simple Layouts',
        lists: 'Bulleted Lists',
        frames: 'Image Effects',
        tables: 'Content Boxes',
        //globaltext: 'Global Text Layout',
        //cta: 'Call to Action',
    		restaurant: 'Restaurant Menus',
        buttons: "Buttons"
      },
      keys: [],
      data : {},    
      
      getData: function(type) {
        return this.data[type];
      },
      
      getContent: function(name, category) {
        return eval("getContent_" + name+"();");
      },
      
      getThumbnail : function(name, category) {
        return eval("getThumbnail_" + name + "('" + this.BASE_URL + "')");
      },
      
      addData: function(type, name, tooltip) {
        if (!this.data[type]) {
          this.data[type] = [];
          this.keys.push(type);
        }
        this.data[type].push([name, "", "", tooltip, ""]);
      },
      
      getTypesAsFields: function() {
        var fields = [];
        for (var i=0,len=this.keys.length;i<len;i++) {
          var key = this.keys[i];
          var mapping = this.keyMap[key] || key;
          fields.push([key,mapping]);
        }
        return fields;
      }
    };
})();

/*
// an object like this will be generated for each type (layout, table, etc.)
// where rows are: name, thumbnail, url, data
webcom.assets.LayoutManager.data.layout = [
      ["layout_1", "", "", "tooltip", ""],
      ["layout_2", "", "", "tooltip", ""],
      ["layout_3", "", "", "tooltip", ""],
      ["layout_4", "", "", "tooltip", ""],
      ["layout_5", "", "", "tooltip", ""],
      ["layout_6", "", "", "tooltip", ""],
      ["layout_7", "", "", "tooltip", ""],
      ["layout_8", "", "", "tooltip", ""],
      ["layout_9", "", "", "tooltip", ""],
      ["layout_10", "", "", "tooltip", ""],
      ["layout_11", "", "", "tooltip", ""],
      ["layout_12", "", "", "tooltip", ""]
    ];
    
// a function like this will be generated for each layout page
function getContent_layout1() {
  var layout = "<div id='layout1'>" ++ 
  return layout;
}    
*/