$(document).ready(function() {
   $(window).keypress(function(e){
	if ( e.keyCode == 38 ) {
	    $(window).scrollTo(0,250);
	    if ( $(".effects #up_key").length > 0 )
		$(".effects #up_key").remove();
	}
	else
	    $(window).stop();
   });
   
   var keyHighlightCount= 0;
   var keyHighlight	= function(selector) {
	keyHighlightCount++;
	if ( (keyHighlightCount)%3 == 0 ) {
	    if ( keyHighlightCount/2 < 3 )
		setTimeout(function(){
		    keyHighlight(selector);
		}, 800);
	    else {
		keyHighlightCount = 0;
		setTimeout(function(){
		    upKeyFadeOut();
		}, 750);
	    }
		
	    return;
	}
	
	$(selector).animate({opacity:1.0},{duration:150,complete:function(){
	   setTimeout(function(){
		$(selector).animate({opacity:0.0},{duration:150,complete:function(){
		    keyHighlight(selector);  
		}});
	   }, 250);
	}});
   }
   
   var upKeyFadeOut	= function() {
	$(".effects #up_key").animate({opacity:0.0},{duration:75,complete:function(){
	    $(this).remove();
	}});
   }
   
   $("ul#nav a").click(function(e){
	var offset	= $("#body").offset();
	//var width	= $("#body").width();
	var width	= $(document).width()-32;
	var scroll	= $($(this).attr("href")).offset();
	scroll		= scroll.top-56;
	var marginLeft	= 48;
	
	$(window).scrollTo(scroll, 250, {onAfter:function() {
	    $(".effects").prepend($(".hidden #up_key").clone());
	    $(".effects #up_key .base").css("opacity","0.0");
	    $(".effects #up_key .highlight").css("opacity","0.0");
	    //$(".effects #up_key").css("left", offset.left+width+marginLeft+16+"px");
	    //$(".effects #up_key").css("left", width+"px");
	    //$(".effects #up_key").css("top", scroll+16+"px");
	    $(".effects #up_key .base").animate({opacity:1.0}, {duration: 75, complete: function() {
		keyHighlight(".effects #up_key .highlight");
	    }});
	}});
	return false;
   });
});