var PpsMailForm = function() {
	
	Ext.QuickTips.init();
	
	this.collapsePanel = new Ext.form.FieldSet({		
		xtype:'fieldset',
        checkboxToggle:false,
        collapsible:true,
        title: 'Weitere Angaben',
        autoHeight: true,
        defaults: {width: 450},
        collapsed: true,
		layout: 'form',
        items :[{        
            layout:'column',
            items:[{
                columnWidth:.5,
                layout: 'form',
                defaults: {width:120},
                items: 
                	[{
                    xtype:'textfield',
	            	fieldLabel: 'Firma',
	            	name: 'company',
	            	msgTarget : 'side',
                    anchor:'80%'
                },{
                    xtype:'textfield',
		            fieldLabel: 'Straße',
		            name: 'street',
	            	msgTarget : 'side',
                    anchor:'80%'
                },{
                    xtype:'textfield',
		            fieldLabel: 'Fax',
		            name: 'fax',
	            	msgTarget : 'side',
                    anchor:'80%'
                	}]
            },{
                columnWidth:.5,
                layout: 'form',
                defaults: {width:120},
                items: 
                	[{
                    xtype:'textfield',
		            fieldLabel: 'Postleitzahl',
		            name: 'zip',
                    anchor:'80%'
                },{
                    xtype:'textfield',
		            fieldLabel: 'Stadt',
		            name: 'city',
                    anchor:'80%'
                	}]
            }]
        }]	
	});	
	
	this.sendButton = new Ext.Button({
		text: 'Senden',
		tooltip: 'E-Mail versenden ... ',
		type: 'submit'
	});
	
	this.closeButton = new Ext.Button({
		text: 'Schliessen',
		tooltip: 'Mailfenster schliessen ...'
	});
	
	
	this.mailForm = new Ext.FormPanel({
	    labelWidth: 75,
	    url:'',
	    region: 'center',
	    frame:true,
	    bodyStyle:'padding:5px 5px 0',
	    width: 350,
        height:500,
        items: [{
            xtype:'fieldset',
	        checkboxToggle:false,
	        collapsible: false,
	        title: 'Absenderinformationen:',
	   	  	collapsed : false,
	        autoHeight:true,
			layout: 'form',
	        defaults: {width: 450},
	        items: [{
	            layout:'column',
	            items:
	            	[{
	                columnWidth:.5,
	                layout: 'form',
	                defaults: {width:120},
	                items: 
	                	[{
	                    xtype:'textfield',
			            fieldLabel: 'Vorname',
			            emptyText: 'Bitte ausfüllen',
			            blankText : "Dieses Feld ist zum Versand Ihrer E-Mail notwendig!",
			            name: 'firstName',
		            	msgTarget : 'side',
			            allowBlank:false,
	                    anchor:'80%',
	                    id: 'firstName'
	                	},{
	                    xtype:'textfield',
			            fieldLabel: 'Nachname',
			            emptyText: 'Bitte ausfüllen',
			            blankText : "Dieses Feld ist zum Versand Ihrer E-Mail notwendig!",
		            	msgTarget : 'side',
			            allowBlank:false,
			            name: 'lastName',
	                    anchor:'80%',
			            id: 'lastName'
	                	}]
	            	},{
	                columnWidth:.5,
	                layout: 'form',
	                defaults: {width:120},
	                items: 
	                	[{
	                    xtype:'textfield',
			            fieldLabel: 'Email',
			            allowBlank:false,
			            emptyText: 'Bitte ausfüllen',
			            invalidText: 'Dieses Feld ist zum Versand Ihrer E-Mail notwendig!',
			            blankText : "Dieses Feld ist zum Versand Ihrer E-Mail notwendig!",
		            	msgTarget : 'side',
			            name: 'email',
			            vtype:'email',
			            vtypeText: 'Bitte nennen Sie uns eine korrekte E-Mail-Adresse in der Form "user@domain.de"!',
	                    anchor:'80%',
			            id: 'email'
	                	},{
	                    xtype:'textfield',
			            fieldLabel: 'Telefon',
			            emptyText: 'Bitte ausfüllen',
			            blankText : "Dieses Feld ist zum Versand Ihrer E-Mail notwendig!",
		            	msgTarget : 'side',
			            allowBlank: false,
			            name: 'phone',
	                    anchor:'80%',
			            id: 'phone'
	                	}]
	            	}]
	        	}]
        	},
           this.collapsePanel,
            {
	        xtype:'fieldset',
	        checkboxToggle:false,
	        collapsible: false,
	        title: 'Nachricht:',
	   	  	collapsed : false,
	        autoHeight:true,
			layout: 'form',
	        defaults: {width: 450},
	        height:300,
	        items: [{
	        	xtype:'textfield',
	            fieldLabel: 'Betreff:',
	            name: 'subject',
                anchor:'92%',
                allowBlank: false,
	            blankText : "Dieses Feld ist zum Versand Ihrer E-Mail notwendig!"
	        	},{
				xtype:'htmleditor',
	            id:'message',
	            fieldLabel:'Ihre Mitteilung',
	            height:200,
	            width:300,
	            allowBlank:false,
                anchor:'92%',
	            enableFont: false,
	            enableLinks: false,
	            enableSourceEdit: false,
	            enableFontSize: false,
	            buttonTips: {
	        	       bold: {
	                         title: "Fetter Text (Ctrl-B)",
	        	             text: "Text fett darstellen"
	        				 },
	        		   italic: {
	        				 title: "Kursiver Text (Ctrl-I)",
	        				 text: "Text kursiv darstellen"
	        				 },
	        		   underline: {
	        				 title: "Unterstrichener Text (Ctrl-U)",
	        				 text: "Text unterstrichen darstellen"
	        				 },
	        		   forecolor: {
	        				 title: "Schriftfarbe",
	        				 text: "Schriftfarbe einstellen"
	        				 },
	        		   backcolor: {
	        			     title: "Hintergrundfarbe",
	        				 text: "Hintergrundfarbe einstellen"
	        				 },
	        		   justifyleft: {
	        				 title: "Links ausrichten",
	        			     text: "Text links ausrichten"
	        				 },
	              	   justifycenter: {
	            		     title: "Mitte ausrichten",
	            			 text: "Text links ausrichten"
	            			 },
	          		   justifyright: {
	            			 title: "Rechts ausrichten",
	        			     text: "Text links ausrichten"
	        				 },
	        		   insertorderedlist: {
	            			 title: "Nummerierte Liste",
	        				 text: "Nummerierte Liste in den Text einfügen"
	        				 },
	        			insertunorderedlist: {
	            			 title: "Liste",
	        				 text: "Liste in den Text einfügen"
	        				 }
	        			}
	        		}]
        	}],
	    buttons: [
	          this.sendButton,
	          this.closeButton
	          ]
	});
	
	PpsMailForm.superclass.constructor.call(this, this.mailForm);
	
	
}

//Extend the mail window with additional functions
Ext.extend(PpsMailForm, Ext.FormPanel, {
	
	getMailForm: function() {
	
		return this.mailForm;
	
	}
	
});