title: Find item in json object
body: <p>Lets say this object</p>
  
  <pre><code>var paises = {
          "isora":  {
               leftX: '275',
               topY: '60',
               name: 'Gran Melia Palacio de Isora'
          },
          "pepe":  {
               leftX: '275',
               topY: '60',
               name: 'Gran Melia  de Don Pepe'
          },
          "australia":  {
               leftX: '565',
               topY: '220',
               name: 'Gran Melia Uluru'
          },
          "otro":  {            //    ejemplo
               leftX: '565',    //    cordenada x 
               topY: '220',     //    cordenada y
               name: 'soy otro' //    nombre a mostrar
          }  /*                 &lt;==&gt;  &lt;span class="otro mPointer"&gt;isora&lt;/span&gt; */
      }
  </code></pre>
  
  <p>Allright as you can see it has a id (isora,pepe, australia,otro) and each of those has cordinades (leftX, topY) and another name to show (name)     </p>
  
  <p>I am using this to geo tag pictures,<br>
  i already done the part where i hover an item and i highlight in the map the cordinades and the name to show,   Now i need to do the opposite; if i hover the area in the map i need to highlight the item on the list (and in the map)         </p>
  
  <p>So lets say i have this mouse cordinades</p>
  
  <pre><code>x = 270
  
  and     
  
  y = 55   
  </code></pre>
  
  <p>how can i check if there is any item (id)  with:
   x+-30 (leftX) AND y+-30 (topY) ??</p>
  
  <p>+-30 is the margin of error (obviously is very dificult that users point exact cordinades with the mouse)</p>