jQuery click event triggering more than once
<p>I am having trouble figuring out what is causing the click event to fire more than once in the webapp below. Please visit the url, click on any level [from Ground - 4], and then click on a unit.</p>

<p><a href="http://plaza.foxqa.com.au/touch/index.html" rel="nofollow">http://plaza.foxqa.com.au/touch/index.html</a></p>

<p>That will bring up the Unit Details [price, images etc.]. The images in this page has a click event attached to them which basically enlarges the image. This event keeps stacking up. It will work fine when a unit is clicked for the first time. </p>

<p>Then it will fire twice for the second unit and three times for the third unit and so on. I tried to unbind the click event once the enlarged view is closed but still not working.</p>

<p>Any help would be appreciated.</p>

<p>Edit: Please test this in Google Chrome.</p>

<p>Edit 2: Steps that might help you figure out the problem sooner.</p>

<ol>
<li>Open the components_draft.js in your console.</li>
<li>Add a breakpoint at line 687.</li>
<li>Click on a level on the building</li>
<li>Click on any green coloured unit [or lot].</li>
<li>Once the unit details are displayed, click on the unit plan image.</li>
<li>It gets enlarged.</li>
<li>Click anywhere on the image and it will be minimized. </li>
<li>Go back to step 4 by clicking the close icon.</li>
<li>Repeat 5,6,7.</li>
<li>Now, when the enalrged image is clicked, step through the functions in the console and you will see the click event looping twice for a single click.</li>
</ol>

<p>I know following all of this is a pain but please take some time to analyze it.</p>
