/*    var germanTest = /^[a-zA-Z0-9_\-äöüÄÖÜß]+$/;
	Ext.apply(Ext.form.VTypes, {
			  
		germanchars: function(val, field) {
			return germanTest.test(val);
		},
		germancharsText: 'Nur alphanumerische äöüÄÖÜß Zeichen sind erlaubt.',
		germancharsMask: /[^\'\"]+$/i
	});
*/

var SUCHE = {
	xtype: 			'tabpanel',
	deferredRender: false,
	id: 			'sucheTabpanel',
	activeItem: 	0,	
	items: 			[
					{
					title: 		"eDoogle",
					iconCls:	"sHome",
					layout: 	{
								type:	'vbox',
								padding:'5',		
								align:'center'
								},
					bodyStyle: "background-color: #000;",
					items: 		[
								{xtype:'spacer', height:30},
								{width: 194, height: 180, html: '<img src="design/eDoogle.jpg" />'},
								{id: 'error', height: 20},
								new Ext.form.TextField ({
														hideLabel: true,
														id: 'suchfeld',
														width: 359,
														height:25,
														//vtype: 'germanchars',
														enableKeyEvents: true,
														msgTarget: 'error',
														maxLength: 255,
														allowBlank: false,
														listeners: {keypress: 	function(field,key)	{
																				if (key.getKey() == key.ENTER) {
																					openResults();
																				}
																				},
																	afterrender: function() {this.focus(false, 1000);}
																	}
														}),
								{xtype:'spacer', height:10},
								new Ext.Button ({text: 'Suchen', width: 100, height:22, handler: openResults})
								
								]
					}
					]
		}





		

        function openResults(){
					

					
					var suchfeld = Ext.getCmp('suchfeld').getValue();
					var suchfeld0 = Ext.getCmp('suchfeld');
					
					if (suchfeld == "" || suchfeld0.isValid() == false) {
						return false;
					}
							 
					var store = new Ext.data.JsonStore({
						url: 'search_data.php',
						baseParams: {'suche': suchfeld},
						root: 'data',
						sortInfo: {field: 'bilder', direction: 'DESC'},
						totalProperty:'total',
						fields: ['fallname', 'fallid', 'fallbeschreibung', 'didaktik', 'diagnosen', 'fragen', 'bilder']
					});
					
					store.load();

					var grid = new Ext.grid.GridPanel({
						loadMask: true,							  
						title: suchfeld,
						closable: true,
						iconCls:	"sErgebnisse",
						store: store,
						columns:  [
								new Ext.grid.RowNumberer(),  
								{ header: "Fall", css: "font-size: 14px;", width: 130, dataIndex: 'fallname',	sortable: true, hidden: false },
								{ header: "Fall ID", dataIndex: 'fallid',	sortable: true, hidden: true },
								{ header: "Fallbeschreibung", width: 180, dataIndex: 'fallbeschreibung', sortable: true },
								{ header: "Didaktische Hinweise", width: 180, dataIndex: 'didaktik', sortable: true },
								{ header: "Diagnosen", width: 180, dataIndex: 'diagnosen', sortable: true },								
								{ header: "Fragen", width: 180, dataIndex: 'fragen',	sortable: true },
								{ header: "Bilder", width: 180, dataIndex: 'bilder',	sortable: true }
						],
					    viewConfig: {
    						    forceFit: true
						},
						columnLines: true,
						width: 1000,
						height: 700,
						stripeRows: true,
						
						listeners:	{		
									 rowclick: 
											function (grid, rowIndex) {
											
											var selectedRecord = grid.getStore().getAt(rowIndex);
											var fall = selectedRecord.get('fallid');
											var fallname = selectedRecord.get('fallname');
											generateCase(fall, fallname);
											}
									}
					});
					
					var stb = Ext.getCmp('sucheTabpanel');
					stb.add(grid);
					stb.setActiveTab(grid.getId());
					setTimeout(function(){Cufon.replace('.greyB');}, 1000);
					
		};
		
		
		
		
		function generateCase(fall, fallname){

						var panel = Ext.getCmp('sucheTabpanel');
						
						var fid = Ext.id();
						
						if (panel){
							panel.add({
								defaults : 	{hideMode : !Ext.isIE ? 'visibility' : 'display'},
								xtype: 		"iframePanel",
								id: 		fid,
								iconCls:	"sFall",
								title: 		fallname,
								loadMask: 	true,
								loadText: 	"Loading ...",
								closable: 	true,
								autoScroll: true,
								url: 		'Fall_standalone.php?fall='+fall,
								bodyBorder: false,
								listeners: 	{
											close : function() {
												if (Ext.getCmp(fid)) {Ext.getCmp(fid).close();}
											}
								}
								});
						}
						panel.rendered && panel.doLayout();
						panel.setActiveTab(fid);

		}