Ext.QuickTips.init();   
    
    var wizard = new Ext.ux.Wiz({
        
        title : 'TÜRK ARGE',
                
        headerConfig : {
            title : '<img src="online/targe.jpg" border="0" style="float:left;"><br /><br />&nbsp;&nbsp;&nbsp;ONLİNE MARKA BAŞVURU EKRANI'    
        },
		listeners: {
			finish : {
				fn : function(card) {
                 	var obj = wizard.getWizardData();	
					wizard.cards[0].getForm().items.each(function(f) {
						if (f.el.getValue() == f.emptyText) {
							f.el.dom.value = '';
						}
					});
					wizard.cards[1].getForm().items.each(function(f) {
						if (f.el.getValue() == f.emptyText) {
							f.el.dom.value = '';
						}
					});				
					wizard.cards[2].getForm().items.each(function(f) {
						if (f.el.getValue() == f.emptyText) {
							f.el.dom.value = '';
						}
					});			
					wizard.cards[3].getForm().items.each(function(f) {
						if (f.el.getValue() == f.emptyText) {
							f.el.dom.value = '';
						}
					});										
					wizard.cards[2].getForm().submit({ 
						url:'online/saveforms.php?Which=MarkaTescil',
						params:{
							BasvuruSahibi:obj['SahipBilgileri']['BasvuruSahibi'],
							Unvan:obj['SahipBilgileri']['Unvan'],
							Adres:obj['SahipBilgileri']['Adres'],
							Telefon:obj['SahipBilgileri']['Telefon'],
							Fax:obj['SahipBilgileri']['Fax'],
							Email:obj['SahipBilgileri']['Email'],
							VergiDairesi:obj['SahipBilgileri']['VergiDairesi'],
							VergiNo:obj['SahipBilgileri']['VergiNo'],
							Yetkili:obj['SahipBilgileri']['Yetkili'],
							TPESahipNo:obj['MarkaBilgileri']['TPESahipNo'],
							MarkaAdi:obj['MarkaBilgileri']['MarkaAdi'],
							TescilSiniflar:obj['MarkaBilgileri']['TescilSiniflar'],
							IslemTuru:obj['OdemeBilgileri']['IslemTuru'],
							Hesap:obj['OdemeBilgileri']['Hesap']
						},
						failure: function(form, action) {
				  			Ext.MessageBox.alert('Hata', 'Kaydederken hata oluştu. Lütfen tekrar deneyin')
				  		},
				  		success: function(form, action) {
				  			wizard.close();
				  		}
					})

				},
				scope : this
				}
			},
	        cardPanelConfig : {
            defaults : {
                baseCls    : 'x-small-editor',
                bodyStyle  : 'padding:10px 15px 5px 10px;background-color:#F6F6F6;',
                border     : false    
            }
        },   
      
        cards : [
            new Ext.ux.Wiz.Card({
                title : '<b>Hoş geldiniz</b>',
                monitorValid : true,
                items : [{
                    border    : false,
                    bodyStyle : 'background:none;',
                    html      : '<p><b>HOŞ GELDİNİZ</b><br /><br /></p>'
								+ '<font size="2"><p>Türk Arge Online Başvuru sayfasına hoşgeldiniz... <br /><br /></p>'
								+ '<p>Başvuru adımlarını takip ederek başvuru yapabilirsiniz. Başvurunuz, gönderdiğiniz bilgilere göre yapılacaktır. Bu nedenle ilgili alanları dikkatlice doldurun ve doldurduktan sonra kontrol ediniz.<br /><br /></p>'
								+ '<p>Başvurunuz sırasında sizden kredi kartı bilgisi istenmeyecektir. Ödemelerinizi havale ve EFT ile yapabilirsiniz. <br /><br /></p>'
								+ '<p>Başvurunuz tamamlandıktan sonra size bir müşteri numarası ve şifre vereceğiz. Bu müşteri numarasını ve şifrenizi kullanarak sitemizin anasayfasında bulunan "müşteri girişi" panelinden işlemlerinizi takip edebilirsiniz.<br /><br /></p>'
								+ '<p>Daha önce firmamızdan hizmet satın aldıysanız, sitemizin ana sayfasındaki "Müşteri Paneli"nden giriş yaparak yeni başvuru yapabilirsiniz.<br /><br /></p></font>'   
                }]
            }),
            
            // second card with input fields last/firstname
            new Ext.ux.Wiz.Card({
                title: 'Sahip Bilgileri',
				id: 'SahipBilgileri',
                monitorValid : true,
				labelWidth: 100,
				anchor: '100%',
				layout: 'column',
                defaults     : {
                    labelStyle : 'font-size:11px;width:150px;',
                },
				items: [{
					border    : false,
					bodyStyle : 'background:none;padding-bottom:30px;',						
					items:[c_BasvuruSahibi_Gk,{
						xtype:'fieldset',
						title: 'Gerçek Kişi',
						id:'Gercek',
						autoHeight: true,
						columnWidth: '.5',
						items: [
							c_Unvan_Gk,
							c_Adres_Gk,
							c_Tel_Gk,
							c_Fax_Gk,
							c_Email_Gk,
							c_VergiDairesi_Gk,
							c_VergiNo_Gk										
						]
					}]
				},{
					border    : false,
					bodyStyle : 'background:none;padding-bottom:30px;margin-left:10px;',
					items: [c_BasvuruSahibi,{
						xtype:'fieldset',
						title: 'Tüzel Kişi',
						autoHeight: true,
						id:'Tuzel',
						columnWidth: '.5',
						items: [
							c_Unvan,
							c_Adres,
							c_Tel,
							c_Fax,
							c_Email,
							c_VergiDairesi,
							c_VergiNo,
							c_Yetkili
						]
					}]
				}]				
            }),
            
            // third card with input field email-address
            new Ext.ux.Wiz.Card({
                title: 'Marka Bilgileri',
				id:'MarkaBilgileri',
                monitorValid: true,
				fileUpload: true,
				enctype:'multipart/form-data',
                isUpload: true,               
				defaults: {
                    labelStyle : 'font-size:11px;width:150px;'
                },
                items : [{
                        border    : false,
                        bodyStyle : 'background:none;padding-bottom:30px;',
                        html      : '<p><b>MARKA BİLGİLERİ</b></p>'
                    },
					c_HizmetBedeli,
					c_TescilHarci,
					c_KDVTutari,
					c_ToplamTutar,
					c_TPESahipNo,
					c_MarkaAdi,
                    c_TescilSiniflar,
					c_Vekaletname,
					c_Logo,
					c_OnYazi
                ]    
            }),            
			
			
			new Ext.ux.Wiz.Card({
                title: 'Ödeme Bilgileri',
				id: 'OdemeBilgileri',
                monitorValid: true,
				labelWidth: 150,
                defaults: {
                    labelStyle : 'font-size:11px;width:150px;'
                },
                items : [{
                        border    : false,
                        bodyStyle : 'background:none;padding-bottom:30px;',
                        html      : '<p><b>ÖDEME BİLGİLERİ</b></p><br>'
									+'<table width="360" border="0" cellspacing="0" cellpadding="0"><tr><td colspan="3"><font size="2">Bu işlem için ödenmesi gereken tutar:</font></td></tr><tr><td width="130" bgcolor="#EBEBEB"><font size="2">Harç Tutarı</font></td><td width="120" bgcolor="#EBEBEB"><font size="2"><div id="HarcTutariDiv"></div></font></td><td width="100" bgcolor="#EBEBEB"><font size="2">TL</font></td></tr><tr><td bgcolor="#E2E2E2"><font size="2">Hizmet Bedeli</font></td><td bgcolor="#E2E2E2"> <font color="#FF0000" size="2"><b><div id="HizmetBedeliDiv"></div></b></font></td><td bgcolor="#E2E2E2"><font size="2">TL</font></td></tr><tr><td bgcolor="#EBEBEB"><font size="2">KDV (%18)</font></td><td bgcolor="#EBEBEB"><font size="2"><div id="KDVTutariDiv"></div></font></td><td bgcolor="#EBEBEB"><font size="2">TL</font></td></tr><tr><td bgcolor="#C7C7C7"><font size="2">Toplam tutar</font></td><td bgcolor="#C7C7C7"><font color="#FF0000" size="2"><div id="ToplamTutarDiv"></div></font></td><td bgcolor="#C7C7C7"><font size="2">TL</font></td></tr><tr><td colspan="3"><font size="1">Tutarlarda, virgülden sonraki kısım yuvarlatılmıştır.</font></td></tr></table>'
                    },
					c_IslemTuru,
					c_Hesap,
					c_HizmetSozlesmesi
                ]    
            }), 
            // fourth card with finish-message
            new Ext.ux.Wiz.Card({
                title        : 'Teşekkür',
                monitorValid : true,
                items : [{
                    border    : false,
                    bodyStyle : 'background:none;',
                    html      : '<font size="2"><b>Değerli Müşterimiz</b>,<br /><br />Türk Arge Online Başvuru Ekranı’nı kullanarak bir marka başvurusu işlemi gerçekleştirdiniz. Gerçekleştirdiğiniz işlem doğrultusunda bize ulaşacak talep, tarafımızca incelenerek işleme alınacaktır. Herhangi bir eksikliğin tesbit edilmediği taleplerde başvuru, aynı gün yapılır. Bir eksikliğin tesbit edilmesi durumunda yetkililer size ulaşarak eksikliği bildireceklerdir. Türk Arge Online Başvuru Ekranını kullanarak marka başvurunuzda firmamızı tercih ettiğiniz için teşekkür ederiz. Marka başvurunuzla ilgili şirketimiz tarafından her aşamada tarafınıza posta yoluyla bilgi gönderilecektir. Kazançlı ve Başarılı günler geçirmeniz dileğiyle, <br /><br /><b>TÜRKARGE (T-ARGE Ltd. Şti.) </b><br />www.turkarge.com.tr - marka@turkarge.com.tr</font>'
                }]  
            })   
        
        
        ]
    });