$(document).ready(function() {
	// Stuff to do as soon as the DOM is ready;
	
	$('#downloads ul').mouseenter(function(){
		$('li.visStart').removeClass('visStart');
	});
	$('#downloads ul').mouseleave(function(){
		$('#downloads ul li:first').addClass('visStart');
	});
	
	$('.sub').click(function(){
		$('.sub').css('color', '#707D7F');
		$('.sub').css('font-weight', '400');
		$(this).css('color', '#0074AA');
		$(this).css('font-weight', '800'); //for arne
	});
	
	$('#refList li a').click(function(e){
		e.preventDefault();
		$('#refIntro').hide(300);
		$('.reference').each(function(){
			if($(this).is(':visible'))
			{
				$(this).hide(300).delay(300);
			}
		})
		$('#refList li a').each(function(){
			var link = $(this).children('img').attr('src');
			link = link.replace("color", "gray");
			$(this).find('img').attr('src', link);
		});
		var colorLink = $(this).children('img').attr('src');
		colorLink = colorLink.replace("gray", "color");
		$(this).children('img').attr('src', colorLink);

		var clicked = $(this).attr('rel');
		var toOpen = '#ref'+clicked;
		
		$(toOpen).delay(300).show(300);
	});
	
	
	$('#refList li a img').mouseenter(function(){
		var link = $(this).attr('src');
		link = link.replace("gray", "color");
		$(this).attr('src', link);
	});
	
	$('#refList li a img').mouseleave(function(){
		var id = $(this).parent().attr('rel');
		var toOpen = '#ref'+id;

		if($(toOpen).is(':visible')){
			//do nothing
		}else{
			var link = $(this).attr('src');
			link = link.replace("color", "gray");
			$(this).attr('src', link);
		}
		
	});
	
	
	$('a.close').click(function(e){
		e.preventDefault();
		$('.reference').hide(300);
		//$('#refList li a').css('font-weight', 'normal');
		$('#refList li a').each(function(){
			var link = $(this).children('img').attr('src');
			link = link.replace("color", "gray");
			$(this).find('img').attr('src', link);
		});
	});
	
	// Is this a version of IE?
	if($.browser.msie)
	{
		userAgent = $.browser.version;
		userAgent = userAgent.substring(0,userAgent.indexOf('.'));
		version = userAgent;
		if(version == '7')
		{
			var breedte = $(window).width();
			var leftSpace = Math.floor((breedte - 960) / 2);
			if(leftSpace < 0)
			{
				leftSpace = 0;
			}
			$('#navigation').css('left', leftSpace);
			
			$(window).resize(function() {
			  	var breedte = $(window).width();
				var leftSpace = Math.floor((breedte - 960) / 2);
				if(leftSpace < 0)
				{
					leftSpace = 0;
				}
				$('#navigation').css('left', leftSpace);
			});
		}
	}
	
});