anchor.diff:      
       this.initTree = function(){
         _d.tree = _d._tree_elem.jstree({
  -        core    : {},
  -        plugins : [ "json_data", "ui", "themes"],//, "types"],// "ui"],
  -        themes : { theme : "apple" },
  -        json_data : {data: tree} , 
  -        //         types : {
  -        //           valid_children : ["provider"],
  -        //           types : {
  -        //             "provider" : {
  -        //               // max_depth : 3, 
  -        //               select_node : function(){ console.log("selected provider");},
  -        //               valid_children : "device_pool"
  -        //             },
  -        //            "device_pool" : {
  -        //               valid_children : "device",
  -        //               select_node : function(){ console.log("selected device_pool");}
  -        //             },
  -        //             "device" : {
  -        //               select_node : function(){ console.log("selected device");}
  -        //             }
  -        //           }
  -        //          
  -        //         }//,
  -        ui      : {
  -          select_multiple_modifier : "on",
  -          select_prev_on_delete : false, 
  -          disable_selecting_children : true
  -        }
  +        core      : { html_titles : true },
  +        plugins   : [ "json_data", "themes", "checkbox" ],
  +        themes    : { theme : "apple" },
  +        json_data : { data : tree }
         });
         
         // this isnt working without a delay ?
         window.setTimeout(function(){
           _d._tree_elem.jstree("open_all", -1);
  +        _d._tree_elem.jstree("check_all");
         }, 1);
       },
       
  
positive.code:     attr : { rel : "provider" },
      children : [ // device_pools
        {
          data : "Device Pool 1", // do device pools have names ?
          metadata : { id : 1},
          attr : { rel : "device_pool", "data-color" : "ccc", "style" : "background-color:#ccc" },
          children : [ // devices
            {
            	data   : "Device 1",
  
negative.code:   #map-container {
      width : 625px;
      height : 490px;
    }
    
    span.color {
      display : inline-block;
      width : 12px;
      height : 12px;
      border-radius : 6px;
      vertical-align : middle;
      border: 1px solid black;
    }
  </style>
  
  