SD.timeClock.addPopup('hours', new Ext.Window({
	layout: 'fit',
	title: 'View my Hours',
	width: 435,
	height: 382,
	closeAction: 'hide',
	modal: true,
	plain: true,
	items: new timeclockHoursGrid(),
	buttons: [{
		text: 'Close',
		handler: function(btn) {
			this.ownerCt.ownerCt.hide();
		}
	}],
	listeners: {
		beforeShow: function() {
			if (SchoolDynamics.TeacherID != 'KIOSK') {
				return true;
			}
			staffid = Ext.getCmp('tcStaffMember').getValue();
			password = Ext.getCmp('tcPassword').getValue();
			tcHoursGrid = Ext.getCmp('timeclock_hours_grid');
			tcHoursGrid.store.baseParams.staffid = staffid;
			tcHoursGrid.store.baseParams.password = password;
			var showPopup;
			Ext.Ajax.request({
				url: 'main_menu/timeclock_data.json.php',
				async: false,
				success: function(r) {
					if (r.responseText.trim() == 'true') {
						showPopup = true;
					} else {
						Ext.Msg.alert('ERROR', 'Wrong password');
						showPopup = false;
					}
				},
				params: {
					command: 'isValidPass',
					staffid: staffid,
					tcPassword: password
				}
			});
			return showPopup;
		},
		show: function(tab) {
			Ext.getCmp('timeclock_hours_grid').store.load();
		}
	}
})
);