title: Tap, Pan for a map & fixed headers - event conflict
body: <p>I'm currently developing a small WebApp that makes use of</p>
  
  <ul>
  <li>Google Maps (front-end uses jquery-ui-maps)</li>
  <li>jQuery Mobile with <a href="http://jquerymobile.com/test/docs/toolbars/bars-fixed.html" rel="nofollow">a fixed header &amp; footer</a></li>
  </ul>
  
  <p>Now I encountered a conflict that appears on touch enabled devices as well as on desktop/mouse controlled "click" events: When I <a href="http://jquerymobile.com/test/docs/api/events.html" rel="nofollow">"tap"</a> or <a href="http://code.google.com/intl/de-DE/apis/maps/documentation/javascript/events.html" rel="nofollow">"click"</a> the map to actually "pan" it, then my header/footer toggles it's visibility. As I want to keep the toggle behaviour, I can't simply deactivate it, but showing/hiding the header/footer on every "pan" of the map is odd. After thinking some time about it, I think I got a concept that should work:</p>
  
  <p><strong>Question:</strong> How I can I add a delay to the visibility toggle for the header/footer? So when I don't release the finger/mouse after XYms, the header/footer doesn't show/hide?</p>
  
  <p>Example:</p>
  
  <pre><code>jQuery( '#map_page' ).live( 
      "pageinit"
      ,function() 
      {
          // Att.: pseudo code
          if ( $.mobile.taphold )
              don't toggle fixed
          if ( mousedown &gt; XYms )
              don't toggle fixed
      }
  );
  </code></pre>
  
  <p>Thanks!</p>