$(function() {

var year  = parseInt(dateString.split('-')[0]);
var month = parseInt(dateString.split('-')[1]) - 1;
var day   = parseInt(dateString.split('-')[2].substring(0, 2)) - 1;

var date = new Date(year, month, day);

var daysInMonth = 32 - new Date(year, month, 32).getDate();
var firstDay = new Date(year, month, 1).getDay();

var currentCell = 0;
var currentWeek = 0;

var $calendar = $('#calendar');

for(var i = 0; i < Math.ceil((daysInMonth + firstDay) / 7); i++) {
    $calendar.append(renderRow());
    currentWeek++;
}

function renderRow() {
    var today = new Date();
    var $row = $('<tr></tr>');
    var $cell = {};
    var currentDay = null;
    
    for(var i = 0; i < 7; i++) {
        currentDay = currentCell - firstDay;
            
        if ((currentWeek == 0 && currentCell < firstDay) || 
            (currentDay >= daysInMonth)) {
            $cell = $('<td></td>').addClass('blank');
        } else {
            $cell = $('<td></td>').text(currentDay + 1).addClass('day');
            
            if(currentDay == day) {
              $cell.addClass('target match-background');
            } else if(today.getMonth() == month && currentDay < today.getDate() - 1) {
              $cell.addClass('past');
            }
        }
                          
        $row.append($cell);
        
        currentCell++;
    }
    
    return $row;
}

});