How to programatically show the dialog box of a component in the CQ 5.6 Touch UI?

Hi,

We have modified our Touch UI Editor and have added an extra button in the Page Status area:

[img]cuid_Page_Information.png[/img]

The image is for CQ 6.0, but we are using CQ 5.6.

On the page we are editing, a component is embedded like the following code snippet:

<div class="hidden"> <cq:include path="foo" resourceType="..."/> </div>

The component, as can be seen, is hidden.

If I add a button to the Page Status area, how can I program the button so that clicking it shows the dialog box for the hidden "foo" component?

We are already doing this, but the code behind it is so dirty and unreadable and I was wondering if there's a cleaner way available for doing this?

Thanks.