$(document).ready(function() {
			$("#twitter").tweet({
                username: "nbaumann",
                join_text: "auto",
                avatar_size: 32,
                count: 5,
                auto_join_text_default: "",
                auto_join_text_ed: "",
                auto_join_text_ing: "",
                auto_join_text_reply: "",
                auto_join_text_url: "",
                loading_text: "loading tweets..."
            });
			
			var location = window.location.hash;
			
			var page = location.replace('#', '');
			
			page = page.split('/');
			
			if(page[0] == '' || page[0] == 'home')
			{
				page[0] = 'home';
				$('#header-wrapper').height($(window).height());
			}
			
			$('body').attr('id', page[0]);
			
			if(page[0] == 'project')
			{
				getProject(page[1]);
			}
			
			links(page[0]);
			
			$(window).hashchange(function(){
				changePage();
			});
			
			function changePage()
			{
				location = window.location.hash;
				page = location.replace('#', '');
				page = page.split('/');
				
				links(page[0]);
	
				if(page[0] == 'about' || page[0] == "work" || page[0] == 'project')
				{
					$('.page').not('.' + page[0]).hide();
					$('.' + page[0]).show();
					
					if(page[0] == 'project')
					{
						$('#project-container').hide().html('');
						getProject(page[1]);
					}
					
					slideHeaderUp();
				}
				else if(location == '#home')
				{
					
					slideHeaderDown();
				}
				
			}
			
			function links(page)
			{
				$('nav').find('a').removeClass('selected');
				$('.' +  page + '-link').addClass('selected');
			}
			
			function getProject(id)
			{
				$('.project-list').find('a').parent().removeClass('selected');
				$('.project-list').find('a[href="#project/' + id + '"]').parent().addClass('selected');
				
				var index = $('.project-list').find('.selected').index();
				var length = $('.project-list').find('.item').length;
				
				if(index > 1)
				{
					var pos = (index < length ? 2 : 3);
					$('.project-list').animate({left: -((index-pos) * (330))}, 100);
				}	
				
				$.post('http://nbaumann.com/home/get_project/', {id: id}, function(data)
				{
					$('#project-container').hide().css('margin-top', '-1000px');
					$('#project-container').html(data);
					$('.slider').slides({
						preload: true,
						preloadImage: 'images/loading.gif',
						play: 0,
						pause: 0,
						hoverPause: true,
						fadeSpeed: 0
					});
					$('#project-container').show().delay(100).animate({marginTop: '0px'}, 300);
				});
			}
			function slideHeaderUp()
			{
				overflowOff();
				$('#wrapper').show();
				$('#header-wrapper').animate({height: '80px'}, 200);
				$('#intro').animate({top: '-600px'}, 200, overflowOn);
				$('#streaks').height('80px');
				
				setTimeout(whiteBg, 100);
			}
			
			function whiteBg()
			{
				$('body').css('background-color', '#ffffff');
			}
			
			function orangeBg()
			{
				$('body').css('background-color', '#f2835c');
			}
			
			function slideHeaderDown()
			{
				overflowOff();
				$('#header-wrapper').animate({height: $(window).height()}, 200);
				$('#intro').animate({top: '150px'}, 200);
				$('#wrapper').fadeOut(100);
				$('#streaks').height('350px');
				
				setTimeout(orangeBg, 150);
			}

			function overflowOn()
			{
				$('body').css('overflow', 'auto');
			}
			
			function overflowOff()
			{
				$('body').css('overflow', 'hidden');
			}

			$('.item').hover(function(){
				$(this).find('img').stop().animate({top: '-50px'}, 200);
			},
			function(){
				$(this).find('img').stop().animate({top: '0px'}, 200);
			});
			
			workSliderWidth();
			
			var width = '';
			
			function workSliderWidth() 
			{
				var num = $('.project-list').find('.item').length;
				var width = $('.project-list').find('.item').width() + 34;
				width = ((width * num)-30);
				
				$('.project-list').width(width + 'px');
			}
			
			$('.arrow-right').click(function(){
				var position = $('.project-list').position();
				var maxDist = -($('.project-list').width() - (330 * 3) + 30);

				if(position.left > maxDist)
				{
					var scrollDist = position.left - 330;
					scrollDist = (scrollDist < maxDist ? maxDist : scrollDist);
					$('.project-list').stop().animate({left: (scrollDist) + 'px'}, 200);
				}
			});
			
			$('.arrow-left').click(function(){
				var position = $('.project-list').position();
				
				if(position.left < 0)
				{
					var scrollDist = position.left + 330;
					scrollDist = (scrollDist > 0 ? 0 : scrollDist);
					$('.project-list').stop().animate({left: (scrollDist) + 'px'}, 200);
				}
			});
        });