Xsn.ImportDialog = function(config) {
    Ext.apply(this, config);
    this.init();
} 

Ext.extend(Xsn.ImportDialog, Ext.util.Observable, {

	init : function(){
		dlg = new Ext.LayoutDialog("import-dlg", { 
                autoTabs:true,
                modal:true,
                autoCreate: true,
                closable:false,
                draggable:true,
                collapsible:false,
                resizable:false,                
                animateTarget:null,                
                title: 'Contactpersonen importeren',
                width:300,
                height:180,
                resizable:false,
                shadow:true,
                north: {
					titlebar:false,
					initialSize:33	
				},
                center: {
					titlebar:false,
					autoScroll:false
				}
        });
        
		var label = dlg.getLayout().getEl().createChild();		
		label.createChild({style:'padding:5px;background-color:#d6dff7;margin:1px 1px 0 1px;border-bottom:1px solid #adbed6'}).dom.innerHTML = 'Selecteer het te importeren bestand.';
		
		var panel = dlg.getLayout().getEl().createChild();

	    var form = new Ext.form.Form({
	        labelWidth: 75,
	        fileUpload: true,
			labelAlign:'top'
	    });

		form.add(
			new Ext.form.TextField({ 
	            fieldLabel: 'Bestand (alleen CSV-bestand)', 
	            inputType: 'file',
	            name: 'import-file', 
	            id: 'import-file', 
	            width: 220, 
	            allowBlank: true 
        	}) 
		);

	    form.applyIfToFields({
	        width:250
	    });
	    form.render(panel);

		this.form = form;

        dlg.addKeyListener(27, dlg.hide, dlg);
        dlg.addButton('Ok', this.uploadImportFile, this);	            
        dlg.addButton('Annuleer', dlg.hide, dlg);

        dlg.getLayout().add('north',new Ext.ContentPanel(label, {fitToFrame:true}));
        dlg.getLayout().add('center',new Ext.ContentPanel(panel, {fitToFrame:true}));
		dlg.getLayout().getRegion('center').getEl().setStyle('border-top', '0px');
		dlg.getLayout().getRegion('north').getEl().setStyle('border-bottom', '0px');        

        this.dlg = dlg;
        this.vdlg = new Xsn.ImportVerificationDialog();
        
	},

	uploadImportFile : function(){
		/*	 	
	 	var form = Ext.get('import-dlg-bd');

		Ext.Ajax.request.util.Connect.setForm(form.dom, true);         			 
        YAHOO.util.Connect.asyncRequest('POST', 'index.php?action=initImport', {upload: function(o,b){
         	var res = eval('(' +o.responseText+')');
         	if (res.success) this.vdlg.show(this.onImport.createDelegate(this), this.parent, res.config);		 	 		
         	else Ext.MessageBox.alert('Ongeldig importbestand', 'U heeft een ongeldig importbestand gekozen.');
		}.createDelegate(this), failure: submitFailure});         					
	 	*/
        Ext.Ajax.request({url: 'index.php?action=initImport', form: this.form.id, isUpload:true, scope:this, success: function(r,o){
         	var res = eval('(' +r.responseText+')');
         	if (res.success) this.vdlg.show(this.onImport.createDelegate(this), this.parent, res.config);		 	 		
         	else Ext.MessageBox.alert('Ongeldig importbestand', 'U heeft een ongeldig importbestand gekozen.');
		}}); 
	},
	
	onImport : function(group_id){
		this.vdlg.hide();
		this.callback(this.parent.id, group_id);
	},
	
	show : function(callback, parent){
	 	this.callback = callback;
	 	this.parent = parent;
		this.dlg.show();						
	},
	
	hide : function(){
		this.dlg.hide();
	}

});