function form_cluster(lang){
	if (lang == 'de'){var title = 'Clustering';}
	else {
		var title = 'Clustering';
	};
		
	var introTxt = 'Bei verorteten Objekten (Dokumente, Fotos, etc.) tritt häufig das Problem der Symbolüberlagerung auf. ';
	introTxt += 'In der Regel erfolgt dann eine Reduzierung der Informationsdichte, d.h. es werden weniger Geoobjekte ';
	introTxt += 'angezeigt, als eigentlich vorhanden sind. Eine Möglichkeit, dieses Problem zu lösen, besteht im Clustering von ';
	introTxt += 'Objekten. Dabei werden Geoobjekte einer oder verschiedener Kategorien in einem Symbol zusammengefasst. Die Größe symbolisiert die Menge der ';
	introTxt += 'Objekte. Beim Klicken oder Hovern werden die Kategorien oder Objekte dargestellt. Das folgende Anwendungsbeispiel zeigt die Darstellung von räumlich ';
	introTxt += 'verorteten Bildern aus großen Bilddatenbanken (hier <a href="http://www.flickr.com/" target="_blank">Flickr</a> ).</br></br>';

//dynamische HTML-Struktur für Jugl
	
	var photos_cluster = document.createElement('div');
	photos_cluster.id='photos_cluster';
	document.body.appendChild(photos_cluster);

		var photos = document.createElement('div');
		photos.id='photos';
		document.getElementById('photos_cluster').appendChild(photos);

		var div1 = document.createElement('div');
		div1.id='div1';
		div1.style.display = "none";
		document.getElementById('photos_cluster').appendChild(div1);		

			var template = document.createElement('div');
			template.id='template';
			document.getElementById('div1').appendChild(template);		

				var scroll_start = document.createElement('div');
				scroll_start.id='scroll-start';
				scroll_start.className='shift';
				scroll_start.innerHTML='&lt;&lt;';
				document.getElementById('template').appendChild(scroll_start);		

				var scroll = document.createElement('div');
				scroll.id='scroll';
				document.getElementById('template').appendChild(scroll);		

					var list = document.createElement('ul');
					list.id='list';
					list.className='start';
					document.getElementById('scroll').appendChild(list);					

						var li = document.createElement('li');
						//li.id='li';
						li.setAttribute("jugl:repeat", "feature features", 0);
						document.getElementById('list').appendChild(li);	

							var li_a = document.createElement('a');
							li_a.setAttribute("jugl:attributes", "href feature.attributes.img_url; id 'link-' + repeat.feature.index", 0);
							li_a.target="_blank";
							var input1="src feature.attributes.img_url; title feature.attributes.title; id 'photo-' + repeat.feature.index"; //
							li_a.innerHTML=	'<img class="thumb" jugl:attributes="'+ input1 +'"/>';
							document.getElementById('list').firstChild.appendChild(li_a);
													
				var scroll_end = document.createElement('div');
				scroll_end.id='scroll-end';
				scroll_end.className='shift';
				scroll_end.innerHTML='&gt;&gt;';
				document.getElementById('template').appendChild(scroll_end);	
	

	var tablayout = {
		layout: 'table',
		layoutConfig: {
        	columns: 1,
			rows:3,
			tableAttrs: {
				id: 'tabCluster'
			}
    	},
    	items:[{
    		html: introTxt,
			id:'introText',
			width: '660',
    		height: '450'
    	},{
    		contentEl: 'map_cluster',
			id: 'td_cluster',
			style: {marginLeft: '64px', marginTop:'15px'},
    		width: '530',
    		height: '300'

    	},{
    		contentEl: 'photos_cluster',
    		id: 'td_photos_cluster',
			style: {marginLeft: '62px'}
    	}]
	};
	
	if(Ext.getCmp('clusterPanel')){
		Ext.getCmp('clusterPanel').destroy();
	}
	//alert(Ext.getCmp('map_koord'));
	var clusterPanel = new Ext.Panel({
		title: title,
		id: 'clusterPanel',
		width: 700,
		height: 550,
		frame: true,
		//style: {marginLeft: '10px', marginTop: '10px'},
		items: [tablayout],
		listeners :{
    			afterrender: function(){
				visdat.mapGo('cluster');
    		}
    	}
	});
	
	return clusterPanel;
}