Liferay Alloy Popup

<script type="text/javascript">

 function <portlet:namespace/>showPopup() {
      AUI().use('aui-dialog', 'aui-io', 'event', 'event-custom', function(A) {
       var dialog = new A.Dialog({
                 title: 'My Message Board',
                 centered: true,
               draggable: true,
               width: 600,
                height: 600,
               modal: true
           }).plug(A.Plugin.IO, {uri: 'www.gmail.com'}).render();
          dialog.show();
     });
  }
</script>
<div id="<portlet:namespace/>content">
<p><a href="javascript: <portlet:namespace/>showPopup(); ">Click here to show message board pop up.</a></p>
</div>
Image popup  


<script type="text/javascript">    
AUI().ready('aui-dialog', function(A) {

    A.one('#akash2').on('click', function() {
        var scrt="http://vinod:8080/Liferaydocuments-portlet/images/DSC02436.JPG";
        
        var html='<img src="/html/12812.jpg"/> ';
        var dialog2 = new A.Dialog(
                {
                    header: 'display image',
                    title: 'Dialog',
                    bodyContent:html,
                    position:'center',
                    width: 600,
                    height: 600,
                    modal:true,
                    
                    xy: ['center', 100],
                    
                }
                
            ).render();

    });    
    });
        


</script>    

<p class="direction">powered by<a href="javascript: void(0);" id="akash2">vinod</a></p>