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":"€103,939,000","sec": "No","$area": 103938672,"$color":"#142A44"}, 
	   "id": "Daehan Steel Co Ltd", 
	   "name": "Daehan Steel Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€445,175,000","sec": "No","$area": 445174944,"$color":"#162C49"}, 
	   "id": "Iljin Materials Co Ltd", 
	   "name": "Iljin Materials Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€140,922,000","sec": "No","$area": 140922176,"$color":"#142E59"}, 
	   "id": "Dong Yang Steel Pipe Co Ltd", 
	   "name": "Dong Yang Steel Pipe Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€55,450,000","sec": "No","$area": 55449708,"$color":"#1C3252"}, 
	   "id": "Mi Chang Oil Industrial Co", 
	   "name": "Mi Chang Oil Industrial Co"
	 },	 
	 {
	   "data":{"cap":"€67,715,000","sec": "No","$area": 67715184,"$color":"#1C3160"}, 
	   "id": "Iljin Diamond Co Ltd", 
	   "name": "Iljin Diamond Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€162,895,000","sec": "No","$area": 162894816,"$color":"#162B3D"}, 
	   "id": "Seah Special Steel Co Ltd", 
	   "name": "Seah Special Steel Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€27,295,000","sec": "No","$area": 27294592,"$color":"#1A3143"}, 
	   "id": "Moonbae Steel Co Ltd", 
	   "name": "Moonbae Steel Co Ltd"
	 },	 
	 {
	   "data":{"cap":"€114,406,000","sec": "No","$area": 114405624,"$color":"#1E323C"}, 
	   "id": "Union Steel", 
	   "name": "Union Steel"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#1E325D"}, 
	   "id": "Gs Holdings-pref <sup>*</sup>", 
	   "name": "Gs Holdings-pref <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;40,643,000","sec": "No","$area": 40642972,"$color":"#192D49"}, 
	   "id": "Choil Aluminum Co Ltd", 
	   "name": "Choil Aluminum Co Ltd"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#1D2D32"}, 
	   "id": "Namsun Aluminium Co Ltd-pfd <sup>*</sup>", 
	   "name": "Namsun Aluminium Co Ltd-pfd <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;16,327,000","sec": "No","$area": 16326884,"$color":"#192A55"}, 
	   "id": "Sk Holdings Co Ltd-pref", 
	   "name": "Sk Holdings Co Ltd-pref"
	 },	 
	 {
	   "data":{"cap":"&#8364;3,436,552,000","sec": "No","$area": 3436552448,"$color":"#1E2B35"}, 
	   "id": "Gs Holdings", 
	   "name": "Gs Holdings"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#152E60"}, 
	   "id": "Dongbu Steel Co Ltd-pfd <sup>*</sup>", 
	   "name": "Dongbu Steel Co Ltd-pfd <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;45,816,000","sec": "No","$area": 45816136,"$color":"#1B2858"}, 
	   "id": "Namsun Aluminum Co Ltd", 
	   "name": "Namsun Aluminum Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;4,334,248,000","sec": "No","$area": 4334247936,"$color":"#14314C"}, 
	   "id": "Sk Holdings Co Ltd", 
	   "name": "Sk Holdings Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;32,241,000","sec": "No","$area": 32241440,"$color":"#142C4B"}, 
	   "id": "Histeel Co Ltd", 
	   "name": "Histeel Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;198,786,000","sec": "No","$area": 198785600,"$color":"#1D3039"}, 
	   "id": "Dongbu Steel Co Ltd", 
	   "name": "Dongbu Steel Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;37,550,000","sec": "No","$area": 37549672,"$color":"#172957"}, 
	   "id": "Ni Steel Co Ltd", 
	   "name": "Ni Steel Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;15,707,000","sec": "No","$area": 15707148,"$color":"#172A56"}, 
	   "id": "Dongwon Co Ltd", 
	   "name": "Dongwon Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;34,238,000","sec": "No","$area": 34238316,"$color":"#163236"}, 
	   "id": "Dsr Wire Corp", 
	   "name": "Dsr Wire Corp"
	 },	 
	 {
	   "data":{"cap":"&#8364;40,437,000","sec": "No","$area": 40436900,"$color":"#1D313C"}, 
	   "id": "Kukdong Oil & Chemicals Co", 
	   "name": "Kukdong Oil & Chemicals Co"
	 },	 
	 {
	   "data":{"cap":"&#8364;25,220,000","sec": "No","$area": 25220172,"$color":"#1B2C44"}, 
	   "id": "Daihan Eunpakgy Co Ltd", 
	   "name": "Daihan Eunpakgy Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;333,078,000","sec": "No","$area": 333078368,"$color":"#17315C"}, 
	   "id": "Seah Steel Corporation", 
	   "name": "Seah Steel Corporation"
	 },	 
	 {
	   "data":{"cap":"&#8364;50,646,000","sec": "No","$area": 50645728,"$color":"#14305C"}, 
	   "id": "Daeho Al Co Ltd", 
	   "name": "Daeho Al Co Ltd"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#1A2A44"}, 
	   "id": "Dae Chang Indus Co-pfd <sup>*</sup>", 
	   "name": "Dae Chang Indus Co-pfd <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;31,839,000","sec": "No","$area": 31839382,"$color":"#1A2950"}, 
	   "id": "Korea Steel Shapes Co Ltd", 
	   "name": "Korea Steel Shapes Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;187,777,000","sec": "No","$area": 187776880,"$color":"#16284D"}, 
	   "id": "Hankook Shell Oil Co Ltd", 
	   "name": "Hankook Shell Oil Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;15,719,000","sec": "No","$area": 15718980,"$color":"#173134"}, 
	   "id": "Dong-a Steel Technology Co", 
	   "name": "Dong-a Steel Technology Co"
	 },	 
	 {
	   "data":{"cap":"&#8364;88,181,000","sec": "No","$area": 88181432,"$color":"#182942"}, 
	   "id": "Daechang Co Ltd", 
	   "name": "Daechang Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;19,625,000","sec": "No","$area": 19625136,"$color":"#193234"}, 
	   "id": "Sam-a Aluminum Co Ltd", 
	   "name": "Sam-a Aluminum Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;57,825,000","sec": "No","$area": 57825480,"$color":"#172F4C"}, 
	   "id": "Tcc Steel", 
	   "name": "Tcc Steel"
	 },	 
	 {
	   "data":{"cap":"&#8364;347,214,000","sec": "No","$area": 347213952,"$color":"#142D40"}, 
	   "id": "Seah Holdings Corp", 
	   "name": "Seah Holdings Corp"
	 },	 
	 {
	   "data":{"cap":"&#8364;47,448,000","sec": "No","$area": 47448336,"$color":"#182B5C"}, 
	   "id": "Young Heung Iron & Steel Co", 
	   "name": "Young Heung Iron & Steel Co"
	 },	 
	 {
	   "data":{"cap":"&#8364;133,604,000","sec": "No","$area": 133604440,"$color":"#1A2C50"}, 
	   "id": "Poongsan Holdings Corp", 
	   "name": "Poongsan Holdings Corp"
	 },	 
	 {
	   "data":{"cap":"&#8364;20,088,000","sec": "No","$area": 20087630,"$color":"#152B39"}, 
	   "id": "Hanil Iron & Steel Co", 
	   "name": "Hanil Iron & Steel Co"
	 },	 
	 {
	   "data":{"cap":"&#8364;75,756,000","sec": "No","$area": 75755768,"$color":"#1D2E34"}, 
	   "id": "Posco Coated & Color Steel C", 
	   "name": "Posco Coated & Color Steel C"
	 },	 
	 {
	   "data":{"cap":"&#8364;20,573,000","sec": "No","$area": 20572606,"$color":"#1A295D"}, 
	   "id": "Bae Myung Metal Co Ltd", 
	   "name": "Bae Myung Metal Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;23,571,859,000","sec": "No","$area": 23571859456,"$color":"#192D60"}, 
	   "id": "Posco", 
	   "name": "Posco"
	 },	 
	 {
	   "data":{"cap":"&#8364;85,199,000","sec": "No","$area": 85198528,"$color":"#172A57"}, 
	   "id": "Kisco Holdings Co Ltd", 
	   "name": "Kisco Holdings Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;113,859,000","sec": "No","$area": 113859352,"$color":"#17285B"}, 
	   "id": "Daesung Industrial Co Ltd", 
	   "name": "Daesung Industrial Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;41,597,000","sec": "No","$area": 41597472,"$color":"#17305A"}, 
	   "id": "Hwangkum Steel & Technology", 
	   "name": "Hwangkum Steel & Technology"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#1A2E3A"}, 
	   "id": "S-oil Corporation-pfd <sup>*</sup>", 
	   "name": "S-oil Corporation-pfd <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;154,639,000","sec": "No","$area": 154638624,"$color":"#162848"}, 
	   "id": "Cosmochemical Co Ltd", 
	   "name": "Cosmochemical Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;9,670,000","sec": "No","$area": 9670177,"$color":"#1E2B45"}, 
	   "id": "Shin Hwa Silup Co Ltd", 
	   "name": "Shin Hwa Silup Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;31,758,000","sec": "No","$area": 31758082,"$color":"#172945"}, 
	   "id": "Chosun Steel Wire Co Ltd", 
	   "name": "Chosun Steel Wire Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;28,340,000","sec": "No","$area": 28339796,"$color":"#15285A"}, 
	   "id": "Bookook Steel Co Ltd", 
	   "name": "Bookook Steel Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;8,884,164,000","sec": "No","$area": 8884163584,"$color":"#1A2958"}, 
	   "id": "S-oil Corporation", 
	   "name": "S-oil Corporation"
	 },	 
	 {
	   "data":{"cap":"&#8364;88,066,000","sec": "No","$area": 88066240,"$color":"#16313C"}, 
	   "id": "Husteel Co Ltd", 
	   "name": "Husteel Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,215,653,000","sec": "No","$area": 1215652864,"$color":"#182A48"}, 
	   "id": "Seah Besteel Corp", 
	   "name": "Seah Besteel Corp"
	 },	 
	 {
	   "data":{"cap":"&#8364;146,620,000","sec": "No","$area": 146620352,"$color":"#17313C"}, 
	   "id": "Kisco Corp", 
	   "name": "Kisco Corp"
	 },	 
	 {
	   "data":{"cap":"&#8364;21,962,000","sec": "No","$area": 21961768,"$color":"#16313E"}, 
	   "id": "Han Kook Steel Co Ltd", 
	   "name": "Han Kook Steel Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;2,171,041,000","sec": "No","$area": 2171041024,"$color":"#162C58"}, 
	   "id": "Hyundai Hysco", 
	   "name": "Hyundai Hysco"
	 },	 
	 {
	   "data":{"cap":"&#8364;92,195,000","sec": "No","$area": 92194664,"$color":"#182D4D"}, 
	   "id": "Dongil Industries Co Ltd", 
	   "name": "Dongil Industries Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;929,073,000","sec": "No","$area": 929073152,"$color":"#1C2F51"}, 
	   "id": "Dongkuk Steel Mill Co Ltd", 
	   "name": "Dongkuk Steel Mill Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;571,133,000","sec": "No","$area": 571133376,"$color":"#192E3C"}, 
	   "id": "Poongsan Corp", 
	   "name": "Poongsan Corp"
	 },	 
	 {
	   "data":{"cap":"&#8364;35,913,000","sec": "No","$area": 35913128,"$color":"#1E3034"}, 
	   "id": "Lee Ku Industrial Co Ltd", 
	   "name": "Lee Ku Industrial Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;4,538,440,000","sec": "No","$area": 4538439680,"$color":"#18315E"}, 
	   "id": "Korea Zinc Co Ltd", 
	   "name": "Korea Zinc Co Ltd"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#1B2C3A"}, 
	   "id": "Hyundai Bng Steel Co Ltd-pfd <sup>*</sup>", 
	   "name": "Hyundai Bng Steel Co Ltd-pfd <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;51,943,000","sec": "No","$area": 51943248,"$color":"#1D2B5D"}, 
	   "id": "Korea Cast Iron Pipe Indus", 
	   "name": "Korea Cast Iron Pipe Indus"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#1A2A42"}, 
	   "id": "Sk Innovation Co Ltd-pfd <sup>*</sup>", 
	   "name": "Sk Innovation Co Ltd-pfd <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;79,161,000","sec": "No","$area": 79160664,"$color":"#1C2C49"}, 
	   "id": "Dcm Corp", 
	   "name": "Dcm Corp"
	 },	 
	 {
	   "data":{"cap":"&#8364;30,891,000","sec": "No","$area": 30891272,"$color":"#1B2E45"}, 
	   "id": "Daiyang Metal Co Ltd", 
	   "name": "Daiyang Metal Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;139,684,000","sec": "No","$area": 139684272,"$color":"#142A3A"}, 
	   "id": "Hyundai Bng Steel Co Ltd", 
	   "name": "Hyundai Bng Steel Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,457,387,000","sec": "No","$area": 1457387264,"$color":"#182B3E"}, 
	   "id": "Young Poong Corporation", 
	   "name": "Young Poong Corporation"
	 },	 
	 {
	   "data":{"cap":"&#8364;10,088,435,000","sec": "No","$area": 10088434688,"$color":"#162E47"}, 
	   "id": "Sk Innovation Co Ltd", 
	   "name": "Sk Innovation Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;64,978,000","sec": "No","$area": 64978404,"$color":"#162862"}, 
	   "id": "Seowon Co Ltd", 
	   "name": "Seowon Co Ltd"
	 },	 
	 {
	   "data":{"cap":"&#8364;460,000","sec": "No","$area": 459881,"$color":"#1D3150"}, 
	   "id": "Dongyang Steel Pipe Co-pfd", 
	   "name": "Dongyang Steel Pipe Co-pfd"
	 },	 
	 {
	   "data":{"cap":"&#8364;6,146,936,000","sec": "No","$area": 6146936320,"$color":"#1B2F49"}, 
	   "id": "Hyundai Steel Co", 
	   "name": "Hyundai Steel Co"
	 },	 
	 {
	   "data":{"cap":"&#8364;27,172,000","sec": "No","$area": 27172350,"$color":"#1A2857"}, 
	   "id": "Cs Holdings Co Ltd", 
	   "name": "Cs Holdings 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();
  });
}