///*
///*************** TREE ORGANE *******************************************
///*


	var treeLoader = new Ext.tree.TreeLoader({
		url:		'Components/Tree_Organe/json_organe.php',
		preloadChildren: true
	});
	 
	var rootNode = {
		text: 			'Root',
		id: 			'root',
		expanded: 		true
	};

	var tree = new Ext.tree.TreePanel({
		id: 			'treeorgane',
		loader: 		treeLoader,
		root: 			rootNode,
		rootVisible: 	false,
		lines: 			false,
		singleExpand: 	true,
		autoScroll:		true,
		listeners: {click: 				function(node)	{
																if ( node.attributes.leaf == true) {
																	
																	Ext.getCmp('inhaltCard').getLayout().setActiveItem('mainFallContainer');	
																	 
																	var fall_id = node.attributes.fall;
																	ar(fall_id);
																}
														},
					beforeexpandnode: 	function(node)	{
															if ( node.attributes.leaf !== true && node.attributes.id !== "root") {
																node.getUI().addClass('x-tree-node-loading');
															}
														},
					expandnode: 		function(node) 	{
															if ( node.attributes.leaf !== true && node.attributes.id !== "root") {
																node.getUI().removeClass('x-tree-node-loading');
															}
														}									
					}
	});



	var organe = { 
		id: 			'organe',
		autoScroll: 	true,
		layout: 		'fit',
		border: 		false,
		closable: 		false,
		title: 			'nach<br>Organen',
		items: 			[tree]
    };
	
	

///*
///*************** TREE DIAGNOSEN *******************************************
///*
    var diagnosen = new Ext.ux.tree.TreeGrid({
        title: 			'nach ICD-10<br>Diagnosen',
		id: 			'diagnosen',
        dataUrl: 		'Components/Tree_ICD/icd_json.php',
		root: 			new Ext.tree.AsyncTreeNode({
							draggable:	false,
							id:			'root',
							cls: 		'TREELOADING'
						}),
        columns:		[{
							header: 	'Name',
							id: 		'icdTitel',
							dataIndex: 	'name',
							width: 		280,
							tpl: 		new Ext.XTemplate('<tpl for=".">',
														   '{name}',
														   '<tpl if="anzahl">',
														   '<span id="icd_anzahl">({anzahl})</span>',
														   '</tpl></tpl>'
														  )
						},{
							header: 	'ICD',
							width: 		100,
							dataIndex: 	'icd',
							align: 		'center'
						},
						{
							header: 	'Vorschau',
							width: 		100,
							dataIndex: 	'thumb',
							align: 		'center',
							tpl: 		new Ext.XTemplate('{thumb:this.formatThumb}', 
															{
																formatThumb: function(v) {
																	if(v) {return '<img src="'+v+'" width="75" />';} 
																	else  {return "&nbsp;" ;}
																}
															}
														  )
						}],
		lines: 			false,
		useArrows: 		true,
		singleExpand: 	true,
		autoScroll: 	true,
		listeners: 		{click: 	function(node)	{
													if ( node.attributes.leaf == true) {													    
														Ext.getCmp('inhaltCard').getLayout().setActiveItem('mainFallContainer');	
														
														var fall_id = node.attributes.fallid;				
														ar(fall_id);
													}
												},
						render: function(node)	{
													Ext.select('.x-treegrid-root-node').addClass('TREELOADER');
												},
						load: 	function(node) 	{
													Ext.select('.x-treegrid-root-node').removeClass('TREELOADER');
												}
						}
    });
	
///*
///*************** LISTE AKTUELLE FÄLLE *******************************************
///*

	var AKTUELLE_Datenleser = new Ext.data.JsonReader({
								root: 'aktuelle',
								fields: [
									{name: 'id', type: 'string'}, 
									{name: 'fall', type: 'int'},  
									{name: 'datum', type: 'date', dateFormat: 'Y-n-d'}, 
									{name: 'tag', type: 'string'},
									{name: 'monat_kurz', type: 'string'},									
									{name: 'monat_jahr', type: 'string'},									
									{name: 'monat_num', type: 'string'},
									{name: 'image', type: 'string'},
									{name: 'text', type: 'string'}									
									]});
	

	var AKTUELLE_Daten = new Ext.data.GroupingStore({ 
								  autoLoad: 	true,					
								  url:			'Components/Aktuelle/json_aktuelle.php',
								  reader:		AKTUELLE_Datenleser,
								  sortInfo: 	{field: 'monat_num', direction: "DESC"},
								  groupDir: 	'DESC',
								  groupOnSort: 	true,
								  groupField:	'monat_num'
								  });
	
	
/*	var AKTUELLE_Gruppenansicht = new Ext.grid.GroupingView({
								//forceFit:true,
								groupTextTpl: '{[values.rs[0].data["monat_jahr"]]} ({[values.rs.length]} {[values.rs.length > 1 ? "F&auml;lle" : "Fall"]})',
								onLoad: Ext.emptyFn,
								listeners: {
												beforerefresh: function(v) {
												   v.scrollTop = v.scroller.dom.scrollTop;
												   v.scrollHeight = v.scroller.dom.scrollHeight;
												},
												refresh: function(v) {
												   v.scroller.dom.scrollTop = v.scrollTop + (v.scrollTop == 0 ? 0 : v.scroller.dom.scrollHeight - v.scrollHeight);
												}
											}
							});	*/

	var AKTUELLE_Gruppenansicht =  new Ext.ux.grid.BufferView({
		    // custom row height
		    rowHeight: 54,
		    // render rows as they come into viewable area.
		    scrollDelay: false
	    })

	
	var AKTUELLE_Spalten = [
								{									
											 header: 'Datum', 
											 width: 80, 
											 dataIndex: 'datum',
											 //align: 'center',
											 renderer: function(value, cell, record, rowIndex, colIndex, store)  {
												 			var datum;
															datum = '<div class="datum">';	
															datum = datum +'<div class="datum_tag">'+ Ext.util.Format.date(value, 'j.') +'</div>';	
															datum = datum + '<div class="datum_monat"><p>'+ record.data.monat_kurz +'</p><p>'+ Ext.util.Format.date(value, 'Y') +'</p></div>';		
															datum = datum + '<div class="datum_wtag">'+ record.data.tag +'</div>';		
															datum = datum + '</div>';																
															return datum;
														  }
														  
											},

								{									
											 header: 'Text', 
											 dataIndex: 'text',
											 id: 'atext',
											 renderer: function (v, cell) {
												 		var atext;
														atext = '<p class="atext">'+v+'</p>';
												 		return atext;
											 			}
											},			
/*								{									
											 header: 'Vorschau', 
											 width: 50, 
											 sortable: false, 
											 dataIndex: 'image',
											 renderer: function (v, cell) {
												 		var abild;
														abild = '<img style="width: 50px; height: 40px" border="0" src="'+v+'" />';
												 		return abild;
											 			}
											},		*/										
								{									
											 header: 'Monat', 
											 width: 50, 
											 dataIndex: 'monat_jahr',
											 hidden: true
											},
								{									
											 header: 'Monat Num', 
											 width: 50, 
											 sortable: true, 
											 dataIndex: 'monat_num',
											 hidden: true
											},	
								{									
											 header: 'Monat Kurz', 
											 width: 50, 
											 sortable: true, 
											 dataIndex: 'monat_kurz',
											 hidden: true
											}												
							];

	
	var AKT = 0;
	var AKTUELLE_LISTE = new Ext.grid.GridPanel({
								store:		AKTUELLE_Daten,
								enableHdMenu: false,
								columns: 	AKTUELLE_Spalten,
								view: 		AKTUELLE_Gruppenansicht,
								autoExpandColumn: 'atext',
								stripeRows: true,
								id: 		'aktuelle_liste',
								listeners: 		{
												rowclick: 	
															function (grid, rowIndex) {
															  var selectedRecord = grid.getStore().getAt(rowIndex);	
															  															  
															  Ext.getCmp('inhaltCard').getLayout().setActiveItem('mainFallContainer');	
																
															  var fall_id = selectedRecord.get("fall");				
															  AKT = 1;
															  ar(fall_id);
															},
												afterrender: function () {
															//setTimeout(function(){Cufon.replace('.datum');}, 1000);
															Ext.getCmp('aktuelle').doLayout();
																														
															
															}
												}
												
							});	
				

	var aktuelle = {
					title: 		'Aktuelle<br>Fälle', 
					id: 		'aktuelle', 
					layout: 	'fit'
	};

///*
///*************** PODCASTS *******************************************
///*

			var TUTORIAL_Felder = [
										{name: 'id', type: 'int'}, 
										{name: 'fall', type: 'int'}, 
										{name: 'fallname', type: 'string'},  
										{name: 'image', type: 'string'},
										{name: 'text', type: 'string'}									
			];
							
											
			var TUTORIAL_Daten = new Ext.data.JsonStore({
			 							// store configs
										url : 'Components/Tutorials/json_tutorials.php',
										autoLoad: true,
										// reader configs
										root: 'tutorials',
										fields : TUTORIAL_Felder,
										sortInfo: 	{field: 'fall', direction: 'DESC'}
			});											
							
			
			var TUTORIAL_Spalten = [
										{id:'ID',
										 header: 'ID', 
										 dataIndex: 'id',
										 hidden: true
										},
										{header: 'Name',
										 dataIndex: 'fallname',
										 id: 'fallname',
										 renderer: function(value, cell, record, rowIndex, colIndex, store)  {
														var text;
														text = '<div class="tutorial_label">';	
														text = text + value;
														text = text + '</div>';
														text = text + '<div  class="tutorial_text">';	
														text = text + record.data.text;
														text = text + '</div>';														
														return text;
													  }										 
										 //css: 'font-weight: bold;',
										},
										{header: 'Image',
										 width: 80,
										 align: 'center',
										 dataIndex: 'image',
										 renderer: function test(v) 
										 		  { return '<img height="50" width="50" src="'+v+'" />';}
										 // renderer für bild
										}										
									 ];
			
					
			var TUTORIAL = new Ext.grid.GridPanel({
					id: 		'tutorialliste',
					autoExpandColumn: 'fallname',		
					store:		TUTORIAL_Daten,
					columns: 	TUTORIAL_Spalten,
					hideHeaders: true,
					stripeRows: true,
					listeners:	{
								 rowclick: 
										function (grid, rowIndex) {
										  var selectedRecord = grid.getStore().getAt(rowIndex);	
																									  
										  Ext.getCmp('inhaltCard').getLayout().setActiveItem('mainFallContainer');	
											
										  var fall_id = selectedRecord.get("fall");				
										  ar(fall_id);
										}
								}			
			});
				


	

	var podcast = {
					title: 		'Podcast<br>&nbsp;', 
					id: 		'podcast', 
					//iconCls: 	'aktuelle',
					layout: 	'fit',
					items:		[TUTORIAL]
	};
///*
///*************** NAVIGATION LINKS *******************************************
///*


	

	var navigation_links_tabs = {
		xtype:			'tabpanel',
		id: 			'navigation_links',
		deferredRender:	false,
		activeTab: 		'organe',
		items: 			[organe, diagnosen, aktuelle, podcast],
		listeners:		{tabchange: function(){
													switch  (this.getActiveTab().id)
													{ 													  
													case "organe":	
													Ext.getCmp('tabs_links').setWidth(280);
													Ext.getCmp('INHALT_faelle').doLayout();
													break;
													case "aktuelle":
													if (Ext.getCmp('aktuelle_liste').rendered == false) {
														Ext.getCmp('aktuelle').add('aktuelle_liste');
													}
													
													Ext.getCmp('tabs_links').setWidth(280);
													Ext.getCmp('INHALT_faelle').doLayout();
													//Ext.get('F_N_org').radioClass('current');
													break;
													case "diagnosen":
													Ext.getCmp('tabs_links').setWidth(520);
													Ext.getCmp('INHALT_faelle').doLayout();
													//Ext.get('F_N_dg').radioClass('current');
													break;
													}
												}
																								
						}
	};
	
	
	
	var NAVIGATION_LINKS =	{
		region:			'west',
		layout: 		'fit',
		id: 			'tabs_links',
		collapsible:	true,
		split:			true,
		border: 		false,
		width: 			280,
		minSize: 		100,
		maxSize: 		500,
		title: 			'Klinische F&auml;lle',
		collapseMode:	'mini',
		useSplitTips:	true,
		collapsibleSplitTip: "Größe durch ziehen verändern, Doppelklick zum Minimieren.",
		items: 			[navigation_links_tabs]
	};
	
	

	function startEvaluation() {

		var vpSize = Ext.getBody().getViewSize();

		var EVAL_win = new Ext.Window ({
							layout		: 'fit',
							modal 		: true,
							id			: 'EVAL_win',
							title		: 'Vielen Dank für Ihr Feedback!',
							//maximized	: true,
							autoScroll	: true,
							width		: vpSize.width * 0.9,
							height		: vpSize.height * 0.95,
							items		: [
										   
											{
												xtype: 		"iframePanel",
												id: 		'evaluation_frame',
												autoScroll: true,
												url: 		'http://edoctrainer.de/evaluation/index.php?sid=57121&lang=de',
												bodyBorder: false
											}										   
										   ],
							listeners	: { beforehide: function(){
														Ext.getCmp('evaluation_frame').setUrl('http://edoctrainer.de/evaluation/index.php?sid=57121&lang=de');
														}
											},
							bbar: ['->',{text: 'Schlie&szlig;en', 
										handler: function (){
														EVAL_win.close();
												}
									  }]											
							});
		
		EVAL_win.show();		
	}