function createSlide()
{
	// Check of deze pagina wel dit block heeft
	if(document.getElementById("dag1") != null)
	{

		  $('#dag1click').click(function() {
			   if ($('#dag1').is(":hidden"))
			   {
					$('#dag1').slideDown("slow", function() {
						setFillup();
						// Array of to be fixed elements
						var fixArr = new Array('dag2click', 'dag3click', 'agenda2spacer', 'agenda3spacer');
						changeBGPos(fixArr, "dag1", false);
					});
					// Slide other two up
					if ($('#dag2').is(":visible"))
					{
						$('#dag2').slideUp("slow");
						$('#dag2click').addClass("agendaInActive");
					}
					if ($('#dag3').is(":visible"))
					{
						$('#dag3').slideUp("slow");
						$('#dag3click').addClass("agendaInActive");
					}
					$('#dag1click').removeClass("agendaInActive");
			   } else {
					$('#dag1').slideUp("slow", function() {
						setFillup();
						var fixArr = new Array('dag2click', 'dag3click', 'agenda2spacer', 'agenda3spacer');
						changeBGPos(fixArr, "dag1", true);							
					});
					$('#dag1click').addClass("agendaInActive");						
			   }
		  });
		  $('#dag2click').click(function() {
			   if ($('#dag2').is(":hidden"))
			   {
					$('#dag2').slideDown("slow", function() {
						// Callback
						setFillup();
						var fixArr = new Array('dag3click', 'agenda3spacer');
						changeBGPos(fixArr, "dag2", false);
						
						var fixArr = new Array('dag2click', 'agenda2spacer');
						changeBGPos(fixArr, "dag2", true);
					});
					// Slide other two up
					if ($('#dag1').is(":visible"))
					{
						$('#dag1').slideUp("slow");
						$('#dag1click').addClass("agendaInActive");
					}
					if ($('#dag3').is(":visible"))
					{
						$('#dag3').slideUp("slow");
						$('#dag3click').addClass("agendaInActive");
					}
					$('#dag2click').removeClass("agendaInActive");
			   } else {
					$('#dag2').slideUp("slow", function() {
						// Callback
						setFillup();
						var fixArr = new Array('dag3click', 'agenda3spacer');
						changeBGPos(fixArr, "dag2", true);
					});
					$('#dag2click').addClass("agendaInActive");
			   }
		  });
		  $('#dag3click').click(function() {
			   if ($('#dag3').is(":hidden"))
			   {
					$('#dag3').slideDown("slow", function () {
						setFillup();
						var fixArr = new Array('dag3click', 'agenda3spacer', 'dag2click', 'agenda2spacer');
						changeBGPos(fixArr, "dag3", true);
					});
					// Slide other two up
					if ($('#dag2').is(":visible"))
					{
						$('#dag2').slideUp("slow");
						$('#dag2click').addClass("agendaInActive");
					}
					if ($('#dag1').is(":visible"))
					{
						$('#dag1').slideUp("slow");
						$('#dag1click').addClass("agendaInActive");
					}
					$('#dag3click').removeClass("agendaInActive");
			   } else {						
					$('#dag3').slideUp("slow", function() { setFillup(); } );
					$('#dag3click').addClass("agendaInActive");
			   }
		  });
	 
	}
}

function changeBGPos(ids, idContent, fixit)
{
	var domNoteContent = document.getElementById(idContent);
	var debug = document.getElementById("debug");

	if(fixit)
	{
		for(var id in ids)
		{
			if(document.getElementById(ids[id]))
			{
				setBGPos(ids[id], "0px 0px");
			}
		}		
	} 
	else
	{
		// rest number
		var fix = domNoteContent.offsetHeight % 5;
		
		for(var id in ids)
		{
			if(document.getElementById(ids[id]))
			{
				setBGPos(ids[id], "0px -" + fix + "px");				
			}
		}
	}
}

function setBGPos(id, pos)
{
	document.getElementById(id).style.backgroundPosition = pos;
	var debug = document.getElementById("debug");
}

function setFillup()
{
	if($('#fillup'))
	{
		var documentHeight = document.getElementById('columnOne').offsetHeight;
		var offsetTop = document.getElementById('fillup').offsetTop;

		document.getElementById('fillup').style.height = ((parseInt(documentHeight) - parseInt(offsetTop)))+'px';	
	}
}

function startup() {
	// Set lines
	var fixArr = new Array('dag2click', 'dag3click', 'agenda2spacer', 'agenda3spacer');
	changeBGPos(fixArr, "dag1", false);
	
	// Start slider
	createSlide();
	setFillup();
}

$(document).ready(startup);