V.S.A. III

<div id="calendar"></div>

<script type="text/javascript">
<!-- 
function getDayOfTheWeek(year, month, day) {
    if( month < 3 ){
        month += 12;
        year--;
    }

    return (
        year
        + Math.floor( year / 4 )
        - Math.floor( year / 100 )
        + Math.floor( year / 400 )
        + Math.floor( (13 * month + 8) / 5 ) + day
        ) % 7;
}

function make_calendar( year, month, curyear, curmonth ){
    var days = new Array(31, 28, 31, 30, 31, 30, 31, 31,  30, 31, 30, 31);
    if( (((year % 4) == 0)&&((year % 100) != 0)) || ((year % 400) == 0) ){
        days[1]=29;
    }

    var startday = getDayOfTheWeek(year, month, 1);
    var lastday = days[month-1];

    var lastmonth = month - 1;
    var nextmonth = month + 1;
    var lastyear = year;
    var nextyear = year;

    if( lastmonth == 0 ){
        lastmonth = 12;
        lastyear--;
    }
    if ( nextmonth == 13 ) {
         nextmonth = 1;
         nextyear++;
    }

    if( month < 10 ){
        smonth = "0" + month;
    }else{
        smonth = "" + month;
    }

    var calhtml = "";

    calhtml += "<table align=\"center\">";

    calhtml += "<tr><td>";
    calhtml += "<span onmouseover=\"style.cursor='pointer';\" "
            + "onclick=\"rewriteCal("
            + lastyear + "," + lastmonth + ","
            + curyear + "," + curmonth + ")\">"
            + "&lt;&lt;</span></td>";
    calhtml += "<td colspan=\"5\" align=\"center\">"
            + "<a href=\"archive.php?date="
            + year + smonth + "\" target=\"_blank\">"
            + year + "&nbsp;年&nbsp;" + month + "&nbsp;月</td>";
    calhtml += "<td>"
    calhtml += "<span onmouseover=\"style.cursor='pointer';\" "
            + "onclick=\"rewriteCal("
            + nextyear + "," + nextmonth + ","
            + curyear + "," + curmonth + ")\">"
            + "&gt;&gt;</span></td></tr>";

    calhtml += "<tr><td>日</td><td>月</td><td>火</td><td>水</td>";
    calhtml += "<td>木</td><td>金</td><td>土</td></tr>";

    var cols = 0; 
    if( startday != 0 ){
        calhtml += "<tr>";
        for( cols = 0; cols < startday; cols++ ){
            calhtml += "<td>&nbsp;</td>";
        }
    }

    for( day = 1; day <= lastday; day++ ){
        if( cols == 0 ){
            calhtml += "<tr>";
        }
        if( day < 10 ){
            sday = "0" + day;
        }else{
            sday = "" + day;
        }
        calhtml += "<td align=\"right\">"
                + "<a href=\"index.php?date="
                + year + smonth + sday + "\" target=\"_blank\">"
                + day + "</a></td>";                
        cols++;
        if( cols >= 7 ){
            calhtml += "</tr>";
            if( day < lastday ){
                cols = 0;
            }
        }
    }
    for( i = cols; i < 7; i++){
        calhtml += "<td>&nbsp;</td>";
    }

    calhtml += "</tr>";
    calhtml += "<tr><td colspan=\"7\" align=\"right\">";
    calhtml += "<span onmouseover=\"style.cursor='pointer';\" "
            + "onclick=\"rewriteCal("
            + curyear + "," + curmonth + ","
            + curyear + "," + curmonth + ")\">"
            + "今月へ</span></td></tr>";
    calhtml += "</table>";

    return calhtml;
}

function _getElementById( id ) {
    var elem;
    if( document.getElementById ){ // for NS, IE>=5
       elem = document.getElementById( id );
    }else if( document.all ){ // for IE < 5
       elem = document.all( id );
    }else{
       elem = null;
    }
    return elem;
} // end of _getElementById()

function rewriteCal(year,month,curyear,curmonth){
    var cal = make_calendar( year, month, curyear, curmonth );
    _getElementById("calendar").innerHTML = cal;
}

var today = new Date();
var curyear = today.getFullYear();
var curmonth = today.getMonth() + 1;
rewriteCal(2007,6,curyear,curmonth);
// -->
</script>