$(document).ready(function(){
	
	$('#banner').hover(function(){
		$(this).find('img').fadeTo('slow', 1.0);
	}, function(){
		$(this).find('img').fadeTo('fast', 0.6);
	});
	
	$('#banner h1').click(function(){
		
		if (!($('#banner').hasClass('open'))) {
			
			$('#banner').animate({
			    width: '100%'
			  }, 500, function() {
			    $(this).addClass('open').find('.wrapper').fadeIn('fast');
			 });
			
		} else {
			
			$('#banner').removeClass('open').find('.wrapper').fadeOut('fast', function(){
				$('#banner').animate({
				    width: '10%'
				}, 300);
			});
		}
	});
	
	$('.projects li').each(function(){
		$(this).addClass('project');
	});
	
	$(window).scroll(function() {
		
		var windowOffset = (window.scrollY) ? window.scrollY : document.documentElement.scrollTop;
		
		$('.project').each(function(){
			var project = $(this);
			var projectOffset = project.offset().top;
			var distance = windowOffset - projectOffset;

			if (-100 < distance < 150) {
				project.find('.project_header').switchClass("default", "active", 800);
			} else {
				project.find('.project_header').removeClass("active");
			}
		});

	});

});
