document.observe("dom:loaded", function() 
	{
		if (location.hash)
		{
			doNavigation();
		}
		
		$$("#navigation a").each(function(e) 
			{
				e.observe("click", function() 
					{
						setTimeout("doNavigation()", 200);					
					});
			});
			
		$("hire-me").observe("click", function() 
			{
				setTimeout("doNavigation()", 200);					
			});
			
		doResizing();
	});
	
	
window.onresize = function() {
   doResizing();
};

function doResizing()
	{
		$$(".page").each(function(e)
		{
			e.setStyle({"width":document.viewport.getDimensions().width - 540 + "px"});
		});

	}
	
function doNavigation()
	{
		var page = "page-" + location.hash.substring(2);
		var scrollOffsets = document.viewport.getScrollOffsets();
		var elementOffsets = $(page).cumulativeOffset();
		var top = 0;
		var left = 0;
		
		new Effect.Tween(null, scrollOffsets.left, elementOffsets[0], { duration: 1.0 }, function(p)
			{ 
				left = p.round();
				scrollTo(left, top) 
			}); 
			
		new Effect.Tween(null, scrollOffsets.top, 0, { duration: 1.0 }, function(p)
			{ 
				top = p.round();
				scrollTo(left, top) 
			}); 
	}