var bookedDays = [];
var evenementenDays=[];
var xmlData="";
var evenementenKalender;
var displayYear;
var displayMonth;

function isAvailable(date){
    var dateAsString = date.getFullYear().toString() + "-" + (date.getMonth()+1).toString() + "-" + date.getDate();
    var result = $.inArray( dateAsString, bookedDays )>=0  ? [true,"activeDate"] : [false];
    return result;
  }
  

function initCalendar()
	{
	//maak nieuws items
	$("#evenementenblok ul.nieuws").hide();
	
	$(xmlData).find("evenementen>evenement").each(function(i,e) 
	  	{
	  	var dag=String($(e).attr("datum"));
	  	var id=String($(e).attr("id"));
		var maand=String($(e).attr("maand"));
		var txt=String($(e).text());
		var href=String($(e).attr("href"));

		$("#evenementenblok ul.nieuws").append($("<li id=\'ev_"+id+"\'><a href=\'"+href+"\'><span class=\'datum\'><span class=\'nr\'>"+dag+"</span> "+maand+"</span><span class=\'titel\'>"+txt+"</span></a></li>"));
		});
	
	
	//maak kalender
	var D=new Date();
	var y=D.getFullYear().toString();
	var m=(D.getMonth()+1).toString();
//	getDataInMonth(y,m);
	getUpcomingData(y,m);
	
	$( "#evenementenblok .kalender" ).datepicker({
	 beforeShowDay: isAvailable,
	 onSelect: function(dateText, inst) { showActiviteisOnDate(dateText); },
	 "dateFormat": "@",
	 changeYear: true,
	 changeMonth: true,

	 onChangeMonthYear:function(year, month, inst) {getDataInMonth(year,month);}

	});

	$("#evenementenblok ul.nieuws").show();
	}

function setMyYearMonth(m,y) {displayYear=y;displayMonth=m;}

function monthClicked()
	{
	getDataInMonth(displayYear,displayMonth);
	}
	
function showActiviteisOnDate(date)
	{
	var y=new Date(parseInt(date)).getFullYear().toString();
	var m=(new Date(parseInt(date)).getMonth()+1).toString();
	var d=new Date(parseInt(date)).getDate().toString();
	getDataInDay(y,m,d);
	}
		
function getDataInMonth(sy,sm)
	{

	var D=$(xmlData).find("maanden>maand[jaar="+String(sy)+"][maand="+String(sm)+"]")
	var d=String($(D).attr("days"));
	var ev=String($(D).attr("evenementen"));

	d=d.split(",");
	for (var x=0;x<d.length;x++)
		{
		bookedDays.push(sy+"-"+sm+"-"+d[x]);
		}
	$("#evenementenblok ul.nieuws li").hide();
	
	ev=ev.split(",");
	for (x=0;x<ev.length;x++)
		{
		$("#evenementenblok ul.nieuws #ev_"+String(ev[x])).show();
		}

	}

function getDataInDay(sy,sm,sd)
	{
	var D=$(xmlData).find("dagen>dag[jaar="+String(sy)+"][maand="+String(sm)+"][dag="+String(sd)+"]")
	var d=String($(D).attr("days"));
	var ev=String($(D).attr("evenementen"));
		
	$("#evenementenblok ul.nieuws li").hide();
	
	ev=ev.split(",");
	for (x=0;x<ev.length;x++)
		{
		$("#evenementenblok ul.nieuws #ev_"+String(ev[x])).show();
		}

	}

function getUpcomingData(sy,sm)
    {
    var D=$(xmlData).find("maanden>maand[jaar="+String(sy)+"][maand="+String(sm)+"]")
    var d=String($(D).attr("days"));
    
    var D=$(xmlData).find("upcoming")
    var ev=String($(D).attr("evenementen"));

    d=d.split(",");
    for (var x=0;x<d.length;x++)
        {
        bookedDays.push(sy+"-"+sm+"-"+d[x]);
        }
    $("#evenementenblok ul.nieuws li").hide();
    
    ev=ev.split(",");
    for (x=0;x<ev.length;x++)
        {
        $("#evenementenblok ul.nieuws #ev_"+String(ev[x])).show();
        }
    }
	
	
$(document).ready(function() 
	{
	$.ajax({
        type: "GET",
        url: "/site/evenementen.xml?readform&websiteID="+eventWebsiteID,
        async: true,
        dataTypeString:"xml",
        success: function (data) {xmlData=data;initCalendar();},
        error: function(data) {alert("Fout opgetreden bij initialisatie evenementenkalender");}
        });

	
	


	
	

	});