var labelType, useGradients, nativeTextSupport, animate;
(function() {
var ua = navigator.userAgent,
iStuff = ua.match(/iPhone/i) || ua.match(/iPad/i),
typeOfCanvas = typeof HTMLCanvasElement,
nativeCanvasSupport = (typeOfCanvas == 'object' || typeOfCanvas == 'function'),
textSupport = nativeCanvasSupport
&& (typeof document.createElement('canvas').getContext('2d').fillText == 'function');
//I'm setting this based on the fact that ExCanvas provides text support for IE
//and that as of today iPhone/iPad current text support is lame
labelType = (!nativeCanvasSupport || (textSupport && !iStuff))? 'Native' : 'HTML';
nativeTextSupport = labelType == 'Native';
useGradients = nativeCanvasSupport;
animate = !(iStuff || !nativeCanvasSupport);
})();
var Log = {
elem: false,
write: function(text){
if (!this.elem)
this.elem = document.getElementById('log');
this.elem.innerHTML = text;
this.elem.style.left = (500 - this.elem.offsetWidth / 2) + 'px';
}
};
function init(){
//init data
var json = {
"children": [
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#192A34"},
"id": "Far City Mining Inc *",
"name": "Far City Mining Inc *"
},
{
"data":{"cap":"$30,121,000","sec": "No","$area": 23797954,"$color":"#162943"},
"id": "Shoal Point Energy Ltd",
"name": "Shoal Point Energy Ltd"
},
{
"data":{"cap":"$5,165,000","sec": "No","$area": 4080629,"$color":"#193241"},
"id": "Novo Resources Corp",
"name": "Novo Resources Corp"
},
{
"data":{"cap":"$887,000","sec": "No","$area": 701064,"$color":"#1C325F"},
"id": "Jetcom Inc",
"name": "Jetcom Inc"
},
{
"data":{"cap":"$10,207,000","sec": "No","$area": 8064450,"$color":"#173237"},
"id": "Cancor Mines Inc",
"name": "Cancor Mines Inc"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#172A47"},
"id": "Lexaria Corp *",
"name": "Lexaria Corp *"
},
{
"data":{"cap":"$2,437,000","sec": "No","$area": 1925377,"$color":"#172C5F"},
"id": "Shamrock Enterprises Inc",
"name": "Shamrock Enterprises Inc"
},
{
"data":{"cap":"$679,000","sec": "No","$area": 536209,"$color":"#1A3053"},
"id": "Nass Valley Gateway Ltd",
"name": "Nass Valley Gateway Ltd"
},
{
"data":{"cap":"$1,355,000","sec": "No","$area": 1070942,"$color":"#1D2D50"},
"id": "Hi Ho Silver Resources Inc",
"name": "Hi Ho Silver Resources Inc"
},
{
"data":{"cap":"$2,999,000","sec": "No","$area": 2369204,"$color":"#162E64"},
"id": "Burnstone Ventures Inc",
"name": "Burnstone Ventures Inc"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1D2D44"},
"id": "Deploy Technologies Inc *",
"name": "Deploy Technologies Inc *"
},
{
"data":{"cap":"$6,978,000","sec": "No","$area": 5512920,"$color":"#1C2E46"},
"id": "St-georges Platinum & Base M",
"name": "St-georges Platinum & Base M"
},
{
"data":{"cap":"$25,317,000","sec": "No","$area": 20002386,"$color":"#182954"},
"id": "Mountain-west Resources Inc",
"name": "Mountain-west Resources Inc"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1A2E4A"},
"id": "Hmz Metals Inc *",
"name": "Hmz Metals Inc *"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1E2E3E"},
"id": "Bryant Resources Inc *",
"name": "Bryant Resources Inc *"
},
{
"data":{"cap":"$160,000","sec": "No","$area": 126587,"$color":"#192B35"},
"id": "West Isle Energy Inc",
"name": "West Isle Energy Inc"
},
{
"data":{"cap":"$3,392,000","sec": "No","$area": 2679968,"$color":"#182A56"},
"id": "Rencore Resources Ltd",
"name": "Rencore Resources Ltd"
},
{
"data":{"cap":"$585,000","sec": "No","$area": 462030,"$color":"#1D2844"},
"id": "Montana Gold Mining Co Inc",
"name": "Montana Gold Mining Co Inc"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1E2D36"},
"id": "Gorilla Resources Corp *",
"name": "Gorilla Resources Corp *"
},
{
"data":{"cap":"$3,120,000","sec": "No","$area": 2465058,"$color":"#162D4A"},
"id": "Black Smoker Ventures Inc",
"name": "Black Smoker Ventures Inc"
},
{
"data":{"cap":"$277,000","sec": "No","$area": 218497,"$color":"#142C39"},
"id": "Wabi Exploration Inc",
"name": "Wabi Exploration Inc"
},
{
"data":{"cap":"$979,000","sec": "No","$area": 773163,"$color":"#1B2A5E"},
"id": "Renforth Resources Inc",
"name": "Renforth Resources Inc"
},
{
"data":{"cap":"$15,474,000","sec": "No","$area": 12225876,"$color":"#172C4B"},
"id": "Moag Copper Gold Resources I",
"name": "Moag Copper Gold Resources I"
},
{
"data":{"cap":"$1,616,000","sec": "No","$area": 1276666,"$color":"#1A3261"},
"id": "Goldtrain Resources Inc",
"name": "Goldtrain Resources Inc"
},
{
"data":{"cap":"$1,025,000","sec": "No","$area": 809519,"$color":"#182944"},
"id": "Bird River Resources Inc",
"name": "Bird River Resources Inc"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1B3234"},
"id": "Vinvergy Resources Ltd *",
"name": "Vinvergy Resources Ltd *"
},
{
"data":{"cap":"$1,688,000","sec": "No","$area": 1333706,"$color":"#192C60"},
"id": "Regal Resources Inc",
"name": "Regal Resources Inc"
},
{
"data":{"cap":"$3,112,000","sec": "No","$area": 2458466,"$color":"#193149"},
"id": "Mistango River Resources Inc",
"name": "Mistango River Resources Inc"
},
{
"data":{"cap":"$2,205,000","sec": "No","$area": 1742209,"$color":"#162C55"},
"id": "Golden Cross Resources Inc",
"name": "Golden Cross Resources Inc"
},
{
"data":{"cap":"$440,000","sec": "No","$area": 347661,"$color":"#192D50"},
"id": "Berkley Resources Inc",
"name": "Berkley Resources Inc"
},
{
"data":{"cap":"$5,510,000","sec": "No","$area": 4353252,"$color":"#1D2A43"},
"id": "Victory Gold Mines Inc",
"name": "Victory Gold Mines Inc"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#15284E"},
"id": "Razore Rock Resources Inc *",
"name": "Razore Rock Resources Inc *"
},
{
"data":{"cap":"$269,000","sec": "No","$area": 212256,"$color":"#1A2B53"},
"id": "Minerva Minerals Ltd",
"name": "Minerva Minerals Ltd"
},
{
"data":{"cap":"$4,431,000","sec": "No","$area": 3500950,"$color":"#182A32"},
"id": "God's Lake Resources Inc",
"name": "God's Lake Resources Inc"
},
{
"data":{"cap":"$540,000","sec": "No","$area": 426693,"$color":"#14303D"},
"id": "Bastion Resources Ltd",
"name": "Bastion Resources Ltd"
},
{
"data":{"cap":"$15,234,000","sec": "No","$area": 12035837,"$color":"#183152"},
"id": "Undur Tolgoi Minerals Inc",
"name": "Undur Tolgoi Minerals Inc"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#152B38"},
"id": "Ravencrest Resources Inc *",
"name": "Ravencrest Resources Inc *"
},
{
"data":{"cap":"$2,931,000","sec": "No","$area": 2315777,"$color":"#1E3060"},
"id": "Mclaren Resources Inc",
"name": "Mclaren Resources Inc"
},
{
"data":{"cap":"$2,555,000","sec": "No","$area": 2018728,"$color":"#1C2D59"},
"id": "Far Resources Ltd",
"name": "Far Resources Ltd"
},
{
"data":{"cap":"$6,237,000","sec": "No","$area": 4927854,"$color":"#182B4A"},
"id": "Augustine Ventures Inc",
"name": "Augustine Ventures Inc"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#162A35"},
"id": "Twin Glacier Resources Ltd *",
"name": "Twin Glacier Resources Ltd *"
},
{
"data":{"cap":"$25,963,000","sec": "No","$area": 20512672,"$color":"#152C36"},
"id": "Range Energy Resources Inc",
"name": "Range Energy Resources Inc"
},
{
"data":{"cap":"$889,000","sec": "No","$area": 702245,"$color":"#1A2950"},
"id": "Mantis Mineral Corp",
"name": "Mantis Mineral Corp"
},
{
"data":{"cap":"$2,537,000","sec": "No","$area": 2004351,"$color":"#1B3032"},
"id": "Excalibur Resources Ltd",
"name": "Excalibur Resources Ltd"
},
{
"data":{"cap":"$1,037,000","sec": "No","$area": 819553,"$color":"#16295A"},
"id": "Ateba Resources Inc",
"name": "Ateba Resources Inc"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1C285C"},
"id": "Telferscot Resources Inc *",
"name": "Telferscot Resources Inc *"
},
{
"data":{"cap":"$109,000","sec": "No","$area": 86401,"$color":"#152A50"},
"id": "Quinsam Capital Corp",
"name": "Quinsam Capital Corp"
},
{
"data":{"cap":"$28,128,000","sec": "No","$area": 22223118,"$color":"#183151"},
"id": "Mahdia Gold Corp",
"name": "Mahdia Gold Corp"
},
{
"data":{"cap":"$7,823,000","sec": "No","$area": 6180390,"$color":"#172B64"},
"id": "Cuervo Resources Inc",
"name": "Cuervo Resources Inc"
},
{
"data":{"cap":"$1,050,000","sec": "No","$area": 829333,"$color":"#182A45"},
"id": "Armadillo Resources Ltd",
"name": "Armadillo Resources Ltd"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#1E2E40"},
"id": "Talmora Diamond Inc *",
"name": "Talmora Diamond Inc *"
},
{
"data":{"cap":"$6,884,000","sec": "No","$area": 5438814,"$color":"#1E2D3E"},
"id": "Portex Minerals Inc",
"name": "Portex Minerals Inc"
},
{
"data":{"cap":"$8,228,000","sec": "No","$area": 6501063,"$color":"#182932"},
"id": "Magna Resources Ltd",
"name": "Magna Resources Ltd"
},
{
"data":{"cap":"$6,327,000","sec": "No","$area": 4999208,"$color":"#19293F"},
"id": "Copper Reef Mining Corp",
"name": "Copper Reef Mining Corp"
},
{
"data":{"cap":"$3,970,000","sec": "No","$area": 3136315,"$color":"#182B49"},
"id": "Argentium Resources Inc",
"name": "Argentium Resources Inc"
},
{
"data":{"cap":"$1,104,000","sec": "No","$area": 872437,"$color":"#1B2B45"},
"id": "Tac Gold Corp",
"name": "Tac Gold Corp"
},
{
"data":{"cap":"$4,453,000","sec": "No","$area": 3518174,"$color":"#1A2B42"},
"id": "Portage Minerals Inc",
"name": "Portage Minerals Inc"
},
{
"data":{"cap":"$2,164,000","sec": "No","$area": 1710061,"$color":"#1B2A64"},
"id": "Mag Copper Ltd",
"name": "Mag Copper Ltd"
},
{
"data":{"cap":"$9,231,000","sec": "No","$area": 7293516,"$color":"#1B2841"},
"id": "Cielo Gold Corp",
"name": "Cielo Gold Corp"
},
{
"data":{"cap":"$951,000","sec": "No","$area": 751514,"$color":"#182E52"},
"id": "Alliance Mining Corp",
"name": "Alliance Mining Corp"
},
{
"data":{"cap":"$900,000","sec": "No","$area": 711310,"$color":"#1E2834"},
"id": "Sypher Resources Ltd",
"name": "Sypher Resources Ltd"
},
{
"data":{"cap":"$560,000","sec": "No","$area": 442834,"$color":"#142F54"},
"id": "Petroworth Resources Inc",
"name": "Petroworth Resources Inc"
},
{
"data":{"cap":"$2,429,000","sec": "No","$area": 1919137,"$color":"#152854"},
"id": "Macmillan Minerals Inc",
"name": "Macmillan Minerals Inc"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#19283D"},
"id": "Charlotte Resources Ltd *",
"name": "Charlotte Resources Ltd *"
},
{
"data":{"cap":"$305,000","sec": "No","$area": 240791,"$color":"#1B2F54"},
"id": "Eurogas International Inc",
"name": "Eurogas International Inc"
},
{
"data":{"cap":"$255,000","sec": "No","$area": 201116,"$color":"#1C3041"},
"id": "Sunorca Development Corp",
"name": "Sunorca Development Corp"
},
{
"data":{"cap":"$12,527,000","sec": "No","$area": 9897101,"$color":"#1A2D34"},
"id": "Passport Energy Ltd",
"name": "Passport Energy Ltd"
},
{
"data":{"cap":"$289,000","sec": "No","$area": 228083,"$color":"#192B52"},
"id": "La Imperial Resources Inc",
"name": "La Imperial Resources Inc"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#19294B"},
"id": "Chai Cha Na Mining Inc *",
"name": "Chai Cha Na Mining Inc *"
},
{
"data":{"cap":"$2,329,000","sec": "No","$area": 1840282,"$color":"#182B33"},
"id": "Stealth Energy Inc",
"name": "Stealth Energy Inc"
},
{
"data":{"cap":"$6,295,000","sec": "No","$area": 4973390,"$color":"#1B324F"},
"id": "Organic Potash Corp",
"name": "Organic Potash Corp"
},
{
"data":{"cap":"$494,000","sec": "No","$area": 390615,"$color":"#1B2A64"},
"id": "Kokomo Enterprises Inc",
"name": "Kokomo Enterprises Inc"
},
{
"data":{"cap":"$2,950,000","sec": "No","$area": 2330751,"$color":"#1A2D3B"},
"id": "Celtic Minerals Ltd",
"name": "Celtic Minerals Ltd"
},
{
"data":{"cap":"","sec": "No","$area": 1,"$color":"#162F3D"},
"id": "Triple Dragon Resources Inc *",
"name": "Triple Dragon Resources Inc *"
},
{
"data":{"cap":"$5,843,000","sec": "No","$area": 4616170,"$color":"#1A3232"},
"id": "Silver Mountain Mines Inc",
"name": "Silver Mountain Mines Inc"
},
{
"data":{"cap":"$1,241,000","sec": "No","$area": 980198,"$color":"#192D4E"},
"id": "Ona Power Corp",
"name": "Ona Power Corp"
},
{
"data":{"cap":"$1,184,000","sec": "No","$area": 935705,"$color":"#152A4F"},
"id": "Kariana Resources Inc",
"name": "Kariana Resources Inc"
},
{
"data":{"cap":"$617,000","sec": "No","$area": 487205,"$color":"#142858"},
"id": "Cayenne Gold Mines Ltd",
"name": "Cayenne Gold Mines Ltd"
}
]
};
//end
//init TreeMap
var tm = new $jit.TM.Squarified({
//where to inject the visualization
injectInto: 'infovis',
//parent box title heights
titleHeight: 0,
//enable animations
animate: false,
//box offsets
offset: 1,
//Attach left and right click events
Events: { enable: false },
duration: 1000,
//Enable tips
Tips: {
enable: true,
//add positioning offsets
offsetX: 20,
offsetY: 20,
//implement the onShow method to
//add content to the tooltip when a node
//is hovered
onShow: function(tip, node, isLeaf, domElement) {
var html = "" + node.name
+ "
";
var data = node.data;
if(data.cap) {
html += "Market Cap: " + data.cap;
}
if(data.sec) {
html += "
SEC Coverage: " + data.sec;
}
tip.innerHTML = html;
}
},
//Add the name of the node in the correponding label
//This method is called once, on label creation.
onCreateLabel: function(domElement, node){
// if (node.data.$width > 10) {
domElement.innerHTML = node.name;
// }
var style = domElement.style;
style.display = '';
style.border = '1px solid transparent';
domElement.onmouseover = function() {
style.border = '1px solid #9FD4FF';
};
domElement.onmouseout = function() {
style.border = '1px solid transparent';
};
}
});
tm.loadJSON(json);
tm.refresh();
//end
//add events to radio buttons
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();
});
}