Fancybox into area shape
===

I want apply a fancybox into my site on a image with area shape. When I click into the are shape doesn't appear the fancybox vut only the image linked like a simple link.
This is my code:

    <script type="text/javascript">
    $(document).ready(function(){
    	$("a.fancy").fancybox({
    		'transitionIn'	:	'fade',
    		'transitionOut'	:	'fade',
    		'speedIn'		:	600, 
    		'speedOut'		:	200, 
    		'overlayShow'	:	true
    	});
    });
    </script>
    <img src="img/mappa/mappa.jpg" alt="mappa del parco" usemap="#Map" />
                <map name="Map" id="Map">
                  <area shape="rect" data-fancybox-group="fancy"  coords="307,293,399,351" href="img/mappa/mappa.jpg"  class="fancy" rel="fancy" group="fancy" alt="" />
                </map>

