DHTML Window Widget (Position relative to image not window)
I have the DHTML Window Widget working fine, but I'm looking to position the popup window relative to the image not the window.
Here is a link to the project.
As it stands, if you click the "Explore Now" button I have the popup centering itself to the window. I would like to know how to alter the script to place the popup window center/right on the image.
Here is a screen shot of how I would like the window to position itself.
Here is my code as it stands:
Any help would be greatly appreciated.
<img name="m_TennesseeMain" src="Images/TennesseeMain.jpg" width="825" height="500" border="0" id="m_TennesseeMain" usemap="#m_TennesseeMain" alt="Explore Now!" />
<map name="m_TennesseeMain" id="m_TennesseeMain">
<area shape="rect" coords="49,295,164,322" href="#" onClick="ajaxwin=dhtmlwindow.open('ajaxbox', 'ajax', 'WindowFiles/Destinations.asp', 'Choose Your Destination', 'width=350px,height=410px,resize=0,scrolling=1'); ajaxwin.moveTo('middle', 'middle'); return false;" alt="Explore Now!" />