$(document).ready(function() {
	
	$('.project:first').show();
	$('#projectsNav ul li:first').addClass("active");
  	externalLinks();
  	
  	$('.project').mouseover(function() {
  		$('.overlay', this).animate({
		  height: '50%'
		});
	});
  	
  	$('#projectsNav ul li').click(function() {
  		projektid = $(this).attr('id');
		$('#projectsNav ul li').removeClass("active");
		$(this).addClass("active");
		$('.overlay').hide();
		$('.overlay').css("height", "30px");
		$('.project').fadeOut('slow');
		$('#p'+projektid).fadeIn('slow');
		$('#p'+projektid+' .overlay').fadeIn('slow');
	}); 
  	
  	 
});

function externalLinks() {   
	if (!document.getElementsByTagName) return;   
	var anchors = document.getElementsByTagName("a");   
		for (var i=0; i<anchors.length; i++) {   
   			var anchor = anchors[i];   
   			if (anchor.getAttribute("href") &&   
       			anchor.getAttribute("rel") == "external")   
     			anchor.target = "_blank";   
 			   
		}
}