$(function() {

	$('.navigation li').mouseover(function(){
		var li = $(this);
		if (li.data('pendingHoverout')) {
			window.clearTimeout(li.data('pendingHoverout'));
			li.data('pendingHoverout', null);
		} else {
			li.addClass('hover');
		}
	  }).mouseout(function(){
		var li = $(this);
		li.data('pendingHoverout', window.setTimeout(function() {
			li.removeClass('hover');
			li.data('pendingHoverout', null);
		}, 0));
	});

	$('.navigation ul li:last').addClass('last-child');

	var sysnavUl = $('#sysnav ul');
	sysnavUl.children(':last').removeClass('last-child');
	sysnavUl.append('<li class="last-child"><a href="#">' + Messages.getString('text__print_link') + '</a></li>').children(':last').find('a').click(function() { window.print(); });
	
	$('#nav > ul > li:even').addClass('dark');

	var startTime = new Date();
	$('#time1, #time2').each(function() {
		var node = $(this);
		var matches = node.text().match(/0?(\d+)\:(\d+)/);
		var time = new Date();
		time.setHours(parseInt(matches[1]), parseInt(matches[2]));
		
		var displayTime = function(node, time) {
			var hours = time.getHours();
			if (hours < 10) hours = '0' + hours;
			var minutes = time.getMinutes();
			if (minutes < 10) minutes = '0' + minutes;
			var seconds = time.getSeconds();
			if (seconds < 10) seconds = '0' + seconds;
			node.text(hours + ':' + minutes + ':' + seconds);
		}
		
		displayTime(node, time);
		
		window.setInterval(function() {
			var currentTime = new Date();
			var differenceInMilliseconds = Date.parse(currentTime.toUTCString()) - Date.parse(startTime.toUTCString());
			
			var newTime = new Date(Date.parse(time.toUTCString()) + differenceInMilliseconds);
			displayTime(node, newTime);
		}, 1000);
	});
});