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":"€669,772,000","sec": "No","$area": 669771904,"$color":"#1D2836"}, 
	   "id": "Yodogawa Steel Works Ltd", 
	   "name": "Yodogawa Steel Works Ltd"
	 },	 
	 {
	   "data":{"cap":"€385,787,000","sec": "No","$area": 385786784,"$color":"#162834"}, 
	   "id": "Nippon Denko Co Ltd", 
	   "name": "Nippon Denko Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€1,608,310,000","sec": "No","$area": 1608309888,"$color":"#1E3049"}, 
	   "id": "Dowa Holdings Co Ltd", 
	   "name": "Dowa Holdings Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€1,202,867,000","sec": "No","$area": 1202867328,"$color":"#152E4C"}, 
	   "id": "Osaka Titanium Technologies", 
	   "name": "Osaka Titanium Technologies"
	 },	 
	 {
	   "data":{"cap":"€268,821,000","sec": "No","$area": 268821088,"$color":"#1B3057"}, 
	   "id": "San-ai Oil Co Ltd", 
	   "name": "San-ai Oil Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€571,778,000","sec": "No","$area": 571777792,"$color":"#18303B"}, 
	   "id": "Asahi Holdings Inc", 
	   "name": "Asahi Holdings Inc"
	 },	 
	 {
	   "data":{"cap":"€1,661,940,000","sec": "No","$area": 1661939712,"$color":"#1D2F63"}, 
	   "id": "Yamato Kogyo Co Ltd", 
	   "name": "Yamato Kogyo Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€63,911,000","sec": "No","$area": 63910928,"$color":"#1B2D5D"}, 
	   "id": "Nippon Chutetsukan Kk", 
	   "name": "Nippon Chutetsukan Kk"
	 },	 
	 {
	   "data":{"cap":"€4,860,622,000","sec": "No","$area": 4860621824,"$color":"#192E47"}, 
	   "id": "Toyota Tsusho Corp", 
	   "name": "Toyota Tsusho Corp"
	 },	 
	 {
	   "data":{"cap":"€214,841,000","sec": "No","$area": 214841040,"$color":"#162942"}, 
	   "id": "Sumitomo Pipe & Tube Co Ltd", 
	   "name": "Sumitomo Pipe & Tube Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€345,008,000","sec": "No","$area": 345007872,"$color":"#172A45"}, 
	   "id": "Godo Steel Ltd", 
	   "name": "Godo Steel Ltd"
	 },	 
	 {
	   "data":{"cap":"€812,535,000","sec": "No","$area": 812535104,"$color":"#172B57"}, 
	   "id": "Aichi Steel Corp", 
	   "name": "Aichi Steel Corp"
	 },	 
	 {
	   "data":{"cap":"€110,371,000","sec": "No","$area": 110370608,"$color":"#162B4C"}, 
	   "id": "Mory Industries Inc", 
	   "name": "Mory Industries Inc"
	 },	 
	 {
	   "data":{"cap":"€57,139,000","sec": "No","$area": 57139400,"$color":"#1D2B46"}, 
	   "id": "Nippon Chuzo Kk", 
	   "name": "Nippon Chuzo Kk"
	 },	 
	 {
	   "data":{"cap":"€288,296,000","sec": "No","$area": 288295904,"$color":"#152B3E"}, 
	   "id": "Toyo Kohan Co Ltd", 
	   "name": "Toyo Kohan Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€433,632,000","sec": "No","$area": 433632192,"$color":"#1D2E38"}, 
	   "id": "Sumitomo Light Metal Ind Ltd", 
	   "name": "Sumitomo Light Metal Ind Ltd"
	 },	 
	 {
	   "data":{"cap":"€1,827,036,000","sec": "No","$area": 1827036160,"$color":"#1C2D47"}, 
	   "id": "Cosmo Oil Company Ltd", 
	   "name": "Cosmo Oil Company Ltd"
	 },	 
	 {
	   "data":{"cap":"€342,220,000","sec": "No","$area": 342219936,"$color":"#172F54"}, 
	   "id": "Mitsubishi Steel Mfg Co Ltd", 
	   "name": "Mitsubishi Steel Mfg Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€123,016,000","sec": "No","$area": 123016112,"$color":"#173149"}, 
	   "id": "Nippon Seisen Co Ltd", 
	   "name": "Nippon Seisen Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€748,623,000","sec": "No","$area": 748622720,"$color":"#172843"}, 
	   "id": "Toho Titanium Co Ltd", 
	   "name": "Toho Titanium Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€6,119,311,000","sec": "No","$area": 6119310848,"$color":"#1C3153"}, 
	   "id": "Sumitomo Metal Mining Co Ltd", 
	   "name": "Sumitomo Metal Mining Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€18,969,993,000","sec": "No","$area": 18969993216,"$color":"#1D2F52"}, 
	   "id": "Inpex Corp", 
	   "name": "Inpex Corp"
	 },	 
	 {
	   "data":{"cap":"€333,544,000","sec": "No","$area": 333543776,"$color":"#1D3264"}, 
	   "id": "Nippon Coke & Engineering Co", 
	   "name": "Nippon Coke & Engineering Co"
	 },	 
	 {
	   "data":{"cap":"€35,402,000","sec": "No","$area": 35402124,"$color":"#152F60"}, 
	   "id": "Nihon Seiko Co Ltd", 
	   "name": "Nihon Seiko Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€391,332,000","sec": "No","$area": 391332000,"$color":"#192A56"}, 
	   "id": "Toho Zinc Co Ltd", 
	   "name": "Toho Zinc Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€6,725,459,000","sec": "No","$area": 6725459456,"$color":"#1D3053"}, 
	   "id": "Sumitomo Metal Industries", 
	   "name": "Sumitomo Metal Industries"
	 },	 
	 {
	   "data":{"cap":"€3,818,280,000","sec": "No","$area": 3818279936,"$color":"#142D3F"}, 
	   "id": "Kobe Steel Ltd", 
	   "name": "Kobe Steel Ltd"
	 },	 
	 {
	   "data":{"cap":"€1,188,078,000","sec": "No","$area": 1188077952,"$color":"#162F45"}, 
	   "id": "Mitsui Mining & Smelting Co", 
	   "name": "Mitsui Mining & Smelting Co"
	 },	 
	 {
	   "data":{"cap":"€26,871,000","sec": "No","$area": 26871460,"$color":"#1A2832"}, 
	   "id": "Nippon Shindo Co Ltd", 
	   "name": "Nippon Shindo Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€118,143,000","sec": "No","$area": 118143232,"$color":"#192C64"}, 
	   "id": "Tokyo Tekko Co Ltd", 
	   "name": "Tokyo Tekko Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€53,524,000","sec": "No","$area": 53523824,"$color":"#152D3A"}, 
	   "id": "Sumiseki Holdings Inc", 
	   "name": "Sumiseki Holdings Inc"
	 },	 
	 {
	   "data":{"cap":"€300,531,000","sec": "No","$area": 300530560,"$color":"#1D2F50"}, 
	   "id": "Neturen Co Ltd", 
	   "name": "Neturen Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€633,788,000","sec": "No","$area": 633788224,"$color":"#142944"}, 
	   "id": "Modec Inc", 
	   "name": "Modec Inc"
	 },	 
	 {
	   "data":{"cap":"€135,025,000","sec": "No","$area": 135024880,"$color":"#1E305D"}, 
	   "id": "Nippon Koshuha Steel Co Ltd", 
	   "name": "Nippon Koshuha Steel Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€948,764,000","sec": "No","$area": 948764480,"$color":"#152C32"}, 
	   "id": "Tokyo Steel Mfg Co Ltd", 
	   "name": "Tokyo Steel Mfg Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€92,398,000","sec": "No","$area": 92398128,"$color":"#19305C"}, 
	   "id": "Suzuki Metal Industry Co Ltd", 
	   "name": "Suzuki Metal Industry Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€40,639,000","sec": "No","$area": 40639400,"$color":"#1C2C3E"}, 
	   "id": "Kurotani Corp", 
	   "name": "Kurotani Corp"
	 },	 
	 {
	   "data":{"cap":"€1,712,942,000","sec": "No","$area": 1712941952,"$color":"#192D46"}, 
	   "id": "Maruichi Steel Tube Ltd", 
	   "name": "Maruichi Steel Tube Ltd"
	 },	 
	 {
	   "data":{"cap":"€551,254,000","sec": "No","$area": 551254400,"$color":"#18314A"}, 
	   "id": "Nippon Light Metal Co Ltd", 
	   "name": "Nippon Light Metal Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€317,390,000","sec": "No","$area": 317390496,"$color":"#162C4B"}, 
	   "id": "Tokyo Rope Mfg Co Ltd", 
	   "name": "Tokyo Rope Mfg Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€11,572,599,000","sec": "No","$area": 11572598784,"$color":"#1A2D40"}, 
	   "id": "Jx Holdings Inc", 
	   "name": "Jx Holdings Inc"
	 },	 
	 {
	   "data":{"cap":"€247,716,000","sec": "No","$area": 247716176,"$color":"#16304D"}, 
	   "id": "Kurimoto Ltd", 
	   "name": "Kurimoto Ltd"
	 },	 
	 {
	   "data":{"cap":"€358,480,000","sec": "No","$area": 358480352,"$color":"#18315E"}, 
	   "id": "Matsuda Sangyo Co Ltd", 
	   "name": "Matsuda Sangyo Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€123,232,000","sec": "No","$area": 123232160,"$color":"#1C2C64"}, 
	   "id": "Nippon Metal Industry Co Ltd", 
	   "name": "Nippon Metal Industry Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€116,937,000","sec": "No","$area": 116936560,"$color":"#183258"}, 
	   "id": "Toa Oil Co Ltd", 
	   "name": "Toa Oil Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€8,385,032,000","sec": "No","$area": 8385032192,"$color":"#182F36"}, 
	   "id": "Jfe Holdings Inc", 
	   "name": "Jfe Holdings Inc"
	 },	 
	 {
	   "data":{"cap":"€686,097,000","sec": "No","$area": 686097088,"$color":"#1A2D39"}, 
	   "id": "Kyoei Steel Ltd", 
	   "name": "Kyoei Steel Ltd"
	 },	 
	 {
	   "data":{"cap":"€29,374,000","sec": "No","$area": 29373824,"$color":"#152850"}, 
	   "id": "Hokuetsu Metal Co Ltd", 
	   "name": "Hokuetsu Metal Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€95,128,000","sec": "No","$area": 95128264,"$color":"#192D58"}, 
	   "id": "Nippon Kinzoku Co Ltd", 
	   "name": "Nippon Kinzoku Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€41,435,000","sec": "No","$area": 41435096,"$color":"#142A54"}, 
	   "id": "Chugai Mining Co Ltd", 
	   "name": "Chugai Mining Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€798,132,000","sec": "No","$area": 798131904,"$color":"#1B2B63"}, 
	   "id": "Jfe Shoji Holdings Inc", 
	   "name": "Jfe Shoji Holdings Inc"
	 },	 
	 {
	   "data":{"cap":"€251,090,000","sec": "No","$area": 251090160,"$color":"#1B3156"}, 
	   "id": "Kanto Natural Gas Develop", 
	   "name": "Kanto Natural Gas Develop"
	 },	 
	 {
	   "data":{"cap":"€429,150,000","sec": "No","$area": 429149664,"$color":"#1A2F63"}, 
	   "id": "Furukawa-sky Aluminum Corp", 
	   "name": "Furukawa-sky Aluminum Corp"
	 },	 
	 {
	   "data":{"cap":"€400,452,000","sec": "No","$area": 400451840,"$color":"#162F3B"}, 
	   "id": "Japan Drilling Co Ltd", 
	   "name": "Japan Drilling Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€127,821,000","sec": "No","$area": 127820992,"$color":"#19303C"}, 
	   "id": "Chuo Denki Kogyo Co Ltd", 
	   "name": "Chuo Denki Kogyo Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€13,071,707,000","sec": "No","$area": 13071707136,"$color":"#1A2A63"}, 
	   "id": "Nippon Steel Corp", 
	   "name": "Nippon Steel Corp"
	 },	 
	 {
	   "data":{"cap":"€62,717,000","sec": "No","$area": 62717440,"$color":"#1A2862"}, 
	   "id": "Kawakin Holdings Co Ltd", 
	   "name": "Kawakin Holdings Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€66,986,000","sec": "No","$area": 66986416,"$color":"#1A2F40"}, 
	   "id": "Fuji Kosan Company Ltd", 
	   "name": "Fuji Kosan Company Ltd"
	 },	 
	 {
	   "data":{"cap":"€283,648,000","sec": "No","$area": 283648352,"$color":"#142855"}, 
	   "id": "Nippon Steel Trading Co Ltd", 
	   "name": "Nippon Steel Trading Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€2,165,795,000","sec": "No","$area": 2165794560,"$color":"#1B2F51"}, 
	   "id": "Daido Steel Co Ltd", 
	   "name": "Daido Steel Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€168,343,000","sec": "No","$area": 168342656,"$color":"#15303B"}, 
	   "id": "Shinsho Corp", 
	   "name": "Shinsho Corp"
	 },	 
	 {
	   "data":{"cap":"€406,494,000","sec": "No","$area": 406493664,"$color":"#173254"}, 
	   "id": "Aoc Holdings Inc", 
	   "name": "Aoc Holdings Inc"
	 },	 
	 {
	   "data":{"cap":"€3,107,711,000","sec": "No","$area": 3107710720,"$color":"#1C3262"}, 
	   "id": "Hitachi Metals Ltd", 
	   "name": "Hitachi Metals Ltd"
	 },	 
	 {
	   "data":{"cap":"€269,596,000","sec": "No","$area": 269596416,"$color":"#182B5D"}, 
	   "id": "Nittetsu Mining Co Ltd", 
	   "name": "Nittetsu Mining Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€15,055,000","sec": "No","$area": 15055453,"$color":"#1A3045"}, 
	   "id": "Takasago Tekko Kk", 
	   "name": "Takasago Tekko Kk"
	 },	 
	 {
	   "data":{"cap":"€94,135,000","sec": "No","$area": 94134600,"$color":"#172F42"}, 
	   "id": "Shinko Wire Co Ltd", 
	   "name": "Shinko Wire Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€3,272,747,000","sec": "No","$area": 3272747008,"$color":"#1D3158"}, 
	   "id": "Idemitsu Kosan Co Ltd", 
	   "name": "Idemitsu Kosan Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€104,924,000","sec": "No","$area": 104924024,"$color":"#1D2B37"}, 
	   "id": "Hakudo Co Ltd", 
	   "name": "Hakudo Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€1,178,373,000","sec": "No","$area": 1178372992,"$color":"#152C35"}, 
	   "id": "Nisshin Steel Co Ltd", 
	   "name": "Nisshin Steel Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€735,894,000","sec": "No","$area": 735894400,"$color":"#172851"}, 
	   "id": "Pacific Metals Co Ltd", 
	   "name": "Pacific Metals Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€1,974,723,000","sec": "No","$area": 1974723456,"$color":"#192F47"}, 
	   "id": "Showa Shell Sekiyu Kk", 
	   "name": "Showa Shell Sekiyu Kk"
	 },	 
	 {
	   "data":{"cap":"€62,230,000","sec": "No","$area": 62229592,"$color":"#1D303D"}, 
	   "id": "Ishii Iron Works Co Ltd", 
	   "name": "Ishii Iron Works Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€15,400,000","sec": "No","$area": 15400224,"$color":"#19315F"}, 
	   "id": "Nippon Crucible Co Ltd", 
	   "name": "Nippon Crucible Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€105,732,000","sec": "No","$area": 105731952,"$color":"#1A2D5B"}, 
	   "id": "Nichia Steel Works Ltd", 
	   "name": "Nichia Steel Works Ltd"
	 },	 
	 {
	   "data":{"cap":"€4,358,682,000","sec": "No","$area": 4358682112,"$color":"#1E3249"}, 
	   "id": "Tonengeneral Sekiyu Kk", 
	   "name": "Tonengeneral Sekiyu Kk"
	 },	 
	 {
	   "data":{"cap":"€264,634,000","sec": "No","$area": 264633984,"$color":"#172C45"}, 
	   "id": "Sinanen Co Ltd", 
	   "name": "Sinanen Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€98,511,000","sec": "No","$area": 98510880,"$color":"#142B4F"}, 
	   "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":"&#8364;183,626,000","sec": "No","$area": 183626288,"$color":"#172C45"}, 
	   "id": "Nippon Yakin Kogyo Co Ltd", 
	   "name": "Nippon Yakin Kogyo Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;120,782,000","sec": "No","$area": 120782440,"$color":"#1D2962"}, 
	   "id": "Nakayama Steel Works Ltd", 
	   "name": "Nakayama Steel Works Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,841,924,000","sec": "No","$area": 1841924480,"$color":"#172C38"}, 
	   "id": "Japan Petroleum Exploration", 
	   "name": "Japan Petroleum Exploration"
	 },	 
	 {
	   "data":{"cap":"&#8364;705,032,000","sec": "No","$area": 705032128,"$color":"#1C324C"}, 
	   "id": "Sanyo Special Steel Co Ltd", 
	   "name": "Sanyo Special Steel Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;77,805,000","sec": "No","$area": 77805496,"$color":"#1C2F44"}, 
	   "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();
  });
}