revised Alloy controller format

app.tss

"Window": {
	backgroundColor: '#fff'
},
"Label": {
	width: Ti.UI.SIZE,
	height: Ti.UI.SIZE,
	color: "#000",
	font: {
		fontSize: '32dp'
	}
},
"#ad": {
	buttonNames: ['OK'],
	title: 'Label Text'
}

dialog.js

var args = arguments[0] || {};
$.ad.message = args.message;

// "exported" functions attached to each dialog controller instance
exports.showDialog = function() {
	$.ad.show();	
}
exports.hideDialog = function() {
	$.ad.hide();
}

dialog.xml

<Alloy>
	<AlertDialog id="ad"/>
</Alloy>

index.js

$.index.open();

/* 
 * "exported" functions are attached to each instance and are made 
 * available inside the controller code as well.
 * - "exports" can call and access other "exports"
 * - "exports" also have full access to the $ variable
 */
exports.showAlert = function(text) {
	var dialogController = Alloy.getController('dialog', { message:text });
	dialogController.showDialog();
	// or you can access the AlertDialog directly with getView(id)
	//
	//     dialogController.getView('ad').show();
	//
	// getView() called with no id will get the first top-level view
	//
	//     dialogController.getView().show(); 
	
	// hide the dialog after 3 seconds using the exposed "hideDialog" function
	setTimeout(function() {
		dialogController.hideDialog();
	}, 3000);
}

/*
 * markup event handler
 */
function doClick(e) {  
    exports.showAlert($.label.text);
}

index.xml

<Alloy>
	<Window>
		<Label id="label" onClick="doClick">Hello, World</Label>
	</Window>
</Alloy>