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":"€332,220,000","sec": "No","$area": 332219520,"$color":"#1B2C50"}, 
	   "id": "Jiangsu Asia Pacific Light-a", 
	   "name": "Jiangsu Asia Pacific Light-a"
	 },	 
	 {
	   "data":{"cap":"€292,720,000","sec": "No","$area": 292719584,"$color":"#142F5A"}, 
	   "id": "Suzhou Hesheng Special - A", 
	   "name": "Suzhou Hesheng Special - A"
	 },	 
	 {
	   "data":{"cap":"€277,189,000","sec": "No","$area": 277188512,"$color":"#1A3249"}, 
	   "id": "Zhejiang Dongliang New -a", 
	   "name": "Zhejiang Dongliang New -a"
	 },	 
	 {
	   "data":{"cap":"€3,147,833,000","sec": "No","$area": 3147833344,"$color":"#1B325B"}, 
	   "id": "Yunnan Copper Industry Co-a", 
	   "name": "Yunnan Copper Industry Co-a"
	 },	 
	 {
	   "data":{"cap":"€758,586,000","sec": "No","$area": 758585920,"$color":"#142864"}, 
	   "id": "Jiaozuo Wanfang Aluminum-a", 
	   "name": "Jiaozuo Wanfang Aluminum-a"
	 },	 
	 {
	   "data":{"cap":"€401,843,000","sec": "No","$area": 401843424,"$color":"#1D313C"}, 
	   "id": "Jilin Liyuan Aluminum Co-a", 
	   "name": "Jilin Liyuan Aluminum Co-a"
	 },	 
	 {
	   "data":{"cap":"€320,188,000","sec": "No","$area": 320188160,"$color":"#1D2A34"}, 
	   "id": "Shanghai Sk Petroleum -a", 
	   "name": "Shanghai Sk Petroleum -a"
	 },	 
	 {
	   "data":{"cap":"€895,374,000","sec": "No","$area": 895373632,"$color":"#172864"}, 
	   "id": "Jiangsu Shagang Co Ltd -a", 
	   "name": "Jiangsu Shagang Co Ltd -a"
	 },	 
	 {
	   "data":{"cap":"€1,057,965,000","sec": "No","$area": 1057964928,"$color":"#182F52"}, 
	   "id": "Yunnan Aluminium Co Ltd-a", 
	   "name": "Yunnan Aluminium Co Ltd-a"
	 },	 
	 {
	   "data":{"cap":"€419,499,000","sec": "No","$area": 419498624,"$color":"#1E3252"}, 
	   "id": "Sinosteel Jilin Carbon Co-a", 
	   "name": "Sinosteel Jilin Carbon Co-a"
	 },	 
	 {
	   "data":{"cap":"€379,435,000","sec": "No","$area": 379435200,"$color":"#1A2C49"}, 
	   "id": "Shandong Molong Petroleum-a", 
	   "name": "Shandong Molong Petroleum-a"
	 },	 
	 {
	   "data":{"cap":"€969,406,000","sec": "No","$area": 969405696,"$color":"#1B3137"}, 
	   "id": "Shaan Xi Provincial Natura-a", 
	   "name": "Shaan Xi Provincial Natura-a"
	 },	 
	 {
	   "data":{"cap":"€554,382,000","sec": "No","$area": 554382208,"$color":"#1B2C50"}, 
	   "id": "Xinjiang International Ind-a", 
	   "name": "Xinjiang International Ind-a"
	 },	 
	 {
	   "data":{"cap":"€1,719,883,000","sec": "No","$area": 1719883008,"$color":"#162B62"}, 
	   "id": "Bengang Steel Plates Co-a", 
	   "name": "Bengang Steel Plates Co-a"
	 },	 
	 {
	   "data":{"cap":"€195,359,000","sec": "No","$area": 195358736,"$color":"#1A2F41"}, 
	   "id": "Jiangsu Fasten Co Ltd-a", 
	   "name": "Jiangsu Fasten Co Ltd-a"
	 },	 
	 {
	   "data":{"cap":"€483,883,000","sec": "No","$area": 483882688,"$color":"#173152"}, 
	   "id": "Jiangsu Changbao Steeltube-a", 
	   "name": "Jiangsu Changbao Steeltube-a"
	 },	 
	 {
	   "data":{"cap":"€946,013,000","sec": "No","$area": 946013248,"$color":"#172A41"}, 
	   "id": "Shandong Humon Smelting-a", 
	   "name": "Shandong Humon Smelting-a"
	 },	 
	 {
	   "data":{"cap":"€6,404,017,000","sec": "No","$area": 6404016640,"$color":"#153042"}, 
	   "id": "Shanxi Xishan Coal & Elec-a", 
	   "name": "Shanxi Xishan Coal & Elec-a"
	 },	 
	 {
	   "data":{"cap":"€4,372,371,000","sec": "No","$area": 4372371456,"$color":"#172951"}, 
	   "id": "Angang Steel Co Ltd-a", 
	   "name": "Angang Steel Co Ltd-a"
	 },	 
	 {
	   "data":{"cap":"€4,662,181,000","sec": "No","$area": 4662180864,"$color":"#16324A"}, 
	   "id": "Pangang Group Steel Vanadi-a", 
	   "name": "Pangang Group Steel Vanadi-a"
	 },	 
	 {
	   "data":{"cap":"€503,747,000","sec": "No","$area": 503747392,"$color":"#192D4F"}, 
	   "id": "Sichuan Tianqi Lithium Ind-a", 
	   "name": "Sichuan Tianqi Lithium Ind-a"
	 },	 
	 {
	   "data":{"cap":"€215,248,000","sec": "No","$area": 215247872,"$color":"#19295D"}, 
	   "id": "Oriental Energy Co Ltd -a", 
	   "name": "Oriental Energy Co Ltd -a"
	 },	 
	 {
	   "data":{"cap":"€1,717,710,000","sec": "No","$area": 1717709696,"$color":"#193055"}, 
	   "id": "Advanced Tech & Material -a", 
	   "name": "Advanced Tech & Material -a"
	 },	 
	 {
	   "data":{"cap":"€457,246,000","sec": "No","$area": 457245824,"$color":"#1E2B5C"}, 
	   "id": "Taiyuan Twin Tower Alum-a", 
	   "name": "Taiyuan Twin Tower Alum-a"
	 },	 
	 {
	   "data":{"cap":"€1,470,708,000","sec": "No","$area": 1470708096,"$color":"#1B2F60"}, 
	   "id": "Guangdong Golden Horse-a", 
	   "name": "Guangdong Golden Horse-a"
	 },	 
	 {
	   "data":{"cap":"€396,941,000","sec": "No","$area": 396940704,"$color":"#143264"}, 
	   "id": "Jiangxi Ganfeng Lithium Co-a", 
	   "name": "Jiangxi Ganfeng Lithium Co-a"
	 },	 
	 {
	   "data":{"cap":"€184,694,000","sec": "No","$area": 184693696,"$color":"#182D3B"}, 
	   "id": "Xinjiang Zhundong Petroleu-a", 
	   "name": "Xinjiang Zhundong Petroleu-a"
	 },	 
	 {
	   "data":{"cap":"€999,999,000","sec": "No","$area": 999999424,"$color":"#172B40"}, 
	   "id": "Taiyuan Coal Gasification -a", 
	   "name": "Taiyuan Coal Gasification -a"
	 },	 
	 {
	   "data":{"cap":"€872,836,000","sec": "No","$area": 872836416,"$color":"#172A35"}, 
	   "id": "Tibet Mineral Development-a", 
	   "name": "Tibet Mineral Development-a"
	 },	 
	 {
	   "data":{"cap":"€458,964,000","sec": "No","$area": 458963712,"$color":"#142F37"}, 
	   "id": "Sinopec Shandong Taishan-a", 
	   "name": "Sinopec Shandong Taishan-a"
	 },	 
	 {
	   "data":{"cap":"€374,216,000","sec": "No","$area": 374215680,"$color":"#1B3059"}, 
	   "id": "Jiangyin Zhongnan Heavy-a", 
	   "name": "Jiangyin Zhongnan Heavy-a"
	 },	 
	 {
	   "data":{"cap":"€654,854,000","sec": "No","$area": 654853888,"$color":"#182B61"}, 
	   "id": "Zhejiang Hailiang Co -a", 
	   "name": "Zhejiang Hailiang Co -a"
	 },	 
	 {
	   "data":{"cap":"€881,634,000","sec": "No","$area": 881634240,"$color":"#1D2B3D"}, 
	   "id": "Ningxia Orient Tantalum-a", 
	   "name": "Ningxia Orient Tantalum-a"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#183240"}, 
	   "id": "Bengang Steel Plates Co-b <sup>*</sup>", 
	   "name": "Bengang Steel Plates Co-b <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"","sec": "No","$area": 1,"$color":"#15293D"}, 
	   "id": "Shanxi Meijin Energy Co Lt-a <sup>*</sup>", 
	   "name": "Shanxi Meijin Energy Co Lt-a <sup>*</sup>"
	 },	 
	 {
	   "data":{"cap":"&#8364;196,518,000","sec": "No","$area": 196517712,"$color":"#1D3064"}, 
	   "id": "Zhejiang Kingland Pipeland-a", 
	   "name": "Zhejiang Kingland Pipeland-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;414,892,000","sec": "No","$area": 414891584,"$color":"#1D315C"}, 
	   "id": "Nanjing Yunhai Special -a", 
	   "name": "Nanjing Yunhai Special -a"
	 },	 
	 {
	   "data":{"cap":"&#8364;2,305,377,000","sec": "No","$area": 2305376768,"$color":"#192933"}, 
	   "id": "Yunnan Tin Co Ltd-a", 
	   "name": "Yunnan Tin Co Ltd-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,665,440,000","sec": "No","$area": 1665439872,"$color":"#162B5C"}, 
	   "id": "Xinxing Ductile Iron Pipes-a", 
	   "name": "Xinxing Ductile Iron Pipes-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;478,493,000","sec": "No","$area": 478493440,"$color":"#182B62"}, 
	   "id": "Sundiro Holding Co-a", 
	   "name": "Sundiro Holding Co-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;655,938,000","sec": "No","$area": 655938368,"$color":"#15315A"}, 
	   "id": "Yunnan Lincang Xinyuan Ger-a", 
	   "name": "Yunnan Lincang Xinyuan Ger-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;498,870,000","sec": "No","$area": 498870272,"$color":"#1B284D"}, 
	   "id": "Anhui Jingcheng Copper -a", 
	   "name": "Anhui Jingcheng Copper -a"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,032,440,000","sec": "No","$area": 1032440064,"$color":"#143041"}, 
	   "id": "Beijing Shougang Co Ltd-a", 
	   "name": "Beijing Shougang Co Ltd-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;587,270,000","sec": "No","$area": 587269952,"$color":"#182957"}, 
	   "id": "Sgis Songshan Co Ltd-a", 
	   "name": "Sgis Songshan Co Ltd-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;3,459,800,000","sec": "No","$area": 3459799808,"$color":"#1C2E4C"}, 
	   "id": "Tongling Nonferrous Metals-a", 
	   "name": "Tongling Nonferrous Metals-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;451,318,000","sec": "No","$area": 451317664,"$color":"#1C2E63"}, 
	   "id": "Zhongyuan Special Steel Co-a", 
	   "name": "Zhongyuan Special Steel Co-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;381,192,000","sec": "No","$area": 381192352,"$color":"#193263"}, 
	   "id": "Jiangsu Alcha Aluminum Co -a", 
	   "name": "Jiangsu Alcha Aluminum Co -a"
	 },	 
	 {
	   "data":{"cap":"&#8364;5,505,305,000","sec": "No","$area": 5505304576,"$color":"#152855"}, 
	   "id": "Jizhong Energy Resources-a", 
	   "name": "Jizhong Energy Resources-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,875,359,000","sec": "No","$area": 1875358592,"$color":"#1C2847"}, 
	   "id": "China Nonferrous Metal Ind-a", 
	   "name": "China Nonferrous Metal Ind-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;687,168,000","sec": "No","$area": 687168192,"$color":"#1E2B41"}, 
	   "id": "Huludao Zinc Industry Co-a", 
	   "name": "Huludao Zinc Industry Co-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;223,386,000","sec": "No","$area": 223385888,"$color":"#1A2844"}, 
	   "id": "Zhejiang Honglei Copper Co-a", 
	   "name": "Zhejiang Honglei Copper Co-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;207,605,000","sec": "No","$area": 207604896,"$color":"#1C2E40"}, 
	   "id": "Zhe Jiang Kangsheng Co Ltd-a", 
	   "name": "Zhe Jiang Kangsheng Co Ltd-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,547,907,000","sec": "No","$area": 1547907200,"$color":"#1D3055"}, 
	   "id": "Chenzhou Mining Group Co -a", 
	   "name": "Chenzhou Mining Group Co -a"
	 },	 
	 {
	   "data":{"cap":"&#8364;2,223,912,000","sec": "No","$area": 2223911936,"$color":"#1A2B46"}, 
	   "id": "Henan Shenhuo Coal & Power-a", 
	   "name": "Henan Shenhuo Coal & Power-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;183,880,000","sec": "No","$area": 183879696,"$color":"#153040"}, 
	   "id": "Shenzhen Chiwan Petroleum-b", 
	   "name": "Shenzhen Chiwan Petroleum-b"
	 },	 
	 {
	   "data":{"cap":"&#8364;2,644,053,000","sec": "No","$area": 2644053248,"$color":"#1C2B3A"}, 
	   "id": "Hengyi Petrochemical Co -a", 
	   "name": "Hengyi Petrochemical Co -a"
	 },	 
	 {
	   "data":{"cap":"&#8364;238,950,000","sec": "No","$area": 238950448,"$color":"#1A2A3A"}, 
	   "id": "Sichuan Renzhi Oilfield Te-a", 
	   "name": "Sichuan Renzhi Oilfield Te-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,288,055,000","sec": "No","$area": 1288055424,"$color":"#17324F"}, 
	   "id": "Chongyi Zhangyuan Tungsen-a", 
	   "name": "Chongyi Zhangyuan Tungsen-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;270,238,000","sec": "No","$area": 270238304,"$color":"#1D2F46"}, 
	   "id": "Western Metal Materials -a", 
	   "name": "Western Metal Materials -a"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,090,769,000","sec": "No","$area": 1090768512,"$color":"#1C303E"}, 
	   "id": "Hunan Valin Steel Co Ltd -a", 
	   "name": "Hunan Valin Steel Co Ltd -a"
	 },	 
	 {
	   "data":{"cap":"&#8364;4,025,556,000","sec": "No","$area": 4025556480,"$color":"#1E2D52"}, 
	   "id": "Hebei Iron & Steel Co Ltd-a", 
	   "name": "Hebei Iron & Steel Co Ltd-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,095,180,000","sec": "No","$area": 1095180416,"$color":"#1E2E3A"}, 
	   "id": "Shandong Jinling Mining Co-a", 
	   "name": "Shandong Jinling Mining Co-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;220,375,000","sec": "No","$area": 220374624,"$color":"#16285C"}, 
	   "id": "Fujian Minfa Aluminum Co -a", 
	   "name": "Fujian Minfa Aluminum Co -a"
	 },	 
	 {
	   "data":{"cap":"&#8364;315,576,000","sec": "No","$area": 315576224,"$color":"#142957"}, 
	   "id": "Shandong Loften Aluminium-a", 
	   "name": "Shandong Loften Aluminium-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;499,253,000","sec": "No","$area": 499252992,"$color":"#1E2C53"}, 
	   "id": "Henan Hengxing Science -a", 
	   "name": "Henan Hengxing Science -a"
	 },	 
	 {
	   "data":{"cap":"&#8364;631,314,000","sec": "No","$area": 631313600,"$color":"#163049"}, 
	   "id": "Hubei Fuxing Science & Tec-a", 
	   "name": "Hubei Fuxing Science & Tec-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;2,387,235,000","sec": "No","$area": 2387235072,"$color":"#14314E"}, 
	   "id": "Shenzhen Zhongjin Lingnan-a", 
	   "name": "Shenzhen Zhongjin Lingnan-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;313,115,000","sec": "No","$area": 313115200,"$color":"#192F48"}, 
	   "id": "China Oil Hbp Science & Te-a", 
	   "name": "China Oil Hbp Science & Te-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,872,417,000","sec": "No","$area": 1872416640,"$color":"#192B5A"}, 
	   "id": "Yantai Jereh Oilfield-a", 
	   "name": "Yantai Jereh Oilfield-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;2,457,045,000","sec": "No","$area": 2457044992,"$color":"#172B33"}, 
	   "id": "Huolinhe Opencut Coal Ind -a", 
	   "name": "Huolinhe Opencut Coal Ind -a"
	 },	 
	 {
	   "data":{"cap":"&#8364;532,023,000","sec": "No","$area": 532023072,"$color":"#1D2834"}, 
	   "id": "Kingdream Public Limited-a", 
	   "name": "Kingdream Public Limited-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;378,278,000","sec": "No","$area": 378278272,"$color":"#172B60"}, 
	   "id": "Gansu Jingyuan Coal Indust-a", 
	   "name": "Gansu Jingyuan Coal Indust-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;233,646,000","sec": "No","$area": 233646480,"$color":"#162C48"}, 
	   "id": "China Zhonghua Geotechnica-a", 
	   "name": "China Zhonghua Geotechnica-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;421,932,000","sec": "No","$area": 421931744,"$color":"#1D2F56"}, 
	   "id": "Zhejiang Jiuli Hi-tech-a", 
	   "name": "Zhejiang Jiuli Hi-tech-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;221,209,000","sec": "No","$area": 221208816,"$color":"#1C2F4C"}, 
	   "id": "Yunnan Luoping Zinc -a", 
	   "name": "Yunnan Luoping Zinc -a"
	 },	 
	 {
	   "data":{"cap":"&#8364;239,505,000","sec": "No","$area": 239504896,"$color":"#1E2C3B"}, 
	   "id": "Sichuan Shengda Industrial-a", 
	   "name": "Sichuan Shengda Industrial-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;566,419,000","sec": "No","$area": 566419136,"$color":"#1C324F"}, 
	   "id": "Daye Special Steel Co Ltd-a", 
	   "name": "Daye Special Steel Co Ltd-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;446,040,000","sec": "No","$area": 446040256,"$color":"#19283E"}, 
	   "id": "Anhui Honglu Steel Constru-a", 
	   "name": "Anhui Honglu Steel Constru-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;108,399,000","sec": "No","$area": 108398920,"$color":"#172B3E"}, 
	   "id": "Bode Energy Equipment Co-a", 
	   "name": "Bode Energy Equipment Co-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;495,137,000","sec": "No","$area": 495136768,"$color":"#142A3B"}, 
	   "id": "Sansteel Minguang Co Ltd -a", 
	   "name": "Sansteel Minguang Co Ltd -a"
	 },	 
	 {
	   "data":{"cap":"&#8364;2,754,211,000","sec": "No","$area": 2754210816,"$color":"#192A33"}, 
	   "id": "Shanxi Taigang Stainless-a", 
	   "name": "Shanxi Taigang Stainless-a"
	 },	 
	 {
	   "data":{"cap":"&#8364;1,522,982,000","sec": "No","$area": 1522981888,"$color":"#172E62"}, 
	   "id": "Inner Mongolia Pingzhuang -a", 
	   "name": "Inner Mongolia Pingzhuang -a"
	 }
   ] 
   };
  //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();
  });
}