function debug(text) 
{ 
	if(!text) text = '';
	if(window.console) window.console.log(text); 
}

function createSlide()
{
	$('#restvandeweekclick').live('mouseup', function() {
		$('#restvandeweekclick').slideUp('slow');
		$('.agendaContent').slideUp('slow');
		$('#restvandeweekContent').slideDown('slow', function() { 
			$('.agenaClick.first').addClass('redTitle');
			$('.agendaContent.first').slideDown('slow');
		});
	});
	
	// Check of deze pagina wel dit block heeft
	if(document.getElementById("dag1") != null)
	{
		$('div.agenaClick').click(function() {
			$('.agenaClick').removeClass('redTitle').addClass('greyTitle').css('background-color', '#939393');
			$(this).addClass('redTitle');
			
			var id = ($(this).attr('id')).replace('click','');
			
			if($('#'+id).is(":hidden")) 
			{
				$('.agendaContent').slideUp('slow');
				$('#'+id).slideDown('slow');
			}
		});
		
		/*

		  $('#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;

		if(documentHeight > offsetTop) $('#fillup').css({height:parseInt(documentHeight,10) - parseInt(offsetTop,10)});
	}
}

function startup() {
	// Set lines
	var fixArr = new Array(
		'dag2click', 
		'dag3click', 
		'dag4click', 
		'dag5click', 
		'dag6click', 
		'dag7click', 
		'agenda2spacer', 
		'agenda3spacer', 
		'agenda4spacer', 
		'agenda5spacer', 
		'agenda6spacer', 
		'agenda7spacer'
		);
		
	changeBGPos(fixArr, "dag1", false);
	
	// Start slider
	createSlide();
	setFillup();
}

$(document).ready(startup);