$(document).ready(function(){
	
	$('#header #social li a').hover(
		function () {
			$(this).css({ opacity: .6 });
		}, 
		function () {
			$(this).css({ opacity: 1 });
		}
	);


	$('.project>a, .badge>a').bind('click', function(e){
		
		e.preventDefault();
		$('html').addClass('masked');
		$('#mask').fadeIn();
		
		$('#overlay .wrapper').load($(this).attr('href')+' #container', function(){
			$('#overlay').fadeIn();
		});
		
		$('body').bind('keyup', function(e){
			
			if (e.keyCode == 27) { $('.overview a.close').click(); }
			
		});
		
		$('#container').css({position: 'relative', left: '-8px'});
		
	});
	
	$('.overview a.close').live('click', function(e){
		
		e.preventDefault();
		
		$('#overlay').fadeOut('normal', function(){
		
			$('#overlay .wrapper').empty();
			$('#overlay').hide();
			$('html').removeClass('masked');
			
			$('#container').css({position: 'relative', left: '0px'});
			
		});
		
		$('#mask').fadeOut('normal');
		
		$('body').unbind('keyup');
		
	});

	$('a[href^=\#]').bind('click', function(e){
		scroll_section = $(this).attr('href');
		$.scrollTo($(scroll_section), 300);
	});
	
});