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":"$847,730,000","sec": "No","$area": 669771904,"$color":"#162F58"}, 
	   "id": "Yodogawa Steel Works Ltd", 
	   "name": "Yodogawa Steel Works Ltd"
	 },	 
	 {
	   "data":{"cap":"$488,290,000","sec": "No","$area": 385786784,"$color":"#192D4E"}, 
	   "id": "Nippon Denko Co Ltd", 
	   "name": "Nippon Denko Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$2,035,638,000","sec": "No","$area": 1608309888,"$color":"#152C58"}, 
	   "id": "Dowa Holdings Co Ltd", 
	   "name": "Dowa Holdings Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$1,522,469,000","sec": "No","$area": 1202867328,"$color":"#153058"}, 
	   "id": "Osaka Titanium Technologies", 
	   "name": "Osaka Titanium Technologies"
	 },	 
	 {
	   "data":{"cap":"$340,247,000","sec": "No","$area": 268821088,"$color":"#1D2D4A"}, 
	   "id": "San-ai Oil Co Ltd", 
	   "name": "San-ai Oil Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$723,699,000","sec": "No","$area": 571777792,"$color":"#1A3239"}, 
	   "id": "Asahi Holdings Inc", 
	   "name": "Asahi Holdings Inc"
	 },	 
	 {
	   "data":{"cap":"$2,103,517,000","sec": "No","$area": 1661939712,"$color":"#193051"}, 
	   "id": "Yamato Kogyo Co Ltd", 
	   "name": "Yamato Kogyo Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$80,892,000","sec": "No","$area": 63910928,"$color":"#152833"}, 
	   "id": "Nippon Chutetsukan Kk", 
	   "name": "Nippon Chutetsukan Kk"
	 },	 
	 {
	   "data":{"cap":"$6,152,089,000","sec": "No","$area": 4860621824,"$color":"#173132"}, 
	   "id": "Toyota Tsusho Corp", 
	   "name": "Toyota Tsusho Corp"
	 },	 
	 {
	   "data":{"cap":"$271,924,000","sec": "No","$area": 214841040,"$color":"#1C2D36"}, 
	   "id": "Sumitomo Pipe & Tube Co Ltd", 
	   "name": "Sumitomo Pipe & Tube Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$436,676,000","sec": "No","$area": 345007872,"$color":"#152C44"}, 
	   "id": "Godo Steel Ltd", 
	   "name": "Godo Steel Ltd"
	 },	 
	 {
	   "data":{"cap":"$1,028,426,000","sec": "No","$area": 812535104,"$color":"#1E2A56"}, 
	   "id": "Aichi Steel Corp", 
	   "name": "Aichi Steel Corp"
	 },	 
	 {
	   "data":{"cap":"$139,696,000","sec": "No","$area": 110370608,"$color":"#1C3262"}, 
	   "id": "Mory Industries Inc", 
	   "name": "Mory Industries Inc"
	 },	 
	 {
	   "data":{"cap":"$72,321,000","sec": "No","$area": 57139400,"$color":"#1A2E3C"}, 
	   "id": "Nippon Chuzo Kk", 
	   "name": "Nippon Chuzo Kk"
	 },	 
	 {
	   "data":{"cap":"$364,896,000","sec": "No","$area": 288295904,"$color":"#173243"}, 
	   "id": "Toyo Kohan Co Ltd", 
	   "name": "Toyo Kohan Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$548,848,000","sec": "No","$area": 433632192,"$color":"#1E2C58"}, 
	   "id": "Sumitomo Light Metal Ind Ltd", 
	   "name": "Sumitomo Light Metal Ind Ltd"
	 },	 
	 {
	   "data":{"cap":"$2,312,480,000","sec": "No","$area": 1827036160,"$color":"#172A40"}, 
	   "id": "Cosmo Oil Company Ltd", 
	   "name": "Cosmo Oil Company Ltd"
	 },	 
	 {
	   "data":{"cap":"$433,148,000","sec": "No","$area": 342219936,"$color":"#172C56"}, 
	   "id": "Mitsubishi Steel Mfg Co Ltd", 
	   "name": "Mitsubishi Steel Mfg Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$155,701,000","sec": "No","$area": 123016112,"$color":"#1E3243"}, 
	   "id": "Nippon Seisen Co Ltd", 
	   "name": "Nippon Seisen Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$947,532,000","sec": "No","$area": 748622720,"$color":"#1D2E4D"}, 
	   "id": "Toho Titanium Co Ltd", 
	   "name": "Toho Titanium Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$7,745,212,000","sec": "No","$area": 6119310848,"$color":"#1B2E5C"}, 
	   "id": "Sumitomo Metal Mining Co Ltd", 
	   "name": "Sumitomo Metal Mining Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$24,010,320,000","sec": "No","$area": 18969993216,"$color":"#1B2B48"}, 
	   "id": "Inpex Corp", 
	   "name": "Inpex Corp"
	 },	 
	 {
	   "data":{"cap":"$422,166,000","sec": "No","$area": 333543776,"$color":"#1A313B"}, 
	   "id": "Nippon Coke & Engineering Co", 
	   "name": "Nippon Coke & Engineering Co"
	 },	 
	 {
	   "data":{"cap":"$44,808,000","sec": "No","$area": 35402124,"$color":"#182C5A"}, 
	   "id": "Nihon Seiko Co Ltd", 
	   "name": "Nihon Seiko Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$495,309,000","sec": "No","$area": 391332000,"$color":"#1D2963"}, 
	   "id": "Toho Zinc Co Ltd", 
	   "name": "Toho Zinc Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$8,512,414,000","sec": "No","$area": 6725459456,"$color":"#1B285D"}, 
	   "id": "Sumitomo Metal Industries", 
	   "name": "Sumitomo Metal Industries"
	 },	 
	 {
	   "data":{"cap":"$4,832,797,000","sec": "No","$area": 3818279936,"$color":"#1B2D64"}, 
	   "id": "Kobe Steel Ltd", 
	   "name": "Kobe Steel Ltd"
	 },	 
	 {
	   "data":{"cap":"$1,503,750,000","sec": "No","$area": 1188077952,"$color":"#152A46"}, 
	   "id": "Mitsui Mining & Smelting Co", 
	   "name": "Mitsui Mining & Smelting Co"
	 },	 
	 {
	   "data":{"cap":"$34,011,000","sec": "No","$area": 26871460,"$color":"#1A2B32"}, 
	   "id": "Nippon Shindo Co Ltd", 
	   "name": "Nippon Shindo Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$149,534,000","sec": "No","$area": 118143232,"$color":"#1B3042"}, 
	   "id": "Tokyo Tekko Co Ltd", 
	   "name": "Tokyo Tekko Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$67,745,000","sec": "No","$area": 53523824,"$color":"#192C34"}, 
	   "id": "Sumiseki Holdings Inc", 
	   "name": "Sumiseki Holdings Inc"
	 },	 
	 {
	   "data":{"cap":"$380,382,000","sec": "No","$area": 300530560,"$color":"#17283C"}, 
	   "id": "Neturen Co Ltd", 
	   "name": "Neturen Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$802,186,000","sec": "No","$area": 633788224,"$color":"#142F4F"}, 
	   "id": "Modec Inc", 
	   "name": "Modec Inc"
	 },	 
	 {
	   "data":{"cap":"$170,901,000","sec": "No","$area": 135024880,"$color":"#182C33"}, 
	   "id": "Nippon Koshuha Steel Co Ltd", 
	   "name": "Nippon Koshuha Steel Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$1,200,851,000","sec": "No","$area": 948764480,"$color":"#143032"}, 
	   "id": "Tokyo Steel Mfg Co Ltd", 
	   "name": "Tokyo Steel Mfg Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$116,948,000","sec": "No","$area": 92398128,"$color":"#1A2B53"}, 
	   "id": "Suzuki Metal Industry Co Ltd", 
	   "name": "Suzuki Metal Industry Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$51,437,000","sec": "No","$area": 40639400,"$color":"#1C2F41"}, 
	   "id": "Kurotani Corp", 
	   "name": "Kurotani Corp"
	 },	 
	 {
	   "data":{"cap":"$2,168,071,000","sec": "No","$area": 1712941952,"$color":"#142C46"}, 
	   "id": "Maruichi Steel Tube Ltd", 
	   "name": "Maruichi Steel Tube Ltd"
	 },	 
	 {
	   "data":{"cap":"$697,723,000","sec": "No","$area": 551254400,"$color":"#173144"}, 
	   "id": "Nippon Light Metal Co Ltd", 
	   "name": "Nippon Light Metal Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$401,721,000","sec": "No","$area": 317390496,"$color":"#152838"}, 
	   "id": "Tokyo Rope Mfg Co Ltd", 
	   "name": "Tokyo Rope Mfg Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$14,647,438,000","sec": "No","$area": 11572598784,"$color":"#1B2D57"}, 
	   "id": "Jx Holdings Inc", 
	   "name": "Jx Holdings Inc"
	 },	 
	 {
	   "data":{"cap":"$313,534,000","sec": "No","$area": 247716176,"$color":"#172F46"}, 
	   "id": "Kurimoto Ltd", 
	   "name": "Kurimoto Ltd"
	 },	 
	 {
	   "data":{"cap":"$453,729,000","sec": "No","$area": 358480352,"$color":"#1E2D46"}, 
	   "id": "Matsuda Sangyo Co Ltd", 
	   "name": "Matsuda Sangyo Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$155,975,000","sec": "No","$area": 123232160,"$color":"#1E2F3E"}, 
	   "id": "Nippon Metal Industry Co Ltd", 
	   "name": "Nippon Metal Industry Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$148,007,000","sec": "No","$area": 116936560,"$color":"#18325F"}, 
	   "id": "Toa Oil Co Ltd", 
	   "name": "Toa Oil Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$10,612,935,000","sec": "No","$area": 8385032192,"$color":"#1D295C"}, 
	   "id": "Jfe Holdings Inc", 
	   "name": "Jfe Holdings Inc"
	 },	 
	 {
	   "data":{"cap":"$868,393,000","sec": "No","$area": 686097088,"$color":"#142D4C"}, 
	   "id": "Kyoei Steel Ltd", 
	   "name": "Kyoei Steel Ltd"
	 },	 
	 {
	   "data":{"cap":"$37,178,000","sec": "No","$area": 29373824,"$color":"#16323F"}, 
	   "id": "Hokuetsu Metal Co Ltd", 
	   "name": "Hokuetsu Metal Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$120,404,000","sec": "No","$area": 95128264,"$color":"#182D45"}, 
	   "id": "Nippon Kinzoku Co Ltd", 
	   "name": "Nippon Kinzoku Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$52,444,000","sec": "No","$area": 41435096,"$color":"#1D3047"}, 
	   "id": "Chugai Mining Co Ltd", 
	   "name": "Chugai Mining Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$1,010,196,000","sec": "No","$area": 798131904,"$color":"#152C44"}, 
	   "id": "Jfe Shoji Holdings Inc", 
	   "name": "Jfe Shoji Holdings Inc"
	 },	 
	 {
	   "data":{"cap":"$317,805,000","sec": "No","$area": 251090160,"$color":"#1A293A"}, 
	   "id": "Kanto Natural Gas Develop", 
	   "name": "Kanto Natural Gas Develop"
	 },	 
	 {
	   "data":{"cap":"$543,175,000","sec": "No","$area": 429149664,"$color":"#1B3240"}, 
	   "id": "Furukawa-sky Aluminum Corp", 
	   "name": "Furukawa-sky Aluminum Corp"
	 },	 
	 {
	   "data":{"cap":"$506,852,000","sec": "No","$area": 400451840,"$color":"#143259"}, 
	   "id": "Japan Drilling Co Ltd", 
	   "name": "Japan Drilling Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$161,783,000","sec": "No","$area": 127820992,"$color":"#142A5A"}, 
	   "id": "Chuo Denki Kogyo Co Ltd", 
	   "name": "Chuo Denki Kogyo Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$16,544,860,000","sec": "No","$area": 13071707136,"$color":"#172D35"}, 
	   "id": "Nippon Steel Corp", 
	   "name": "Nippon Steel Corp"
	 },	 
	 {
	   "data":{"cap":"$79,381,000","sec": "No","$area": 62717440,"$color":"#1A2A3C"}, 
	   "id": "Kawakin Holdings Co Ltd", 
	   "name": "Kawakin Holdings Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$84,785,000","sec": "No","$area": 66986416,"$color":"#152C50"}, 
	   "id": "Fuji Kosan Company Ltd", 
	   "name": "Fuji Kosan Company Ltd"
	 },	 
	 {
	   "data":{"cap":"$359,014,000","sec": "No","$area": 283648352,"$color":"#1B2A50"}, 
	   "id": "Nippon Steel Trading Co Ltd", 
	   "name": "Nippon Steel Trading Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$2,741,246,000","sec": "No","$area": 2165794560,"$color":"#142D3F"}, 
	   "id": "Daido Steel Co Ltd", 
	   "name": "Daido Steel Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$213,071,000","sec": "No","$area": 168342656,"$color":"#1C294A"}, 
	   "id": "Shinsho Corp", 
	   "name": "Shinsho Corp"
	 },	 
	 {
	   "data":{"cap":"$514,499,000","sec": "No","$area": 406493664,"$color":"#1C2D4D"}, 
	   "id": "Aoc Holdings Inc", 
	   "name": "Aoc Holdings Inc"
	 },	 
	 {
	   "data":{"cap":"$3,933,429,000","sec": "No","$area": 3107710720,"$color":"#1B2E55"}, 
	   "id": "Hitachi Metals Ltd", 
	   "name": "Hitachi Metals Ltd"
	 },	 
	 {
	   "data":{"cap":"$341,228,000","sec": "No","$area": 269596416,"$color":"#162C4A"}, 
	   "id": "Nittetsu Mining Co Ltd", 
	   "name": "Nittetsu Mining Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$19,056,000","sec": "No","$area": 15055453,"$color":"#192F56"}, 
	   "id": "Takasago Tekko Kk", 
	   "name": "Takasago Tekko Kk"
	 },	 
	 {
	   "data":{"cap":"$119,146,000","sec": "No","$area": 94134600,"$color":"#172E5D"}, 
	   "id": "Shinko Wire Co Ltd", 
	   "name": "Shinko Wire Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$4,142,316,000","sec": "No","$area": 3272747008,"$color":"#192D3E"}, 
	   "id": "Idemitsu Kosan Co Ltd", 
	   "name": "Idemitsu Kosan Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$132,802,000","sec": "No","$area": 104924024,"$color":"#1B2D3F"}, 
	   "id": "Hakudo Co Ltd", 
	   "name": "Hakudo Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$1,491,467,000","sec": "No","$area": 1178372992,"$color":"#182A38"}, 
	   "id": "Nisshin Steel Co Ltd", 
	   "name": "Nisshin Steel Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$931,422,000","sec": "No","$area": 735894400,"$color":"#182A38"}, 
	   "id": "Pacific Metals Co Ltd", 
	   "name": "Pacific Metals Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$2,499,407,000","sec": "No","$area": 1974723456,"$color":"#182E37"}, 
	   "id": "Showa Shell Sekiyu Kk", 
	   "name": "Showa Shell Sekiyu Kk"
	 },	 
	 {
	   "data":{"cap":"$78,764,000","sec": "No","$area": 62229592,"$color":"#1E2857"}, 
	   "id": "Ishii Iron Works Co Ltd", 
	   "name": "Ishii Iron Works Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$19,492,000","sec": "No","$area": 15400224,"$color":"#183057"}, 
	   "id": "Nippon Crucible Co Ltd", 
	   "name": "Nippon Crucible Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$133,825,000","sec": "No","$area": 105731952,"$color":"#162A3E"}, 
	   "id": "Nichia Steel Works Ltd", 
	   "name": "Nichia Steel Works Ltd"
	 },	 
	 {
	   "data":{"cap":"$5,516,784,000","sec": "No","$area": 4358682112,"$color":"#1C2D4D"}, 
	   "id": "Tonengeneral Sekiyu Kk", 
	   "name": "Tonengeneral Sekiyu Kk"
	 },	 
	 {
	   "data":{"cap":"$334,947,000","sec": "No","$area": 264633984,"$color":"#172C62"}, 
	   "id": "Sinanen Co Ltd", 
	   "name": "Sinanen Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$124,685,000","sec": "No","$area": 98510880,"$color":"#1D324D"}, 
	   "id": "Alconix Corp", 
	   "name": "Alconix Corp"
	 },	 
	 {
	   "data":{"cap":"","sec": "Yes","$area": 1,"$color":"#009900"}, 
	   "id": "Posco-adr <sup>*</sup>", 
	   "name": "Posco-adr <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"$232,416,000","sec": "No","$area": 183626288,"$color":"#1E2B47"}, 
	   "id": "Nippon Yakin Kogyo Co Ltd", 
	   "name": "Nippon Yakin Kogyo Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$152,874,000","sec": "No","$area": 120782440,"$color":"#192942"}, 
	   "id": "Nakayama Steel Works Ltd", 
	   "name": "Nakayama Steel Works Ltd"
	 },	 
	 {
	   "data":{"cap":"$2,331,324,000","sec": "No","$area": 1841924480,"$color":"#163042"}, 
	   "id": "Japan Petroleum Exploration", 
	   "name": "Japan Petroleum Exploration"
	 },	 
	 {
	   "data":{"cap":"$892,359,000","sec": "No","$area": 705032128,"$color":"#163253"}, 
	   "id": "Sanyo Special Steel Co Ltd", 
	   "name": "Sanyo Special Steel Co Ltd"
	 },	 
	 {
	   "data":{"cap":"$98,478,000","sec": "No","$area": 77805496,"$color":"#173045"}, 
	   "id": "Araya Industrial Co Ltd", 
	   "name": "Araya Industrial Co 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();
  });
}