Ext.BLANK_IMAGE_URL = '/ext/resources/images/default/s.gif';	
var paging = 20;

//==========================================================VARIABLE======================
var panel1 = new Ext.Panel({html: 'panel satu'});//untuk menampilkan ayat
var panel2 = new Ext.Panel({html: 'panel dua'});//untuk menampilkan ayat
var clock = new Ext.Toolbar.TextItem(''); //buat clock
var currAyat = ''; //untuk penomoran ayat yang sedang diputar
var expander = new Ext.ux.grid.RowExpander({
//expand ayat
	tpl : new Ext.Template(
		'<hr noshade size="1">',
		'<table width="100%"><tr><th>{surah}</th></tr>',
		'<tr><td align="right"><img src="{img}"></td></tr>',
		'<tr valign="top"><th>{AyahText}</th></tr>',
		'<tr><td align="right">',
		'<object type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="200" height="20">',
		'<param name="movie" value="player_mp3_maxi.swf" />',
		'<param name="FlashVars" value="mp3={mp3}&showstop=1&showvolume=1&autoplay=0" />',
		'<param name="wmode" value="transparent" />',
		'</object></td></table>'
   )
});
var expander2 = new Ext.ux.grid.RowExpander({
//expand buku tamu
	tpl : new Ext.Template(
		'<hr noshade size="1">',
		'<table width="100%"><tr><td>Dari : {name} | <a href="mailto:{email}">{email}</a></td></tr>',
		'<tr valign="top"><td>{text}</td></tr></table>'
	)
});
var surahData = [
		['','Semua surah... (6.236 ayat)'],
		['1','1. Al-Fatihah (7 ayat)'],
		['2','2. Al-Baqarah (286 ayat)'],
		['3','3. Ali \'Imran (200 ayat)'],
		['4','4. An-Nisa\' (176 ayat)'],
		['5','5. Al-Ma\'idah (120 ayat)'],
		['6','6. Al-An\'am (165 ayat)'],
		['7','7. Al-A\'raf (206 ayat)'],
		['8','8. Al-Anfal (75 ayat)'],
		['9','9. At-Taubah (129 ayat)'],
		['10','10. Yunus (109 ayat)'],
		['11','11. Hud (123 ayat)'],
		['12','12. Yusuf (111 ayat)'],
		['13','13. Ar-Ra\'d (43 ayat)'],
		['14','14. Ibrahim (52 ayat)'],
		['15','15. Al-Hijr (99 ayat)'],
		['16','16. An-Nahl (128 ayat)'],
		['17','17. Al-Isra\' (111 ayat)'],
		['18','18. Al-Kahf (110 ayat)'],
		['19','19. Maryam (98 ayat)'],
		['20','20. Ta Ha (135 ayat)'],
		['21','21. Al-Anbiya (112 ayat)'],
		['22','22. Al-Hajj (78 ayat)'],
		['23','23. Al-Mu\'minun (118 ayat)'],
		['24','24. An-Nur (64 ayat)'],
		['25','25. Al-Furqan (77 ayat)'],
		['26','26. Asy-Syu\'ara\' (227 ayat)'],
		['27','27. An-Naml (93 ayat)'],
		['28','28. Al-Qasas (88 ayat)'],
		['29','29. Al-\'Ankabut (69 ayat)'],
		['30','30. Ar-Rum (60 ayat)'],
		['31','31. Luqman (34 ayat)'],
		['32','32. As-Sajdah (30 ayat)'],
		['33','33. Al-Ahzab (73 ayat)'],
		['34','34. Saba\' (54 ayat)'],
		['35','35. Fatir (45 ayat)'],
		['36','36. Ya Sin (83 ayat)'],
		['37','37. As-Saffat (182 ayat)'],
		['38','38. Sad (88 ayat)'],
		['39','39. Az-Zumar (75 ayat)'],
		['40','40. Al-Mu\'min (85 ayat)'],
		['41','41. Fussilat (54 ayat)'],
		['42','42. Asy-Syura (53 ayat)'],
		['43','43. Az-Zukhruf (89 ayat)'],
		['44','44. Ad-Dukhan (59 ayat)'],
		['45','45. Al-Jasiyah (37 ayat)'],
		['46','46. Al-Ahqaf (35 ayat)'],
		['47','47. Muhammad (38 ayat)'],
		['48','48. Al-Fath (29 ayat)'],
		['49','49. Al-Hujurat (18 ayat)'],
		['50','50. Qaf (45 ayat)'],
		['51','51. Az-Zariyat (60 ayat)'],
		['52','52. At-Tur (49 ayat)'],
		['53','53. An-Najm (62 ayat)'],
		['54','54. Al-Qamar (55 ayat)'],
		['55','55. Ar-Rahman (78 ayat)'],
		['56','56. Al-Waqi\'ah (96 ayat)'],
		['57','57. Al-Hadid (29 ayat)'],
		['58','58. Al-Mujadilah (22 ayat)'],
		['59','59. Al-Hasyr (24 ayat)'],
		['60','60. Al-Mumtahanah (13 ayat)'],
		['61','61. As-Saff (14 ayat)'],
		['62','62. Al-Jumu\'ah (11 ayat)'],
		['63','63. Al-Munafiqun (11 ayat)'],
		['64','64. At-Tagabun (18 ayat)'],
		['65','65. At-Talaq (12 ayat)'],
		['66','66. At-Tahrim (12 ayat)'],
		['67','67. Al-Mulk (30 ayat)'],
		['68','68. Al-Qalam (52 ayat)'],
		['69','69. Al-Haqqah (52 ayat)'],
		['70','70. Al-Ma\'arij (44 ayat)'],
		['71','71. Nuh (28 ayat)'],
		['72','72. Al-Jinn (28 ayat)'],
		['73','73. Al-Muzzammil (20 ayat)'],
		['74','74. Al-Muddassir (56 ayat)'],
		['75','75. Al-Qiyamah (40 ayat)'],
		['76','76. Al-Insan (31 ayat)'],
		['77','77. Al-Mursalat (50 ayat)'],
		['78','78. An-Naba\' (40 ayat)'],
		['79','79. An-Nazi\'at (46 ayat)'],
		['80','80. Abasa (42 ayat)'],
		['81','81. At-Takwir (29 ayat)'],
		['82','82. Al-Infitar (19 ayat)'],
		['83','83. Al-Tatfif (36 ayat)'],
		['84','84. Al-Insyiqaq (25 ayat)'],
		['85','85. Al-Buruj (22 ayat)'],
		['86','86. At-Tariq (17 ayat)'],
		['87','87. Al-A\'la (19 ayat)'],
		['88','88. Al-Gasyiyah (26 ayat)'],
		['89','89. Al-Fajr (30 ayat)'],
		['90','90. Al-Balad (20 ayat)'],
		['91','91. Asy-Syams (15 ayat)'],
		['92','92. Al-Lail (21 ayat)'],
		['93','93. Ad-Duha (11 ayat)'],
		['94','94. Al-Insyirah (8 ayat)'],
		['95','95. At-Tin (8 ayat)'],
		['96','96. Al-\'Alaq (19 ayat)'],
		['97','97. Al-Qadr (5 ayat)'],
		['98','98. Al-Bayyinah (8 ayat)'],
		['99','99. Az-Zalzalah (8 ayat)'],
		['100','100. Al-\'Adiyat (11 ayat)'],
		['101','101. Al-Qari\'ah (11 ayat)'],
		['102','102. At-Takasur (8 ayat)'],
		['103','103. Al-\'Asr (3 ayat)'],
		['104','104. Al-Humazah (9 ayat)'],
		['105','105. Al-Fil (5 ayat)'],
		['106','106. Quraisy (4 ayat)'],
		['107','107. Al-Ma\'un (7 ayat)'],
		['108','108. Al-Kausar (3 ayat)'],
		['109','109. Al-Kafirun (6 ayat)'],
		['110','110. An-Nasr (3 ayat)'],
		['111','111. Al-Lahab (5 ayat)'],
		['112','112. Al-Ikhlas (4 ayat)'],
		['113','113. Al-Falaq (5 ayat)'],
		['114','114. An-Nas (6 ayat)']
    ];
//==========================================================END VARIABLE==================

//==========================================================FUNCTION======================
function searchValue() {
//funcsi pencarian tarjamah
	var patt = document.getElementById('pattern').value;
	var idSura = Ext.getCmp('surahID').getValue();
	if(patt == ""){
//		Ext.MessageBox.show({
//		   title:'Error',
//		   msg: 'Kolom pencarian masih kosong',
//		   buttons: Ext.MessageBox.OK,
//		   fn: Ext.getCmp('pattern').focus,
//		   icon: Ext.MessageBox.ERROR
//	   });
	}
	else {
		var cocok = Ext.getCmp('text-option').getValue();
		if(cocok==true) {
			DataStore.baseParams = {
				pattern: patt,
				SuraID: idSura,
				sesuai: cocok
			};		
		}
		else {
			DataStore.baseParams = {
				pattern: patt,
				SuraID: idSura
			};
		}	
		DataStore.load({
			params:{
				start: 0,
				limit: paging
			}
		});
	}
};

function randomAyat() {
	//windowAyat.setTitle('RANDOM AYAT');
	windowAyat.show();
	var randValue = Math.floor(Math.random()*6236);
	Ext.getCmp('panelAyat').load({
		url: '/CI/index.php/quran/viewAyat/'+randValue,
		discardUrl: false,
		nocache: false,
		text: 'Memuat...',
		scripts: false
	});
	Ext.getCmp('CurrAyatId').setValue(randValue);
	Ext.Ajax.request({
		waitMsg: 'Silakan Tunggu...',
		url: '/CI/index.php/quran/getPrevAyat',
		success: function(response){
			var hasilText = eval(response.responseText);
			windowAyat.setTitle(hasilText[1]);
			Ext.getCmp('prevButton').setText(hasilText[0]);
			Ext.getCmp('nextButton').setText(hasilText[2]);
		},
		failure: function(response){
			var result=response.responseText;
			Ext.MessageBox.alert('Gagal','Tidak dapat mengambil ayat selanjutnya');
		},
		method: 'POST',
		params: {ayatId: randValue}
	});
}
//==========================================================END FUNCTION==================

//==========================================================STORES========================
var DataStore = new Ext.data.Store({
//store untuk tarjamah
	proxy: new Ext.data.HttpProxy({
		url: '/CI/index.php/quran/tarjamah',
		method: 'POST'
	}),
	baseParams:{		
		start: 0,
		limit: paging
	},
	autoLoad:true,
	reader: new Ext.data.JsonReader({
		root:'rows',
		idProperty: 'ID',
		totalProperty: 'total'
	},[
	'ID',
	'surah',
	'number',
	'SuraID',
	'VerseID',
	'AyahText',
	'img',
	'mp3',
	'next_ayat',
	'prev_ayat'
	])
});

var gbookStore = new Ext.data.Store({
//store untuk buku tamu
	proxy: new Ext.data.HttpProxy({
		url: '/CI/index.php/quran/gbookList',
		method: 'POST'
	}),
	baseParams:{		
		start: 0,
		limit: 10
	},
	autoLoad:true,
	reader: new Ext.data.JsonReader({
		root:'rows',
		idProperty: 'id',
		totalProperty: 'total'
	},[
	'id',
	'number',
	{name: 'date', type: 'date', dateFormat: 'Y-m-d H:i:s'},		
	'name',
	'email',
	'text'
	])
});

var artikelStore = new Ext.data.Store({
//store untuk artikel
	id : 'artikelStore',
	proxy: new Ext.data.HttpProxy({
		url: '/CI/index.php/quran/artikelList',
		method: 'POST'
	}),
	baseParams:{		
		start: 0,
		limit: 10
	},
	autoLoad:true,
	reader: new Ext.data.JsonReader({
		root:'rows',
		idProperty: 'artikelId',
		totalProperty: 'total'
	},[
	'artikelId',
	'aktif',
	'sumber',
	'number',
	{name: 'tgl', type: 'date', dateFormat: 'Y-m-d H:i:s'},
	'penulis',
	'judul',
	'text'	
	])
});

var visitorStore = new Ext.data.Store({
//store untuk data pengunjung
	proxy: new Ext.data.HttpProxy({
		url: '/CI/index.php/quran/visitorList',
		method: 'POST'
	}),
	baseParams:{
		start: 0,
		limit: 20
	},
	autoLoad:true,
	reader: new Ext.data.JsonReader({
		root:'rows',
		idProperty: 'VisID',
		totalProperty: 'total'
	},[
	'VisID',
	'number',
	'VisIP',
	'VisRef',
	'VisUrl',
	{name: 'VisDate', type: 'date', dateFormat: 'Y-m-d H:i:s'},		
	'VisAgent'
	])
});

var surahStore = new Ext.data.ArrayStore({
	fields: [
	   {name: 'id'},
	   {name: 'nama_surah'}
	]
});
// manually load local surah data
surahStore.loadData(surahData);

var emailStore = new Ext.data.Store({
//store untuk data email
	proxy: new Ext.data.HttpProxy({
		url: '/CI/index.php/quran/emailStore',
		method: 'POST'
	}),
	baseParams:{
		start: 0,
		limit: 10
	},
	autoLoad:true,
	reader: new Ext.data.JsonReader({
		root:'rows',
		idProperty: 'reqID',
		totalProperty: 'total'
	},[
		'number',
		'nama',
		'username',
		'primaryEmail',
		'status'
	])
});

var chartStore = new Ext.data.Store({
//store untuk data chart
	proxy: new Ext.data.HttpProxy({
		url: '/CI/index.php/quran/statistik',
		method: 'POST'
	}),
	baseParams:{
		start: 0,
		limit: 20
	},
	autoLoad:true,
	reader: new Ext.data.JsonReader({
		root:'rows'
	},[
		'tgl',
		'visit'
	])
});

var topPencarianStore = new Ext.data.Store({
//store untuk data chart
	proxy: new Ext.data.HttpProxy({
		url: '/CI/index.php/quran/topPencarian',
		method: 'POST'
	}),
	baseParams:{
		start: 0,
		limit: 30
	},
	autoLoad:true,
	reader: new Ext.data.JsonReader({
		root:'rows'
	},[
		'jum',
		'pencarian'
	])
});
//==========================================================END STORES====================

//==========================================================GRID==========================
var gbookGrid = new Ext.grid.GridPanel({
//grid buku tamu
	store: gbookStore,
        viewConfig: {
		forceFit:true
	},
	cm: new Ext.grid.ColumnModel({
		defaults: {
			width: 20,
			sortable: true
		},
		columns: [
			expander2,
			//{header: "No", dataIndex: 'number', width: 3},
                        new Ext.ux.grid.PagingRowNumberer({header: 'No', width: 50}),
			{header:'Tanggal / Waktu', dataIndex: 'date', xtype: 'datecolumn', format: 'D, d-M-Y H:i:s'},
			{header: "Dari", dataIndex: 'name'}
			//{header: "Isi Pesan", dataIndex: 'text'}
		]
	}),	
	plugins: expander2,        
	iconCls: 'icon-grid',
	bbar: [
		new Ext.PagingToolbar({
			pageSize: 10,
			store: gbookStore,
			forceLayout: true,
			displayInfo: true,
			prependButtons: true,
			displayMsg: 'Menampilkan data {0} - {1} dari {2}',
			emptyMsg: "Data Tidak Ditemukan"
		})
	],
	stripeRows: true
});

var emailGrid = new Ext.grid.GridPanel({
//grid daftar email
	store: emailStore,
        viewConfig: {
		forceFit:true
	},
	title: 'Data Email',
	cm: new Ext.grid.ColumnModel({
		defaults: {
			width: 20,
			sortable: true
		},
		columns: [
			//{header: "No", dataIndex: 'number', width: 3},
                        new Ext.ux.grid.PagingRowNumberer({header: 'No', width: 50}),
			{header: "Nama", dataIndex: 'nama'},
			{header: "Username", dataIndex: 'username'},
			{header: "Status", dataIndex: 'status'}
		]
	}),
	iconCls: 'icon-grid',
	bbar: [
		new Ext.PagingToolbar({
			pageSize: 10,
			forceLayout: true,
			store: emailStore,
			displayInfo: true,
			prependButtons: true,
			displayMsg: 'Menampilkan data {0} - {1} dari {2}',
			emptyMsg: "Data Tidak Ditemukan"
		})
	],
	stripeRows: true	
});

var visitorGrid = new Ext.grid.GridPanel({
//grid pengunjung
	store: visitorStore,
	cm: new Ext.grid.ColumnModel({
		columns: [
			//{header: "No", dataIndex: 'number', width: 3},
                        new Ext.ux.grid.PagingRowNumberer({header: 'No', width: 50}),
			{header: "IP Pengunjung", dataIndex: 'VisIP', width: 50},
			{header: "Refferensi", dataIndex: 'VisRef',
				renderer: function(value, metaData, record, rowIndex, colIndex, store) {
					return '<a href="'+ value +'" target="_blank" title="'+ value +'">'+ value +'</a>';
				}
			},
			{header:'Tanggal Kunjungan', dataIndex: 'VisDate', xtype: 'datecolumn', format: 'D, d-M-Y H:i:s', width: 70},
			{header: "Browser", dataIndex: 'VisAgent', width: 160}
		]
	}),
	viewConfig: {
		forceFit:true
	},
	iconCls: 'icon-grid',
	bbar: [
		new Ext.PagingToolbar({
			id: 'visitorPaging',
			pageSize: 20,
			store: visitorStore,
			forceLayout: true,
			displayInfo: true,
			prependButtons: true,
			displayMsg: 'Menampilkan data pengunjung {0} - {1} dari {2}',
			emptyMsg: "Data Tidak Ditemukan"
		})
	],
	tbar: [
		{
			xtype: 'button',
			text: 'Semua Tanggal',
			handler: function() {
				Ext.apply(
					visitorStore.baseParams,
					{
						start: 0,
						limit: 20,
						tanggal: ''
					}
				);
				Ext.getCmp('visitorPaging').changePage(1);
				//visitorStore.commitChanges();
				visitorStore.reload();
			}
		},'-','Pilih Tanggal  :',
		new Ext.form.DateField({
			id: 'tanggalPilih',
			name: 'pilihTanggal',
			width: 100,
			format : "Y-m-d",
			showToday : true,
			editable: false,
			allowBlank: false,
			value: new Date().format('Y-m-d'),
			listeners: {
				select: function(){
					Ext.apply(
						visitorStore.baseParams,
						{
							start: 0,
							limit: 20,
							tanggal: Ext.getCmp('tanggalPilih').getValue()
						}
					);
					Ext.getCmp('visitorPaging').changePage(1);
					//visitorStore.commitChanges();
					visitorStore.reload();
				}
			}
		})
	],
	stripeRows: true
});

var artikelGrid = new Ext.grid.GridPanel({
//grid artikel
	id: 'artikelGrid',
	store: artikelStore,
	cm: new Ext.grid.ColumnModel({
		defaults: {
			width: 20,
			sortable: true
		},
		columns: [
			//{header: "No", dataIndex: 'number', width: 3},
                        new Ext.ux.grid.PagingRowNumberer({header: 'No', width: 50}),
			{header:'Tanggal / Waktu', dataIndex: 'tgl', xtype: 'datecolumn', format: 'D, d-M-Y H:i:s'},
			{header: "Dari", dataIndex: 'penulis'},
			{header: "Judul", dataIndex: 'judul'},
			{xtype: 'actioncolumn', header: 'Baca', width: 6,
				items: [
					{
						icon   : 'img/script.png',
						getClass: function(v, meta, rec) {
							if (rec.get('aktif') < 1) {
								this.items[0].tooltip = 'Artikel : '+rec.get('judul')+' => belum aktif';
								return 'nonaktif';
							} else {
								this.items[0].tooltip = 'Baca artikel : '+rec.get('judul');
								return 'baca';
							}
						},
						handler: function(grid, rowIndex, colIndex) {
							var rec = artikelStore.getAt(rowIndex);
							if(rec.get('aktif') < 1) {
								Ext.MessageBox.alert('Belum aktif', 'Artikel "'+rec.get('judul')+'" belum dapat approval dari kami untuk dapat dibaca');
							}
							else {
								window.open('/CI/index.php/quran/getArtikel/'+rec.get('artikelId'),'','scrollbars=yes,menubar=no,height=600,width=900,resizable=no,toolbar=no,location=no,status=no');
							}
						}
					}
				]
			}
		]
	}),
	viewConfig: {
		forceFit:true
	},        
	//plugins: expander2,
	iconCls: 'icon-grid',
	bbar: [
		new Ext.PagingToolbar({
			pageSize: 10,
			store: artikelStore,
			forceLayout: true,
			displayInfo: true,
			prependButtons: true,
			displayMsg: 'Menampilkan data {0} - {1} dari {2}',
			emptyMsg: "Data Tidak Ditemukan"
		})
	],
	stripeRows: true
});

var QuranGrid = new Ext.grid.GridPanel({
//grid ayat dan tarjamah
	id: 'QuranGrid',
	header:false,
	store: DataStore,	
	plugins: expander,
	//frame:true,
	enableHdMenu: false,
	loadMask: {msg:"Memuat database Al-Qur\'an..."},
	sm: new Ext.grid.RowSelectionModel({singleSelect: true}),
	columns:[
		expander,
		new Ext.ux.grid.PagingRowNumberer({header: 'No', width: 35}),
		{xtype: 'actioncolumn', header: 'Baca', width: 4,
			items: [
				{header: 'Surah', dataIndex: 'surah', sortable: true},
				{icon   : 'img/script.png',
					tooltip: 'Buka Ayat',
					handler: function(grid, rowIndex, colIndex) {
						var rec = DataStore.getAt(rowIndex);
						currAyat = rec.get('ID');
						var panelAyat = Ext.getCmp('panelAyat');
						Ext.getCmp('prevButton').setText(rec.get('prev_ayat'));
						Ext.getCmp('nextButton').setText(rec.get('next_ayat'));
						windowAyat.setTitle(rec.get('surah'));
						windowAyat.show();
						panelAyat.load({
							url: '/CI/index.php/quran/viewAyat/'+rec.get('ID'),
							discardUrl: false,
							nocache: false,
							text: 'Memuat...',
							scripts: false
						});
						Ext.getCmp('CurrAyatId').setValue(rec.get('ID'));
					}						
				}
			]
		},
		//{header: 'No', readOnly: true, dataIndex: 'number', width: 4, sortable: false},
		{header: 'Ayat', dataIndex: 'surah', sortable: false, width: 30},
		{header: 'Tarjamah Indonesia', dataIndex: 'AyahText', sortable: false, flex:1}
	],
	viewConfig: {
		forceFit:true
	},
	tbar: [
		new Ext.PagingToolbar({
			pageSize: paging,
			store: DataStore,			
			beforePageText: 'Halaman',			
			buttonAlign: 'center',
			displayInfo: true,                                
			displayMsg: 'Menampilkan ayat {0} - {1} dari {2}',
			emptyMsg: "Data Tidak Ditemukan"
		}),
		new Ext.ux.StatusBar({
            id: 'word-status',
            items: [ clock, ' ']
        })
	],
	listeners: {
		render: {
			fn: function(){
				Ext.fly(clock.getEl().parent()).addClass('x-status-text-panel').createChild({cls:'spacer'});
				Ext.TaskMgr.start({
					run: function(){
						Ext.fly(clock.getEl()).update(new Date().format('d-M-Y g:i:s A'));
					},
					interval: 1000
				});
			},
			delay: 100
		}
	},
	stripeRows: true	
});
//==========================================================END GRID======================

//==========================================================WINDOW========================
var simple = new Ext.FormPanel({
	url:'/CI/index.php/quran/download',
	//frame:true,
	title: 'Download Aplikasi',
	monitorValid: true,
	bodyStyle:'padding:0px',
	autoScroll: true,
	border: false,
	buttonAlign: 'center',
	items: [
		new Ext.TabPanel ({
			border: false,
			//frame:true,
			activeTab: 0,
			bodyStyle:'padding:10px',
			defaults:{autoHeight: true},
			autoScroll: true,			
			items:[{
				title: 'Prakata',
				autoScroll: true,
				loadMask: true,
				autoLoad:{url: '/CI/index.php/quran/downloadStat', scripts:true},
				listeners:{
					activate : function(tabpanel){
						tabpanel.getUpdater().refresh();
					}
				}
			},{
				title:'Download',
				layout:'form',
				border:false,
				defaults: {anchor: '100%'},			
				defaultType: 'textfield',
				buttonAlign: 'center',
				bodyStyle:'padding:10px',
				//frame:true,				
				items: [
				{
					fieldLabel: 'Email',
					name: 'email',
					allowBlank: false,
					anchor: '100%',
					vtype:'email'
				}],
				buttons: [{
					text: 'Download Aplikasi',
					formBind: true,
					iconCls: 'save',
					handler: function(){
						Ext.MessageBox.confirm('Download', 'Aplikasi ini berbentuk .exe dan hanya dapat dijalankan di Windows, untuk menjalankan aplikasinya diperlukan password dan untuk mengetahuinya harap layangkan email kepada kontak@indoquran.web.id?', function(btn) {
							if(btn == "yes") {
								var values = simple.getForm().getFieldValues();
								if(values['email'] == '') {Ext.Msg.alert('Error', 'Email masih kosong');}
								else {
									simple.getForm().submit({										
										success: function(f,a){
											var hasil = a.result.Msg;
											simple.getForm().reset();
											downloadWin.hide();
											downloadLinkWin.show();
											//window.open('download.php','win','left=20,top=20,width=600,height=300,toolbar=0,resizable=0,location=0,status=0,scrollbars=1');
										},
										failure: function(f,a){
											downloadWin.hide();
											Ext.Msg.alert('Gagal', a.result.Msg);
										}
									});									
									
								}
							}
						})
					}
				}]
			}]
		})		
	]
});

var downloadWin = new Ext.Window({
//window download aplikasi
	id: 'downloadWin',
	header:true,
	hideTitle: true,
	//title: 'Download Aplikasi',
	closable: false,
	constrainHeader: true,
	modal: true,
	width: 600,
	height: 300,	
	layout: 'fit',
	bodyStyle:'padding:0px',
	plain: false,
	frame:true,
	autoScroll: false,
	border: true,
	buttonAlign: 'center',
	items: simple,
	buttons: [{
		text: 'Tutup',
		iconCls: 'close',
		handler: function(){				
			downloadWin.hide();
		}
	}]
});

var gbook = new Ext.Window({
//window buku tamu
	id: 'gbook',
	header:true,
	title: 'Buku Tamu',
	closable: false,
	constrainHeader: true,
	modal: true,
	width: 800,
	height: 500,
	layout: 'fit',
	plain: false,
	border: false,        
	buttonAlign: 'center',
	items: [{
			xtype:'tabpanel',
			id: 'tabgbook',
			plain:true,
			activeTab: 1,
			height:235,
			deferredRender: false,
			border:false,
			defaults:{bodyStyle:'padding:5px'},
			items:[
				new Ext.FormPanel({
					title:'Isi Buku Tamu',
					id: 'bukuTamu',
					frame: true,
					url:'/CI/index.php/quran/insertGbook',
					clientValidation: true,
					monitorValid: true,
					//defaults: {width: 230},
					labelWidth: 50,
					buttonAlign: 'center',
					defaultType: 'textfield',
					items: [{
						fieldLabel: 'Nama',
						name: 'name',
						allowBlank: false,
						anchor: '100%'
					},{
						fieldLabel: 'Email',
						name: 'email',
						allowBlank: false,
						anchor: '100%',
						vtype:'email'
					},{
						xtype:'htmleditor',						
						name: 'text',
						allowBlank: false,
						anchor: '100% 80%',
						fieldLabel:'Pesan'
					}],
					buttons: [{text: 'Simpan', formBind: true, iconCls: 'save',
						handler: function() {
							var bukuTamu = Ext.getCmp('bukuTamu');
							bukuTamu.getForm().submit({
							success: function(f,a){
								Ext.Msg.alert('Sukses', a.result.Msg);
								bukuTamu.getForm().reset();
								gbookStore.commitChanges();
								gbookStore.reload();
								Ext.getCmp('tabgbook').setActiveTab(1);
								},
							failure: function(f,a){Ext.Msg.alert('Gagal', a.result.Msg);}
							})
					}}]
				}),{
				title:'Daftar Buku Tamu',
				layout:'fit',
				bodyStyle:'padding:0px',
				items: gbookGrid
			}]
		}
	],
	buttons: [{text: 'Tutup', iconCls: 'close', handler: function(){gbook.hide();}}]
});

var donaturWin = new Ext.Window({
//window donatur
	id: 'donaturWin',
	header:true,
	title: 'Donatur',
	closable: false,
	constrainHeader: true,
	modal: true,
	width: 800,
	height: 500,
	layout: 'fit',
	plain: false,
	border: false,        
	buttonAlign: 'center',
	items: [{
			xtype:'tabpanel',
			id: 'tabDonatur',
			plain:true,
			activeTab: 2,
			height:235,
			deferredRender: false,
			border:false,
			defaults:{bodyStyle:'padding:5px'},
			items:[
				new Ext.FormPanel({
					title:'Isi Data Donatur',
					id: 'dataDonatur',
					frame: true,
					url:'/CI/index.php/quran/insertDonatur',
					clientValidation: true,
					monitorValid: true,
					//defaults: {width: 230},
					labelWidth: 50,
					buttonAlign: 'center',
					defaultType: 'textfield',
					items: [{
						fieldLabel: 'Nama',
						name: 'name',
						allowBlank: false,
						anchor: '100%'
					},{
						fieldLabel: 'Email',
						name: 'email',
						allowBlank: false,
						anchor: '100%',
						vtype:'email'
					},{
						xtype:'htmleditor',						
						name: 'text',
						allowBlank: false,
						anchor: '100% 80%',
						fieldLabel:'Pesan'
					}],
					buttons: [{text: 'Simpan', formBind: true, iconCls: 'save',
						handler: function() {
							var dataDonatur = Ext.getCmp('dataDonatur');
							dataDonatur.getForm().submit({
							success: function(f,a){
								Ext.Msg.alert('Sukses', a.result.Msg);
								dataDonatur.getForm().reset();
								gbookStore.commitChanges();
								gbookStore.reload();								
								},
							failure: function(f,a){Ext.Msg.alert('Gagal', a.result.Msg);}
							})
					}}]
				}),{
				title:'Daftar Donatur',
				layout:'fit',
				bodyStyle:'padding:0px',
				//items: gbookGrid
				html: 'test'
			},{
				title:'Informasi',
				layout:'fit',
				bodyStyle:'padding:0px',
				//items: gbookGrid
				html: 'test'
			}]
		}
	],
	buttons: [{text: 'Tutup', iconCls: 'close', handler: function(){donaturWin.hide();}}]
});

var visitorWin = new Ext.Window({
//window data pengunjung
	id: 'visitorWin',
	header:true,
	//title: 'Data Pengunjung',
	hideTitle: true,
	constrainHeader: true,
	closable: false,
	modal: true,
	width: 800,
	height: 500,	
	layout: 'fit',
	bodyStyle:'padding:0px',
	plain: false,
	autoScroll: false,
	border: false,
	buttonAlign: 'center',
	items: [
		{
			xtype:'tabpanel',
			id: 'pengunjungPanel',
			plain:true,
			activeTab: 1,			
			deferredRender: false,
			border:false,			
			items:[
				{
					title:'Daftar Pengunjung',
					layout:'fit',
					bodyStyle:'padding:0px',
					items: visitorGrid
				},
				{
					title:'Statistik Pengunjung',
					layout:'fit',
					bodyStyle:'padding:0px',
					items: [
						new Ext.Panel({
							iconCls:'chart',
							//title: 'Statistik Pengunjung',
							//frame:true,
							layout:'fit',
							items: {
								xtype: 'linechart',
								store: chartStore,
								url: '/ext/resources/charts.swf',
								xField: 'tgl',
								yField: 'visit',
								yAxis: new Ext.chart.NumericAxis({
									title: 'Hits',
									labelRenderer : Ext.util.Format.numberRenderer('0,0')
								}),
								xAxis: new Ext.chart.CategoryAxis({
									title: 'Tanggal'
								}),
								tipRenderer : function(chart, record){
									return record.data.tgl + ' sebanyak ' + record.data.visit + ' kunjungan';
								},
								extraStyle: {
								   xAxis: {
										labelRotation: -45
									}
								}
							},
							buttons: [{text: 'Refresh Data', iconCls: 'reset', handler: function(){chartStore.reload();}}]
						})
					]
				}
			]
		}
	],
	buttons: [{
		text: 'Tutup',
		iconCls: 'close',
		handler: function(){
			visitorWin.hide();
		}
	}]	
});

var windowAyat = new Ext.Window({
//window tampilan ayat
	id: 'windowAyat',	
	title: 'Isi Ayat',
	closable: false,
	constrainHeader: true,
	modal: true,
	width: 800,
	height: 400,	
	layout: 'fit',	
	plain: false,	
	border: false,	
	items: [
		new Ext.Panel({
			activeTab: 0,
			plain:true,
			border: false,
			buttonAlign: 'center',
			autoScroll: true,
			items:[
				{
					//title: 'Informasi',
					autoScroll: true,
					bodyStyle:'padding:5px',
					id:'panelAyat',
					loadMask: true
					//autoLoad:{url: '/CI/index.php/quran/viewAyat/1', scripts:true}
				},
				{
					//xtype: 'textfield',
					xtype: 'hidden',
					name: 'CurrAyatId',
					id: 'CurrAyatId',
					value : ''
				}
			]
		})
	],
	bbar : new Ext.Toolbar({
		buttonAlign: 'center',
		enableOverflow: true,
		items: [{			
			text: 'Ayat Sebelumnya',
			id: 'prevButton',
			iconCls: 'prev',			
			handler: function(){				
				var currAyatId = Ext.getCmp('CurrAyatId').getValue();
				prevAyatId = eval(currAyatId.valueOf()) - 1;
				if(prevAyatId == 0) {
					Ext.MessageBox.show({
					   title: 'Error!',
					   msg: 'Ini adalah ayat pertama!',
					   buttons: Ext.MessageBox.OK,
					   //fn: showResult,
					   icon: Ext.MessageBox.WARNING
				   });
				}
				else {
					Ext.getCmp('CurrAyatId').setValue(prevAyatId);
					Ext.Ajax.request({
						waitMsg: 'Silakan Tunggu...',
						url: '/CI/index.php/quran/getPrevAyat',
						success: function(response){
							var hasilText = eval(response.responseText);
							windowAyat.setTitle(hasilText[1]);
							Ext.getCmp('prevButton').setText(hasilText[0]);
							Ext.getCmp('nextButton').setText(hasilText[2]);
						},
						failure: function(response){
							var result=response.responseText;
							Ext.MessageBox.alert('Gagal','Tidak dapat mengambil ayat selanjutnya');
						},
						method: 'POST',
						params: {ayatId: prevAyatId}
					});
					Ext.getCmp('panelAyat').load({
						url: '/CI/index.php/quran/viewAyat/'+prevAyatId,
						discardUrl: false,
						nocache: false,
						text: 'Memuat...',
						scripts: false
					});
				}
			}
		},'-',{			
			text: 'Tutup',
			iconCls: 'close',
			handler: function(){windowAyat.hide();}
		},'-',{
			text: 'Ayat Selanjutnya',
			iconCls: 'next',
			id: 'nextButton',
			handler: function(){				
				var currAyatId = Ext.getCmp('CurrAyatId').getValue();
				nextAyatId = eval(currAyatId.valueOf()) + 1;
				if(nextAyatId > 6236) {
					Ext.MessageBox.show({
					   title: 'Error!',
					   msg: 'Ini adalah ayat terakhir!',
					   buttons: Ext.MessageBox.OK,
					   //fn: showResult,
					   icon: Ext.MessageBox.WARNING
				   });
				}
				else {
					Ext.getCmp('CurrAyatId').setValue(nextAyatId);
					Ext.Ajax.request({
						waitMsg: 'Silakan Tunggu...',
						url: '/CI/index.php/quran/getNextAyat',
						success: function(response){
							var hasilText = eval(response.responseText);						
							windowAyat.setTitle(hasilText[1]);
							Ext.getCmp('prevButton').setText(hasilText[0]);
							Ext.getCmp('nextButton').setText(hasilText[2]);
						},
						failure: function(response){
							var result=response.responseText;
							Ext.MessageBox.alert('Gagal','Tidak dapat mengambil ayat selanjutnya');
						},
						method: 'POST',
						params: {ayatId: nextAyatId}
					});
					Ext.getCmp('panelAyat').load({
						url: '/CI/index.php/quran/viewAyat/'+nextAyatId,
						discardUrl: false,
						nocache: false,
						text: 'Memuat...',
						scripts: false
					});
				}
			}
		}]
	})
});

var aboutWin = new Ext.Window({
//window tentang aplikasi
	id: 'aboutWin',
	header:true,
	title: 'Tentang Aplikasi',
	closable: false,
	constrainHeader: true,
	modal: true,
	width: 800,
	height: 500,	
	layout: 'fit',
	bodyStyle:'padding:0px',
	plain: false,
	autoScroll: false,
	border: true,
	buttonAlign: 'center',
	items: [
		new Ext.TabPanel ({
			border: false,
			frame:true,
			activeTab: 0,
			defaults:{autoHeight: true},
			autoScroll: true,
			items:[{
				title: 'Tentang',
				html: '<center>\
					<h1>Tentang Aplikasi Ini</h1><hr noshade size=1>\
					<img src="img/quran.png"><br>\
					Aplikasi Alquran Digital dengan tarjamah bahasa Indonesia ini menggunakan teknologi dari :\
					<br>* ExtJS 3.3\n<br>* CodeIgniter 2.0<br><br>\
					<i>"Berusahalah untuk tidak menjadi manusia yang berhasil,<br>\
					tapi berusahalah menjadi manusia yang berguna."</i>&nbsp;&nbsp;<b>(Albert Einstein)</b><br><br>\
					<i>"Pengetahuan tidaklah cukup; kita harus mengamalkannya.<br>Niat tidaklah cukup; kita harus melakukannya."</i>&nbsp;&nbsp;<b>(Johann Wolfgang von Goethe)</b><br><br>\
					Web developer berusaha untuk dapat memberikan sumbangsih pengetahuan yang didapat dari berbagai pengalaman dalam pembangunan aplikasi dan demi kelancaran para sabahat pengguna Internet untuk bisa mencari referensi dalam kitab yang kita imani bersama yaitu Al-Qur\'anul Karim yang penuh dengan hikmah, maka terciptalah website ini.<br>\
					Pakailah dengan Bijak wahai sahabatku.. :)<br>\
					Untuk informasi, masukan, saran dan kritik silakan layangkan email antum ke <a href="mailto:kontak@indoquran.web.id">kontak@indoquran.web.id</a></center>'
			},{
				title: 'Donasi',
				html: '<center>\
						<h1>Donasi</h1>\
						<img src="img/rp.jpg"><br>\
						<i>Assalamu\'alaikum Warrahmatullahi Wabarokatuh</i><br>\
						Bismillahirrohmanirrohim, untuk pengembangan website ini, antum dapat mengirimkan donasi dengan rekening berikut :<br>\
						<img src="img/danamon.gif"><br>\
						a/n : Tri Murni Jamillia<br>\
						no. rek : 105398150<br>\
						<img src="img/mandiri.png"><br>\
						a/n : Nova Herdi Kusumah<br>\
						no. rek : 1010006323313<br>\
						<img src="img/bca.gif"><br>\
						a/n : Oman Rochman<br>\
						no. rek : 2910362031\
					</center>'
			}]
		})
	],
	buttons: [{
		text: 'Tutup',
		iconCls: 'close',
		handler: function(){				
			aboutWin.hide();
		}
	}]
});

var downloadLinkWin = new Ext.Window({
//window download link
	id: 'downloadLinkWin',
	header:true,
	title: 'Download Aplikasi',
	closable: false,
	constrainHeader: true,
	modal: true,
	width: 600,
	height: 400,	
	layout: 'fit',
	bodyStyle:'padding:0px',
	plain: false,
	autoScroll: false,
	border: true,
	buttonAlign: 'center',
	items: [{
		html: '<center>\
			<h1 align="center"><a href="/MASTER/application.exe" target="_blank"><img src="/img/application_xp.png"> Klik disini untuk download aplikasi..</a></h1></center>'
	}],
	buttons: [{
		text: 'Tutup',
		iconCls: 'close',
		handler: function(){				
			downloadLinkWin.hide();
		}
	}]
});

var emailWin = new Ext.Window({
//window pembuatan email
	id: 'emailWin',
	header:true,
	title: 'Form Email',
	constrainHeader: true,
	closable: false,
	modal: true,
	width: 600,
	height: 400,	
	layout: 'fit',	
	plain: false,
	autoScroll: false,
	border: false,
	buttonAlign: 'center',
	items: [
		{
			xtype:'tabpanel',
			id: 'tabemail',
			plain:true,
			activeTab: 1,
			height:235,
			deferredRender: false,
			border:true,
			items:[
				{
					xtype:'form',
					id: 'formEmail',
					title: 'Form Pembuatan Email',
					url:'/CI/index.php/quran/formEmail',
					clientValidation: true,
					monitorValid: true,
					bodyStyle:'padding:5px',
					//defaults: {width: 230},
					labelWidth: 100,
					buttonAlign: 'center',
					defaultType: 'textfield',
					items: [{
						fieldLabel: 'Nama',
						name: 'nama',
						allowBlank: false,
						anchor: '100%'
					},
					{
						fieldLabel: 'Username',
						name: 'username',
						allowBlank: false,
						anchor: '100%',
						value: '@indoquran.web.id'
					},
					{
						fieldLabel: 'Email Luar',
						name: 'email',
						allowBlank: false,
						anchor: '100%',
						vtype:'email'
					},{
						xtype:'textarea',
						name: 'keterangan',
						allowBlank: false,
						anchor: '100% 70%',
						fieldLabel:'Alasan Pembuatan'
					}],
					buttons: [{
						text: 'Kirim',
						iconCls: 'save',
						formBind: true,
						handler: function() {
							var formEmail = Ext.getCmp('formEmail');
							formEmail.getForm().submit({
							success: function(f,a){
								Ext.Msg.alert('Sukses', a.result.Msg);
								formEmail.getForm().reset();
								emailStore.commitChanges();
								emailStore.reload();
								Ext.getCmp('tabemail').setActiveTab(2);
								},
							failure: function(f,a){Ext.Msg.alert('Gagal', a.result.Msg);}
							})
					}}
					]
				},
				{
					title: 'Informasi',
					autoScroll: true,
					loadMask: true,
					autoLoad:{url: '/CI/index.php/quran/informasiEmail', scripts:true},
					listeners:{
						activate : function(tabpanel){
							tabpanel.getUpdater().refresh();
						}
					}
				},emailGrid
			]
		}
	],
	buttons: [{text: 'Tutup', iconCls: 'close', handler: function(){emailWin.hide();}}]
});

var winArtikel = new Ext.Window({
//window artikel
	id: 'winArtikel',
	header:true,
	title: 'Artikel',
	closable: false,
	constrainHeader: true,
	modal: true,
	width: 800,
	height: 500,
	layout: 'fit',
	plain: false,
	border: false,        
	buttonAlign: 'center',
	items: [{
			xtype:'tabpanel',
			id: 'tabArtikel',
			plain:true,
			activeTab: 0,
			border: false,
			//height:235,
			deferredRender: false,			
			items:[
				{
					title:'Daftar Artikel',
					layout:'fit',				
					bodyStyle:'padding:0px',
					border: false,
					items: artikelGrid
				},
					new Ext.FormPanel({
						id: 'artikelForm',
						title: 'Sumbang Artikel',
						bodyStyle:'padding:5px',
						url:'/CI/index.php/quran/insertArtikel',
						clientValidation: true,
						monitorValid: true,
						labelWidth: 60,
						border: false,
						frame: true,
						autoScroll: true,
						defaultType: 'textfield',						
						items: [
							{
								fieldLabel: 'Penulis',
								name: 'penulis',
								allowBlank: false,
								anchor: '100%'
							},
							{
								fieldLabel: 'Judul',
								name: 'judul',
								allowBlank: false,
								anchor: '100%'
							},
							{
								fieldLabel: 'Sumber',
								name: 'sumber',
								allowBlank: false,
								anchor: '100%',
								value: 'http://www.indoquran.web.id'
							},							
							{
								//fieldLabel: 'Isi Artikel',
								xtype: 'htmleditor',
								hideLabel : true,
								name: 'text',
								allowBlank: false,
								anchor: '100% 82%',
								value: 'Isi artikel masukkan disini'
							},
							/*
							{
								xtype: 'tinymce',
								//fieldLabel: 'Isi Artikel',
								hideLabel : true,
								allowBlank: false,
								name: 'text',
								anchor:'100%',
								tinymceSettings: {
									mode : "textareas",
									theme : "advanced",
									skin : "o2k7",
									elements : "elm3",
									theme : "advanced",
									skin : "o2k7",
									skin_variant : "silver",
									force_br_newlines : true,
									force_p_newlines : false,
									forced_root_block : '', // Needed for 3.x
									plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",
									theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
									theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
									theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
									theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
									theme_advanced_toolbar_location : "top",
									theme_advanced_toolbar_align : "left",
									theme_advanced_statusbar_location : "bottom",
									theme_advanced_resizing : true,
									extended_valid_elements: "a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
									template_external_list_url: "example_template_list.js",
									style_formats : [
										{title : 'Bold text', inline : 'b'},
										{title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},
										{title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},
										{title : 'Example 1', inline : 'span', classes : 'example1'},
										{title : 'Example 2', inline : 'span', classes : 'example2'},
										{title : 'Table styles'},
										{title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}
									]
								},
								value: "Isi artikel masukkan disini"
							}							
							*/
						],
						buttons: [
						{
							text: 'Kirim',
							iconCls: 'save',
							id: 'tombolSimpan',
							disabled: false,
							formBind: true,
							handler: function() {
								var artikelForm = Ext.getCmp('artikelForm');
								Ext.getCmp('tombolSimpan').disable();
								artikelForm.getForm().submit({								
								success: function(f,a){
									Ext.Msg.alert('Sukses', a.result.Msg);
									artikelForm.getForm().reset();
									artikelStore.commitChanges();
									artikelStore.reload();
									Ext.getCmp('tabArtikel').setActiveTab(0);
									Ext.getCmp('tombolSimpan').enable();
									},
								failure: function(f,a){Ext.Msg.alert('Gagal', a.result.Msg);}
								})
							}
						},
						{
							text : 'Reset',
							iconCls: 'reset',
							handler: function() {
								var artikelForm = Ext.getCmp('artikelForm');
								artikelForm.getForm().reset();
							}
						}]
					})
			]
		}
	],
	buttons: [
		{text: 'Tutup', iconCls: 'close', handler: function(){winArtikel.hide();}}
	]
});

var winStatistik = new Ext.Window({
//window statistik
	id: 'winStatistik',
	header:true,
	//title: 'Data Pengunjung',
	hideTitle: true,
	constrainHeader: true,
	closable: false,
	modal: true,
	width: 800,
	height: 500,
	layout: 'fit',
	bodyStyle:'padding:0px',
	plain: false,
	autoScroll: false,
	border: false,
	buttonAlign: 'center',
	items: [
		new Ext.Panel({
			iconCls:'chart',
			title: 'Statistik Pengunjung',
			frame:true,
			layout:'fit',
			items: {
				xtype: 'linechart',
				store: chartStore,
				url: '/ext/resources/charts.swf',
				xField: 'tgl',
				yField: 'visit',
				yAxis: new Ext.chart.NumericAxis({
					displayName: 'Jumlah Kunjungan',
					labelRenderer : Ext.util.Format.numberRenderer('0,0')
				}),
				tipRenderer : function(chart, record){
					return Ext.util.Format.number(record.data.visits, '0,0') + ' sebanyak ' + record.data.name + ' kunjungan';
				}
			}
		})
	],
	buttons: [{
		text: 'Tutup',
		iconCls: 'close',
		handler: function(){
			winStatistik.hide();
		}
	}]	
});





//==========================================================END WINDOW====================
//Ext.ux.TinyMCE.initTinyMCE();
Ext.onReady(function(){
	Ext.QuickTips.init();	
	
    //loading message-----------------------
	var loadingMask = Ext.get('loading-mask');
	var loading = Ext.get('loading');
	//  Hide loading message
	loading.fadeOut({ duration: 0.2, remove: true });
	//  Hide loading mask
	loadingMask.setOpacity(0.9);
	loadingMask.shift({
		xy: loading.getXY(),
		width: loading.getWidth(),
		height: loading.getHeight(),
		remove: true,
		duration: 1,
		opacity: 0.1,
		easing: 'bounceOut'
	});
	//end loading message-----------------------

	new Ext.Viewport({
		layout:'fit',		
		items:[
			{
				xtype: 'panel',
				header: true,
				title: 'Search Engine Al-Qur\'anul Karim : Bahasa Indonesia',
				tbar: {
					xtype: 'container',
					layout: 'anchor',
					defaults: {anchor: '0'},
					defaultType: 'toolbar',
					items: [{
					items: [
						'Kolom Pencarian : ',
							{
								xtype:'textfield',
								fieldLabel:'Cari',
								name: 'pattern',
								width: 400,
								id:'pattern',
								listeners: {
								//jika menggunakan tombol ENTER, akan sama dengan menekan tombol cari
									'render': function(c) {
										c.getEl().on('keypress', function(e) {
//											if(e.getKey() == e.ENTER && this.getValue().length > 0) {
//												searchValue();
//											}
											searchValue();
										},
										Ext.QuickTips.register({
											target: c.getEl(),
											text: 'Kolom pencarian pada tarjamah Al-Qur\'anul Karim'
										}),
										c
										);
									}
								}
							},'-',
								new Ext.form.Checkbox({
								id: 'text-option',
								name: 'text-option',
								boxLabel: 'Cocok',
								value: true,
								listeners: {
									render: function() {				
										Ext.get('text-option').set({qtip:'Sesuaikan pencarian dengan seluruh kata pencarian'});
										}
								}
							})
							,'-',
							new Ext.Toolbar.Button({
								text: 'Cari',
								iconCls:'search-icon',
								handler: function search_submit() {
									searchValue();
								}
							}),'-',
							new Ext.Toolbar.Button({
								text: 'Kosongkan',
								iconCls:'empty-icon',
								handler: function() {
									var s = Ext.getCmp('pattern');
									s.setValue('');
									DataStore.baseParams = {pattern: document.getElementById('pattern').value};
									DataStore.load({
										params:  {
											start: 0,
											limit: paging
										}
									});
								}
							})
					]
					},{
						items: [
							'Pilih Surah : ',
						{
							xtype: 'combo',
							id: 'surahID',
							width: 170,
							hiddenName: 'surahID',
							name: 'surahID',
							fieldLabel: 'Buka Surah',
							typeAhead: true,
							triggerAction: 'all',
							lazyRender:true,
							store: surahStore,
							mode: 'local',
							editable: false,
							valueField: 'id',
							displayField: 'nama_surah',
							emptyText: 'Pilih Surah..',
							listeners: {
								select: function(){
									var nilai = this.getValue();
									DataStore.baseParams = {SuraID: nilai};
									DataStore.load({
										params:  {
											start: 0,
											limit: paging
										}
									});
								}
							}
						},'-',
						{
							xtype: 'combo',
							id: 'topPencarianId',
							width: 250,
							typeAhead: true,
							triggerAction: 'all',
							lazyRender:true,
							store: topPencarianStore,
							mode: 'local',
							editable: false,
							valueField: 'pencarian',
							displayField: 'pencarian',
							emptyText: 'Top 30 pencarian...'
						},'-',
						{
							text: 'Menu Lain',
							tooltip: 'Beberapa fasilitas lain di aplikasi ini',
							iconCls:'main_menu',
							menu: [
								{
									text: 'Buku Tamu',
									iconCls: 'gbook-icon',
									tooltip: 'Untuk melihat dan mengisi buku tamu yang ada',
									handler: function(){
										Ext.getCmp('tabgbook').setActiveTab(1);
										gbookStore.load();
										gbook.show();
									}
								},
								/*
								{
									text: 'Artikel',
									iconCls: 'artikel-icon',
									handler: function(){
										winArtikel.show();
									}
								},
								*/
								{
									text: 'Data Pengunjung Aplikasi Ini',
									iconCls: 'visitor-icon',
									handler: function(){
										Ext.getCmp('pengunjungPanel').setActiveTab(1);
										visitorWin.show();
									}
								},
								{
									text: 'Pembuatan Email',
									iconCls: 'email',
									tooltip: 'Pembuatan email@indoquran.web.id',
									handler: function(){
										Ext.getCmp('formEmail').getForm().reset();
										emailWin.show();
									}
								},
								{
									text: 'Random Ayat',
									iconCls: 'random',
									tooltip: 'Radom pada ayat',
									handler: function(){									
										randomAyat();
									}
								},{
									text: 'Tentang Aplikasi',
									iconCls: 'about',
									tooltip: 'Tentang aplikasi ini',
									handler: function(){									
										aboutWin.show();
									}
								}
							]
						},'-',{
							text: 'Download Aplikasi',
							iconCls: 'download',
							tooltip: 'Download aplikasi ini',
							handler: function(){									
								downloadWin.show();
							}
						},'-',{
							text: 'Komunitas IndoQuran*',
							iconCls: 'gbook-icon',
							tooltip: 'Komunitas IndoQuran *baru*',
							handler: function(){
								window.open('comm/','_blank','')
							}
						}
						]
					}]
				},
				border:false,
				layout:'fit',
				items:[
						QuranGrid
				]
			}
		]
	});
	//aboutWin.show();	
	randomAyat();
});