$(function() { 
     // initialize scrollable 
    $("div.scrollable").scrollable(); 
 

	// Creates scrolling effect to top of page when 'Back to Top' link is clicked
	$('p.top a').click(
	    function(){
    		$.scrollTo( '#header_wrapper', 500 );
    		$('nav#nav_page ul li a').removeClass('current');
    		$('nav#nav_page ul li:first-child a').addClass('current');
    		return false;
    	});
    
    // Creates scrolling navigation effect for anchored nav, and adds a 'Current' class to the correct navigation item
    $('#about nav#nav_page ul li a').click(
    	function() {
    		var key = $(this).attr('href');
    		var clearLinks = $('nav#nav_page ul li a')
    		
    		clearLinks.removeClass('current');
    		$(this).addClass('current');
    		$.scrollTo(key, 500);
    		return false;
    	
    	});
    
    // Maps key presses to anchored navigational scroll
	$('body').keyup(function (event) {
	var direction = null;
	
	// handle cursor keys
	if (event.keyCode == 37) {
	  // slide left
	  direction = 'prev';
	} else if (event.keyCode == 39) {
	  // slide right
	  direction = 'next';
	}
	
	if (direction != null) {
	  $('nav#nav_page ul a.current').parent()[direction]().find('a').click();
	}
	});

	//Create AJAX effect for Portfolio 
	$('#portfolio ul.items li a').click(
		function() {
			var target = $(this).attr('href');
			$('#content').load(target + " #content");
			//$.scrollTo('#content', 500);
			return false;
	});


});