$(document).ready(function() {
	
		$("a[rel=portfolio]").fancybox({
				'transitionIn'		: 'fade',
				'transitionOut'		: 'fade',
				'titlePosition' 	: 'outside',
				'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
					return '<span id="fancybox-title-over"> ' + (title.length ? ' &nbsp; ' + title : '') + '</span>';
				}
		});
	
		$('.input').clearOnFocus();
		
		$('html').animate({ scrollTop: 0 }, 500);
		
		$('#gsLogo').click(function(){
			$('html, body').animate({
	           scrollTop: 0 }, 500, 'swing');
			return false;
		});
		
		$('#ourWork').click(function(){
			$('html, body').animate({
	           scrollTop: $("#portfolio").offset().top - $('#nav').height()
            }, 500, 'swing');
			return false;
		});
		
		$('#whoWeAre').click(function(){
			$('html, body').animate({
	           scrollTop: $("#about").offset().top - $('#nav').height() + 63
            }, 500, 'swing');
			return false;
		});
		
		$('#getInTouch').click(function(){
			$('html, body').animate({
	           scrollTop: $("#contact").offset().top - $('#nav').height() + 50
            }, 500, 'swing');
			return false;
		});
		
		$('#contactButton').click(function(){
			$('html, body').animate({
	           scrollTop: $("#contact").offset().top - $('#nav').height() + 77
            }, 500, 'swing');
			return false;
		});
		
		$('#toTop a').click(function(){
			$('html, body').animate({
	           scrollTop: 0 }, 500, 'swing');
			return false;
		});
		
		$('#portfolio a').hover(function(){
			$(this).animate({
				"background-position": 'right -130px 0 130px',
			}, 'slow');
		});
			
		});
			
		$(window).scroll(function() {
			var halfScreen = screen.height/2 - $('#nav').height();
    		var cutoff = $(window).scrollTop() - halfScreen;
			if($('#ptm').offset().top > cutoff) {
				$('#nav ul li a').removeClass('inView').each();
				return false; 
			}
       		if($('#portfolio').offset().top  > cutoff) {
				$('#nav ul li a').removeClass('inView');
				$('#nav ul li a#ourWork').addClass('inView');
           		return false; 	
       		}
			if($('#about').offset().top > cutoff) {
				$('#nav ul li a').removeClass('inView');
           		$('#nav ul li a#whoWeAre').addClass('inView');
           		return false; 
       		}
			if($('#contact').offset().top > cutoff) {
				$('#nav ul li a').removeClass('inView');
           		$('#nav ul li a#getInTouch').addClass('inView');
           		return false;
       		}
		});