Закрасить таблицу

[Skeleton92]

Здравствуйте.
Нужно закрасить согласно рисунку 2 динамические таблицы, используя вложенные операторы цикла.
Может кто-нибудь наведет на мысль как реализовать.
Нашел вариант с шахматной доской.

<style>
.r1 {background-color: green; height: 50px; width: 50px;}
.r2 {background-color: blue; height: 50px; width: 50px;}
</style>
<script>
var n = 7; var s;
document.write("<table>");
for (i=1; i<=n; i=i+1)
    {
    document.write("<tr>")
        for (j=1; j<=n; j=j+1)
            {
            st = (i+j)%2;
            if (st == 0) s ="class='r1'";
            else s = "class='r2'";
            document.write("<td " +s+ "></td>");
            }
    document.write("</tr>")
    }
document.write("</table>")
</script>

[Serge_Bliznykov]

первый.

var n = 9;
document.write("<table>");
for (i=0; i<n; i++)
    {
    document.write("<tr>")
        for (j=0; j<n; j++)
            {
            if(i<=j && i>=(n-1-j))
                 s ="class='r1'";
            else s = "class='r2'";
            document.write("<td " +s+ "></td>");
            }
    document.write("</tr>")
    }
document.write("</table>")

второй.

            if(Math.abs(i-j)<2 || Math.abs(i-(n-1-j))<2)
                 s ="class='r1'";
            else s = "class='r2'";

[Skeleton92]

Гениально.
Большое человеческое спасибо.