function showMedia(id) {
	$("#media-detail").load("/media.php?item_id="+id);
}

function updateDate()
{
  var currentDate= new Date ( );
  var currentDateString = currentDate.format('dd MMMM yyyy HH:mm', 'nl'); 
  // Update the time display
  $(".date").html(currentDateString);
}

jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

$(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)'); 
			$(this).css('cursor', 'pointer');
		}
	});
	
	$('.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)'); 
					}
				}
			}
	});
	
	$('.button').bind('click', function() {
		// get link
		window.location = $(this).find('a').attr('href');
	});
	
	$(".collapse").bind('click', function() {
			$(this).next('div').toggle(); 									 
	});
	
	$(".collapse").bind('mouseover', function() {
			$(this).css({'background' : 'url(../../img/block_hover.jpg)', 'background-repeat' : 'no-repeat'});						 
	});
	
	$(".collapse").bind('mouseout', function() {
			$(this).css({'background' : 'url(../../img/block.jpg)', 'background-repeat' : 'no-repeat'});						 
	});
	
	$("#show_goals").bind('click', function() {
			$("#goals").toggle();
												 
	});

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

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

$.preloadImages("/img/NAV-1.jpg","/img/NAV-2.jpg","/img/NAV-3.jpg","/img/NAV-4.jpg","/img/NAV-5.jpg","/img/NAV-6.jpg", "/img/NAV-active.jpg", "/img/NAV-hover.jpg");