var black = (function () {
$(function () {
	var nav = $('#navi');
	nav.css({'position': 'absolute'});
	var topmost_point = nav.offset().top;
    var left_point = $('#page').offset().left;
	var PADDING_TOP = 40;
    var REAL_TOP = topmost_point - PADDING_TOP;
	var the_window = $(window);
	var NAV_IS_FIXED = (nav.css('position') == 'fixed');
	the_window.scroll(function () {
        if (the_window.scrollTop() > REAL_TOP) {
           if (!NAV_IS_FIXED) {
        	    nav.css({
                    left: left_point+26,
        	        top: PADDING_TOP,
        	        position: 'fixed'
        	    });
        	    NAV_IS_FIXED = true;
        	}
        } else {
            if (NAV_IS_FIXED) {
                nav.css({
                    position: 'absolute',
                    top: topmost_point,
                    left: ''
                });
                NAV_IS_FIXED = false;
            }
        }
	});
	
	the_window.resize(function () {
	    left_point = $('#page').offset().left;
	    if (NAV_IS_FIXED) {
    	    nav.css('left', left_point+26);	        
	    }
	});
});

})();