var speDays = new Array();

$(document).ready(function () {
    $(".mbd_day").mouseover(function () {
        var selectedDate = $(this).attr("title");
    });

    var date = new Date();
    $("#agenda").datepicker({
        monthNames: ['januari', 'februari', 'maart', 'april', 'mei', 'juni', 'juli', 'augustus', 'september', 'oktober', 'november', 'december'],
        monthNamesShort: ['jan', 'feb', 'maa', 'apr', 'mei', 'jun', 'jul', 'aug', 'sep', 'okt', 'nov', 'dec'],
        dayNames: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'],
        dayNamesShort: ['zon', 'maa', 'din', 'woe', 'don', 'vri', 'zat'],
        dayNamesMin: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
        weekHeader: 'Wk',
        dateFormat: 'dd-mm-yy',
        create: getWedstrijden(dateFormated(date.getFullYear() + "-" + dateFormated(date.getMonth() + 1) + "-" + date.getDate())),
        beforeShowDay: evenementen,
        // Als er van maand gewisseld wordt haal de nieuwe wedstrijden op.
        onChangeMonthYear: function (year, month, inst) {
            getWedstrijden(year + "-" + month + "-" + "01");
        }
    });
       
    SetPrevNextButtons();

    $(".ui-icon").live("click", function () {
        SetPrevNextButtons();
    });


});

function SetPrevNextButtons() {
    $(".ui-datepicker-prev span").html("").css("background", "url(/images/calender_prev.png)").css("height", "20px").css("width", "20px");
    $(".ui-datepicker-next span").html("").css("background", "url(/images/calender_next.png)").css("height", "20px").css("width", "20px");
}

function dateFormated(date){
    return date < 10 ? "0"+date : date;
}

function getWedstrijden(date) {
    speDays.length = 0;
    var random = new Date();
    var data = { action: 'getwedstrijden', date: date };

    $.ajax({
        url: '/ajax.ashx?random=' + random.getMilliseconds() + '_' + random.getSeconds(),
        dataType: 'json',
        data: data,
        async: false,
        success: function (json) {
            $.each(json.wedstrijd, function (item) {
                var date = this.datum.split('-');
                speDays.push([date[2], date[1], date[0], this.naam, this.lokatie, this.starttijd, this.eindtijd, this.wedstrijdUrl, this.category]);
            });  
        }
    });

    $("#wedstrijdoverzicht").html("");
    for (i = 0; i < speDays.length; i++) {
        var html = "<b>Datum:</b> " + speDays[i][2] + "-" + speDays[i][1] + "-" + speDays[i][0] + "<br />" +
        "<b>Wedstrijd:</b> " + speDays[i][3] + "<br />" +
        "<b>Categorie:</b> " + speDays[i][8] + "<br />" +
//        "<b>Tijd:</b> " + speDays[i][5] + " " + speDays[i][6] + "<br />" +
//        "<b>Plaats:</b> " + speDays[i][4] + "<br />" +
        "<a class='blue' href=" + speDays[i][7] + "><b>Details</b></a>";
        
        if(i < (speDays.length -1))
        {
            html += "<hr />";
        }
        
        $("#wedstrijdoverzicht").append(html);

    }
}

function evenementen(date) {
    
    for (i = 0; i < speDays.length; i++) 
    {
        if (date.getFullYear() == speDays[i][0] && date.getMonth() == speDays[i][1] - 1 && date.getDate() == speDays[i][2]) 
        {
            return [true, 'mbd_day', speDays[i][3]];
        }
    }
    
    return [true, ''];
}