$(document).ready(function()
{ 
		
	$('.button').bind('mouseover', function() {
		var classes = $(this).attr('class');
		if(classes.indexOf('active') == -1) { 																			
			$(this).css('background-image', 'url(../../img/NAV-hover.jpg)'); 
		}
	});
	
	$('.button').bind('mouseout', function() {
			// get classes to know which button
			var classes = $(this).attr('class');
			if(classes.indexOf('active') == -1) { 
				for(i=1;i<7;i++) {
					if(classes.indexOf('button-' + i) > 0) {
						$(this).css('background-image', 'url(../../img/NAV-' + i + '.jpg)'); 
					}
				}
			}
	});
	
	$(".collapse").bind('click', function() {
			$(this).next('div').toggle(); 									 
	});
	
	$("#show_goals").bind('click', function() {
			$("#goals").toggle();
												 
	});

	$("#show_methodology").bind('click', function() {
			$("#methodology").toggle();
												 
	});
	
	$("#show_phases").bind('click', function() {
			$("#phases").toggle();
												 
	});	

	updateDate();
	setInterval(updateDate, 10000);
});

function updateDate()
{
  var currentDate= new Date ( );

  var currentDateString = currentDate.format('dd MMMM yyyy HH:mm', 'nl'); 

  // Update the time display
  $(".date").html(currentDateString);
}