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":"#192F5F"}, 
	   "id": "Far City Mining Inc <sup>*</sup>", 
	   "name": "Far City Mining Inc <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;23,798,000","sec": "No","$area": 23797954,"$color":"#1C2B3A"}, 
	   "id": "Shoal Point Energy Ltd", 
	   "name": "Shoal Point Energy Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;4,081,000","sec": "No","$area": 4080629,"$color":"#162855"}, 
	   "id": "Novo Resources Corp", 
	   "name": "Novo Resources Corp"
	 },	 
	 {
	   "data":{"cap":"&#8364;701,000","sec": "No","$area": 701064,"$color":"#152853"}, 
	   "id": "Jetcom Inc", 
	   "name": "Jetcom Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;8,064,000","sec": "No","$area": 8064450,"$color":"#143236"}, 
	   "id": "Cancor Mines Inc", 
	   "name": "Cancor Mines Inc"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#193254"}, 
	   "id": "Lexaria Corp <sup>*</sup>", 
	   "name": "Lexaria Corp <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,925,000","sec": "No","$area": 1925377,"$color":"#192C58"}, 
	   "id": "Shamrock Enterprises Inc", 
	   "name": "Shamrock Enterprises Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;536,000","sec": "No","$area": 536209,"$color":"#173249"}, 
	   "id": "Nass Valley Gateway Ltd", 
	   "name": "Nass Valley Gateway Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,071,000","sec": "No","$area": 1070942,"$color":"#1B2B43"}, 
	   "id": "Hi Ho Silver Resources Inc", 
	   "name": "Hi Ho Silver Resources Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;2,369,000","sec": "No","$area": 2369204,"$color":"#1A2E5E"}, 
	   "id": "Burnstone Ventures Inc", 
	   "name": "Burnstone Ventures Inc"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#1B2959"}, 
	   "id": "Deploy Technologies Inc <sup>*</sup>", 
	   "name": "Deploy Technologies Inc <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;5,513,000","sec": "No","$area": 5512920,"$color":"#182C3E"}, 
	   "id": "St-georges Platinum & Base M", 
	   "name": "St-georges Platinum & Base M"
	 },	 
	 {
	   "data":{"cap":"&#8364;20,002,000","sec": "No","$area": 20002386,"$color":"#1E294F"}, 
	   "id": "Mountain-west Resources Inc", 
	   "name": "Mountain-west Resources Inc"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#1B3052"}, 
	   "id": "Hmz Metals Inc <sup>*</sup>", 
	   "name": "Hmz Metals Inc <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#1A2A3A"}, 
	   "id": "Bryant Resources Inc <sup>*</sup>", 
	   "name": "Bryant Resources Inc <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;127,000","sec": "No","$area": 126587,"$color":"#152C3D"}, 
	   "id": "West Isle Energy Inc", 
	   "name": "West Isle Energy Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;2,680,000","sec": "No","$area": 2679968,"$color":"#142F48"}, 
	   "id": "Rencore Resources Ltd", 
	   "name": "Rencore Resources Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;462,000","sec": "No","$area": 462030,"$color":"#16283F"}, 
	   "id": "Montana Gold Mining Co Inc", 
	   "name": "Montana Gold Mining Co Inc"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#1B2952"}, 
	   "id": "Gorilla Resources Corp <sup>*</sup>", 
	   "name": "Gorilla Resources Corp <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;2,465,000","sec": "No","$area": 2465058,"$color":"#1E2834"}, 
	   "id": "Black Smoker Ventures Inc", 
	   "name": "Black Smoker Ventures Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;218,000","sec": "No","$area": 218497,"$color":"#142B3C"}, 
	   "id": "Wabi Exploration Inc", 
	   "name": "Wabi Exploration Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;773,000","sec": "No","$area": 773163,"$color":"#152E63"}, 
	   "id": "Renforth Resources Inc", 
	   "name": "Renforth Resources Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;12,226,000","sec": "No","$area": 12225876,"$color":"#162E5B"}, 
	   "id": "Moag Copper Gold Resources I", 
	   "name": "Moag Copper Gold Resources I"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,277,000","sec": "No","$area": 1276666,"$color":"#142A42"}, 
	   "id": "Goldtrain Resources Inc", 
	   "name": "Goldtrain Resources Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;810,000","sec": "No","$area": 809519,"$color":"#14325B"}, 
	   "id": "Bird River Resources Inc", 
	   "name": "Bird River Resources Inc"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#1D284A"}, 
	   "id": "Vinvergy Resources Ltd <sup>*</sup>", 
	   "name": "Vinvergy Resources Ltd <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,334,000","sec": "No","$area": 1333706,"$color":"#172E3F"}, 
	   "id": "Regal Resources Inc", 
	   "name": "Regal Resources Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;2,458,000","sec": "No","$area": 2458466,"$color":"#1A3257"}, 
	   "id": "Mistango River Resources Inc", 
	   "name": "Mistango River Resources Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,742,000","sec": "No","$area": 1742209,"$color":"#172D44"}, 
	   "id": "Golden Cross Resources Inc", 
	   "name": "Golden Cross Resources Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;348,000","sec": "No","$area": 347661,"$color":"#1B3152"}, 
	   "id": "Berkley Resources Inc", 
	   "name": "Berkley Resources Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;4,353,000","sec": "No","$area": 4353252,"$color":"#1B3036"}, 
	   "id": "Victory Gold Mines Inc", 
	   "name": "Victory Gold Mines Inc"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#182F50"}, 
	   "id": "Razore Rock Resources Inc <sup>*</sup>", 
	   "name": "Razore Rock Resources Inc <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;212,000","sec": "No","$area": 212256,"$color":"#162C49"}, 
	   "id": "Minerva Minerals Ltd", 
	   "name": "Minerva Minerals Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;3,501,000","sec": "No","$area": 3500950,"$color":"#1C2F59"}, 
	   "id": "God's Lake Resources Inc", 
	   "name": "God's Lake Resources Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;427,000","sec": "No","$area": 426693,"$color":"#192E57"}, 
	   "id": "Bastion Resources Ltd", 
	   "name": "Bastion Resources Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;12,036,000","sec": "No","$area": 12035837,"$color":"#172C59"}, 
	   "id": "Undur Tolgoi Minerals Inc", 
	   "name": "Undur Tolgoi Minerals Inc"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#182840"}, 
	   "id": "Ravencrest Resources Inc <sup>*</sup>", 
	   "name": "Ravencrest Resources Inc <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;2,316,000","sec": "No","$area": 2315777,"$color":"#1C2D62"}, 
	   "id": "Mclaren Resources Inc", 
	   "name": "Mclaren Resources Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;2,019,000","sec": "No","$area": 2018728,"$color":"#1D2F52"}, 
	   "id": "Far Resources Ltd", 
	   "name": "Far Resources Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;4,928,000","sec": "No","$area": 4927854,"$color":"#1A2B37"}, 
	   "id": "Augustine Ventures Inc", 
	   "name": "Augustine Ventures Inc"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#192D60"}, 
	   "id": "Twin Glacier Resources Ltd <sup>*</sup>", 
	   "name": "Twin Glacier Resources Ltd <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;20,513,000","sec": "No","$area": 20512672,"$color":"#172E52"}, 
	   "id": "Range Energy Resources Inc", 
	   "name": "Range Energy Resources Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;702,000","sec": "No","$area": 702245,"$color":"#142F56"}, 
	   "id": "Mantis Mineral Corp", 
	   "name": "Mantis Mineral Corp"
	 },	 
	 {
	   "data":{"cap":"&#8364;2,004,000","sec": "No","$area": 2004351,"$color":"#18325B"}, 
	   "id": "Excalibur Resources Ltd", 
	   "name": "Excalibur Resources Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;820,000","sec": "No","$area": 819553,"$color":"#19313B"}, 
	   "id": "Ateba Resources Inc", 
	   "name": "Ateba Resources Inc"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#192B53"}, 
	   "id": "Telferscot Resources Inc <sup>*</sup>", 
	   "name": "Telferscot Resources Inc <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;86,000","sec": "No","$area": 86401,"$color":"#172D42"}, 
	   "id": "Quinsam Capital Corp", 
	   "name": "Quinsam Capital Corp"
	 },	 
	 {
	   "data":{"cap":"&#8364;22,223,000","sec": "No","$area": 22223118,"$color":"#192951"}, 
	   "id": "Mahdia Gold Corp", 
	   "name": "Mahdia Gold Corp"
	 },	 
	 {
	   "data":{"cap":"&#8364;6,180,000","sec": "No","$area": 6180390,"$color":"#182835"}, 
	   "id": "Cuervo Resources Inc", 
	   "name": "Cuervo Resources Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;829,000","sec": "No","$area": 829333,"$color":"#162B32"}, 
	   "id": "Armadillo Resources Ltd", 
	   "name": "Armadillo Resources Ltd"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#182950"}, 
	   "id": "Talmora Diamond Inc <sup>*</sup>", 
	   "name": "Talmora Diamond Inc <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;5,439,000","sec": "No","$area": 5438814,"$color":"#162D37"}, 
	   "id": "Portex Minerals Inc", 
	   "name": "Portex Minerals Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;6,501,000","sec": "No","$area": 6501063,"$color":"#142861"}, 
	   "id": "Magna Resources Ltd", 
	   "name": "Magna Resources Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;4,999,000","sec": "No","$area": 4999208,"$color":"#17295D"}, 
	   "id": "Copper Reef Mining Corp", 
	   "name": "Copper Reef Mining Corp"
	 },	 
	 {
	   "data":{"cap":"&#8364;3,136,000","sec": "No","$area": 3136315,"$color":"#1B2A47"}, 
	   "id": "Argentium Resources Inc", 
	   "name": "Argentium Resources Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;872,000","sec": "No","$area": 872437,"$color":"#1B294B"}, 
	   "id": "Tac Gold Corp", 
	   "name": "Tac Gold Corp"
	 },	 
	 {
	   "data":{"cap":"&#8364;3,518,000","sec": "No","$area": 3518174,"$color":"#1E2D53"}, 
	   "id": "Portage Minerals Inc", 
	   "name": "Portage Minerals Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,710,000","sec": "No","$area": 1710061,"$color":"#1B315A"}, 
	   "id": "Mag Copper Ltd", 
	   "name": "Mag Copper Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;7,294,000","sec": "No","$area": 7293516,"$color":"#162C47"}, 
	   "id": "Cielo Gold Corp", 
	   "name": "Cielo Gold Corp"
	 },	 
	 {
	   "data":{"cap":"&#8364;752,000","sec": "No","$area": 751514,"$color":"#1D313F"}, 
	   "id": "Alliance Mining Corp", 
	   "name": "Alliance Mining Corp"
	 },	 
	 {
	   "data":{"cap":"&#8364;711,000","sec": "No","$area": 711310,"$color":"#173254"}, 
	   "id": "Sypher Resources Ltd", 
	   "name": "Sypher Resources Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;443,000","sec": "No","$area": 442834,"$color":"#15303C"}, 
	   "id": "Petroworth Resources Inc", 
	   "name": "Petroworth Resources Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,919,000","sec": "No","$area": 1919137,"$color":"#142A52"}, 
	   "id": "Macmillan Minerals Inc", 
	   "name": "Macmillan Minerals Inc"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#1E2835"}, 
	   "id": "Charlotte Resources Ltd <sup>*</sup>", 
	   "name": "Charlotte Resources Ltd <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;241,000","sec": "No","$area": 240791,"$color":"#1C3054"}, 
	   "id": "Eurogas International Inc", 
	   "name": "Eurogas International Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;201,000","sec": "No","$area": 201116,"$color":"#1B2F42"}, 
	   "id": "Sunorca Development Corp", 
	   "name": "Sunorca Development Corp"
	 },	 
	 {
	   "data":{"cap":"&#8364;9,897,000","sec": "No","$area": 9897101,"$color":"#1A2A52"}, 
	   "id": "Passport Energy Ltd", 
	   "name": "Passport Energy Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;228,000","sec": "No","$area": 228083,"$color":"#172A49"}, 
	   "id": "La Imperial Resources Inc", 
	   "name": "La Imperial Resources Inc"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#142E38"}, 
	   "id": "Chai Cha Na Mining Inc <sup>*</sup>", 
	   "name": "Chai Cha Na Mining Inc <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,840,000","sec": "No","$area": 1840282,"$color":"#1C293C"}, 
	   "id": "Stealth Energy Inc", 
	   "name": "Stealth Energy Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;4,973,000","sec": "No","$area": 4973390,"$color":"#1D3046"}, 
	   "id": "Organic Potash Corp", 
	   "name": "Organic Potash Corp"
	 },	 
	 {
	   "data":{"cap":"&#8364;391,000","sec": "No","$area": 390615,"$color":"#1D323F"}, 
	   "id": "Kokomo Enterprises Inc", 
	   "name": "Kokomo Enterprises Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;2,331,000","sec": "No","$area": 2330751,"$color":"#162D4C"}, 
	   "id": "Celtic Minerals Ltd", 
	   "name": "Celtic Minerals Ltd"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#1B313F"}, 
	   "id": "Triple Dragon Resources Inc <sup>*</sup>", 
	   "name": "Triple Dragon Resources Inc <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;4,616,000","sec": "No","$area": 4616170,"$color":"#182941"}, 
	   "id": "Silver Mountain Mines Inc", 
	   "name": "Silver Mountain Mines Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;980,000","sec": "No","$area": 980198,"$color":"#142C5E"}, 
	   "id": "Ona Power Corp", 
	   "name": "Ona Power Corp"
	 },	 
	 {
	   "data":{"cap":"&#8364;936,000","sec": "No","$area": 935705,"$color":"#142962"}, 
	   "id": "Kariana Resources Inc", 
	   "name": "Kariana Resources Inc"
	 },	 
	 {
	   "data":{"cap":"&#8364;487,000","sec": "No","$area": 487205,"$color":"#1A2D37"}, 
	   "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 = "<div class=\"tip-title\">" + node.name 
		  + "</div><div class=\"tip-text\">";
		var data = node.data;
		if(data.cap) {
		  html += "Market Cap: " + data.cap;
		}
		if(data.sec) {
		  html += "<br />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();
  });
}