$(document).ready(function() {
    function cal2()
    {
        var now = new Date();
        var week = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");
        var month = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September",
                              "October", "November", "December");
            
        $(".widget_cal").append('<p id="week">' + week[now.getDay()] + '</p>');
        $(".widget_cal").append('<p id="date">' + now.getDate() + '</p>');
        $(".widget_cal").append('<p id="year">' + month[now.getMonth()] + ' ' + now.getFullYear() +'</p>');
    }
    
    cal2();

    $(".widget_cal").click(function() {
        var status = $(".widget_cal").attr("title");
        
        if (status == "cal1")
        {
            $(".widget_cal").attr("title", "cal2");
            $(".widget_cal").html("");
            
            $.ajax({
                url: 'bin/get_calendar',
                success: function(data) {
                    $(".widget_cal").html(data);
                }
            });
        }
        else
        {
            $(".widget_cal").attr("title", "cal1");
            $(".widget_cal").html("");
            
            cal2();
        }
    });
});