function showContact(){

    ljex.Window.zindex=1000;

    var kwin=new ljex.Window({
        id: 'kontaktWindow',
        title: 'Kontakt',
        html: '<div id="divKontakt"></div>',
        contentBgColor: '#000',
        width: 700,
        center: true,
        focusOpacity: true,
        parentId: 'page'
    });
     
    kwin.open(true);
	new ljex.Ajax({
		url: '../index.php5?page=contact',
		scope: this,
		callback: function(response){
			var htmlText = response.responseText;	
			$('divKontakt').innerHTML=htmlText;
		
            var contactForm = new ljex.Form({
				url: 'index.php5?page=contact_request',
				id: 'contactForm',
				renderTo: 'contact',
                labelWidth: 120,
                labelStyle: 'color:#fff',
				items:[{
					xtype: 'hidden',
					id: 'modification_date',
					value: new Date().getTime()
				},{
					xtype: 'textfield',
					id: 'co_name',
                    width: 260,
					label: 'Name*',
                    allowBlank: false
				},{
					xtype: 'textfield',
					id: 'co_vorname',
                    width: 260,
					label: 'Vorname*',
                    allowBlank: false
				},{
					xtype: 'textfield',
					id: 'co_strasse',
                    width: 260,
					label: 'Straße, Hausnr.*',
                    allowBlank: false
				},{
					xtype: 'container',
					width: 500,
                    layout: 'horizontal',
					items:[{
							xtype: 'textfield',
							id: 'co_plz',
							width: 60,
							allowBlank: false,
							label: 'Plz* / Ort*'
					},{
				
							xtype: 'textfield',
							id: 'co_ort',
							width: 185,
							allowBlank: false
					}]
				},{
					xtype: 'textarea',
					width: 260,
					height: 50,
					id: 'co_instrumente',
					label: 'Ich spiele folgende Instrumente',
					allowBlank: true
				},{
					xtype: 'textfield',
					id: 'co_telefon',
                    width: 260,
					label: 'Telefon',
					allowBlank: true
				},{
					xtype: 'textfield',
					label: 'Email*',
					id: 'co_email',
                    width: 260,
					style: 'margin-bottom:20px;',
					email: true
				},{
					xtype: 'textfield',
					id: 'co_betreff',
                    width: 260,
					label: 'Betreff*',
					allowBlank: false
				},{
					xtype: 'textarea',
					id: 'co_message',
					height: 200,
                    width: 260,
					label: 'Nachricht*',
					allowBlank: false
				},{
					xtype: 'checkbox',
					id: 'co_newsletter',
					label: 'Newsletter',
					checked: false,
					style: 'margin-top: 4px;',
					boxLabel: 'Ja, ich möchte den Vintage-Newsletter'
				}],
                onrender: function(){
                    kwin.show();
                },
                footerStyle: 'background-color:#000;border-width:0px;',
				buttons:[{
                    id: 'btn-submit',
					text: 'Abschicken',
					submit: 'ajax',
					handler: function(response){
                        var data=eval("("+response.responseText+")");
                        if(data.success){
                            if(data.error) $error(data.message); else $alert(data.message);
							kwin.close();
                        }
					/*	Ext.getCmp("contactForm").getForm().submit({
							success: function(form,action){
								var content = Ext.get("contact_content");
								content.update("<center>"+action.result.message+"</center>");
								content.setStyle("height",200);
								content.setStyle("padding-top",90);
								window.setTimeout('if(win=Ext.get("popupWindow")) win.remove(); Ext.get("page").setOpacity(1);',5000);
							},
							failure: function(form,action){
							}
						});*/
					}
				}]
			});

contactForm.render();

           }

	}).request();

}

