var flipSide = (function(){
	'use strict'
	
	var template = getTemplate();

	function newFlipSide(d, t, fns){ return new FlipSide(d, t, fns); }

	function FlipSide(d, t, fns){
		var e = getElementFromString(template, fns.getAppName('flipSide')),
			row = new ToggleRow(e, updateToggle, {
				'status' : d.status,
				'headerClass' : 'medium',
				'removeAppFn' : removeAction
			}),
			eles = new Elements(e, {
				'status': { 'target' : row },
			});
		
		this.exit = exit;

		t.appendChild(e);

		function updateToggle(e){ d.status = e; }
		function removeAction(e){ fns.removeApp("flipSide"); }
		function exit(){
			if(!!e) removeChild(t, e);
			if(!!eles) eles.exit();
			e = eles = null;
		}
	}

	function getTemplate(){ return '<row class="flipSide"><h3 class="medium">{{ . }}:</h3><div class="toggle"></div><div class="remove"></div></row>'; }

	return newFlipSide;
})();