";
var data = node.data;
if(data.artist) {
html += "Artist: " + data.artist + "
";
}
if(data.playcount) {
html += "Play count: " + data.playcount;
}
if(data.image) {
html += "
![](\""+)
";
}
tip.innerHTML = html;
}
},
//Implement this method for retrieving a requested
//subtree that has as root a node with id = nodeId,
//and level as depth. This method could also make a server-side
//call for the requested subtree. When completed, the onComplete
//callback method should be called.
request: function(nodeId, level, onComplete){
var tree = eval('(' + json + ')');
var subtree = $jit.json.getSubtree(tree, nodeId);
$jit.json.prune(subtree, 1);
onComplete.onComplete(nodeId, subtree);
},
//Add the name of the node in the corresponding label
//This method is called once, on label creation and only for DOM labels.
onCreateLabel: function(domElement, node){
domElement.innerHTML = node.name;
}
});
var pjson = eval('(' + json + ')');
$jit.json.prune(pjson, 1);
tm.loadJSON(pjson);
tm.refresh();
//end
var sq = $jit.id('r-sq'),
st = $jit.id('r-st'),
sd = $jit.id('r-sd');
var util = $jit.util;
util.addEvent(sq, 'change', function() {
if(!sq.checked) return;
util.extend(tm, new $jit.Layouts.TM.Squarified);
tm.refresh();
});
util.addEvent(st, 'change', function() {
if(!st.checked) return;
util.extend(tm, new $jit.Layouts.TM.Strip);
tm.layout.orientation = "v";
tm.refresh();
});
util.addEvent(sd, 'change', function() {
if(!sd.checked) return;
util.extend(tm, new $jit.Layouts.TM.SliceAndDice);
tm.layout.orientation = "v";
tm.refresh();
});
//add event to the back button
var back = $jit.id('back');
$jit.util.addEvent(back, 'click', function() {
tm.out();
});
}