salve ragazzi ho un problema che non riesco a risolvere...Ho una griglia da me costruita dove ogni cella contiene un buttom

Cattura.jpg


ora usando Javascript e in particolare onmouseover() e onmouseout() vorrei che passando su una specifica cella della griglia(che vi ricordo sono tutti button) voglio evidenziare di verde la cella dove passo con il mouse e le tre successive ..quindi se metto il mouse sulla posizione griglia [5][2] mi devono diventare verde le celle [5][2],[5][3],[5][4],[5][5],stesso discorso se mi metto sulla cella [3][1]. se invece sposto il mouse fuori dal button ritorni al suo colore originale..consigli ???Ho provato mille modi ma non riesco....