How to dispaly image map image in ShowModalDialog

See more:

Javascript

XHTML

I have written this script to show the image in the showmodaldialog

<script type="text/javascript" language="javascript">
<!--
function ModalDialog(mylink, windowname)
{
    if (! window.focus)return true;
    var href;
    if (typeof(mylink) == 'string')
        href=mylink;
    else
        href=mylink.href;
    //window.open(href, windowname, 'width=800,height=600,scrollbars=yes');
    window.ShowModalDialog(href,windoname, "dialogWidth:400px; dialogHeight:225px; status:no; center:yes");
    return false;
}
-->

this is the image map code

<img src="../../new/mar/23/23032010-01.jpg" width="595" height="900" usemap="#23032010-01.jpg" class="map" border="0" align="center" />
                     <map name="23032010-01.jpg" id="23032010-01.jpg">
                        <area shape="rect" coords="510,14,607,115" href="new\mar\23\01\23032010-01-N01.jpg" onclick="return ModalDialog(this,'gloss')" />
                        <area shape="rect" coords="153,143,341,382" href="new\mar\23\01\23032010-01-N02.jpg" onclick="return ModalDialog(this,'gloss')" />
                        <area shape="rect" coords="344,140,618,271" href="new\mar\23\01\23032010-01-N03.jpg" onclick="return ModalDialog(this,'gloss')" />
                        <area shape="rect" coords="349,276,618,384" href="new\mar\23\01\23032010-01-N04.jpg" onclick="return ModalDialog(this,'gloss')" />
                        <area shape="rect" coords="147,384,310,589" href="new\mar\23\01\23032010-01-N05.jpg" onclick="return ModalDialog(this,'gloss')" />
                        <area shape="rect" coords="316,386,412,589" href="new\mar\23\01\23032010-01-N06.jpg" onclick="return ModalDialog(this,'gloss')" />
                        <area shape="rect" coords="417,385,618,595" href="new\mar\23\01\23032010-01-N07.jpg" onclick="return ModalDialog(this,'gloss')" />
                        <area shape="rect" coords="142,590,368,693" href="new\mar\23\01\23032010-01-N08.jpg" onclick="return ModalDialog(this,'gloss')" />
                        <area shape="rect" coords="139,692,263,887" href="new\mar\23\01\23032010-01-N10.jpg" onclick="return ModalDialog(this,'gloss')" />
                        <area shape="rect" coords="372,599,615,743" href="new\mar\23\01\23032010-01-N09.jpg" onclick="return ModalDialog(this,'gloss')" />
                        <area shape="rect" coords="262,693,362,881" href="new\mar\23\01\23032010-01-N11.jpg" onclick="return ModalDialog(this,'gloss')" />
                        <area shape="rect" coords="372,748,616,880" href="new\mar\23\01\23032010-01-N12.jpg" onclick="return ModalDialog(this,'gloss')" />
                        <area shape="rect" coords="3,132,136,456" href="new\mar\23\01\23032010-01-N13.jpg" onclick="return ModalDialog(this,'gloss')" />
                        <area shape="rect" coords="11,460,130,633" href="new\mar\23\01\23032010-01-N14.jpg" onclick="return ModalDialog(this,'gloss')" />
                        <area shape="rect" coords="17,639,126,879" href="new\mar\23\01\23032010-01-N15.jpg" onclick="return ModalDialog(this,'gloss')" />
                     </map>

This code is not working it opens new IE and display the image

Please help me


Thanks
Dhiman