here's some tye of stem text

<br>

<a href="" onclick=" PopUpDiv ('1', 'top+150','400','400','One!');return false;">FirstImage</a>

&nbsp;&nbsp;

<a href="" onclick=" PopUpDiv ('2', 'top+250','500','500','Two!');return false;">SecondImage</a>

<div id="dvMyDiv1" style="display:none; background-color: lightblue;">

<img src="Images/1/apple.jpg">

</div>

<div id="dvMyDiv2" style="display:none; background-color: lightblue;">

<img src="Images/1/Boxer1.jpg">

</div>

<script>

function PopUpDiv(iDivID,sOffSet,iWidth,iHeight,sTitle) {

         $('head').append('<style type="text/css">.ui-widget-overlay.ui-front {opacity:.75; }</style>');

        $("#dvMyDiv" + iDivID).dialog({  title: sTitle,

            buttons: [{ text: "Ok", click: function() {$(this).dialog("close");}} ],

            closeOnEscape: false,

            modal: false,

            position: { my: 'top', at: sOffSet },

            show: 'fade',

            hide: 'fade',

            width: iWidth,

            height: iHeight

        }).prev().find(".ui-dialog-titlebar-close").hide();

    } 

</script>