Wyznaczanie drogi w jquery Opcje

[miccom]

Cześć.
Poszukuję odpowiedzi aby zrealizować zadanie.
Chcę wyznaczyć trasę ruchu postaci na mapie hexagonalnej.

Może to być przez kliknięcie lub mouseover ale w taki sposób aby droga była jednorodną linią od pierwszego div do ostatniego.

Czyli klikam sobie poszczególne divy i wyznaczam trasę marszu- to ogarnę ale jak obliczyć czy kliknięte div są ze sobą sąsiadujące?

Moja mapa aktualnie wygląda tak:

[HTML] pobierz, plaintext 
                            <div class="tile ocean" style="top:250px; left:500px;" num="696"></div>
                            <div class="tile ocean" style="top:275px; left:550px;" num="697"></div>
                            <div class="tile island" style="top:250px; left:600px;" num="698"></div>
                            <div class="tile ocean" style="top:275px; left:650px;" num="699"></div>
                            <div class="tile ocean" style="top:250px; left:700px;" num="700"></div>
                            <div class="tile ocean" style="top:275px; left:750px;" num="701"></div>
 
 
[HTML] pobierz, plaintext 

Mogę również w tej mapie pokazać kolumny i wiersze.
Mapa narysowana jest tak, że nieparzyste kolumny są przesunięte o połowę wysokości div .tile

Podpowiecie za czym mam się rozglądać aby to ogarnąć?

[trueblue]

https://www.google.com/search?q=find+hexagonal+path