enyo.kind({
	name: "enyo.Prefs",
	kind: "VFlexBox",
	events: {
		onBack: ""
	},
	components: [
		{name: "prefs", flex: 1, kind: "Pane", onclick: "paneClick", transitionKind: "enyo.transitions.Simple", components: [
			{
				kind: HeaderView,
				title: "Preferences",
				onBack:'backHandler',
				description: "Application Preferences",
				components: [
		{kind: "Item", align: "center", tapHighlight: false, layoutKind: "HFlexLayout", components: [
			{flex: 1, content: "Metrix Data Collection"},
			{kind: "ToggleButton", name: "metrixToggle"}
		]},

	]},
	]},
	],
	create: function() {
		this.inherited(arguments);
	},
	metrixToggle: function(inSender, inState) {
    this.log("Toggled to state" + inState);
	},
	backHandler: function(inSender, e) {
		enyo.setCookie('metrixToggle', 'return this.$.metrixToggle.getState()');
		var metrixToggle = enyo.getCookie("metrixToggle");
		this.$.metrixToggle.setContent(enyo.json.stringify(metrixToggle));
		this.doBack();
	}
});