[AJAX] Mappa stile travian

Ciao a tutti ragazzi, so che un giorno mi metterete la corda al collo per tutte le domande che vi faccio abusando della vostra gentilezza, speriamo che succeda il + tardi possibile :lol: .

Vi esplico il mio recente problema, sto costruendo un piccolo progetto che utilizza un database (mysql) con una tabella che contiene una mappa (l'asse y sono le colonne e l'asse x le righe) 25x25.
Ed ecco il mio problema :
come faccio a creare con ajax (misto a css e html e ovviamente js) una mappa dinamica di quel tipo. Per chi non ce l'avesse presente è una mappa (5x5) che ha 4 frecce in corrispondenza dei margini, cliccando su una di quelle frecce la mappa scorre. ad esempio

O = CELLA
P = Nuova cella
---OOO
<-OOO
---OOO

se io premo sulla freccia diventa

---POO
<-POO
---POO

Come potrei fare ?