(function(w){ var i, n, nc, c, cp, sn, ssn; i = function(){ cp = []; n = $('nav'); nc = $('nav ul li'); c = $('.content'); for (var i = 0; i < c.length; i++) { var p = $(c[i]).offset().top - n.height(); cp.push(p); }; sn(); ssn(); }; sn = function(){ var n = $('nav ul li'); n.click(function(){ var t = $(this); var cc = c.eq(t.index()); if(cc === undefined) return; pageScroll(Math.floor(cc.offset().top - (n.height() - 10))); }); }; ssn = function(){ var np = n.offset().top; $(w).scroll(function() { var t, sp; t = $(this); sp = t.scrollTop(); if (sp > np) { n.addClass('fixed'); } else { n.removeClass('fixed'); }; nc.removeClass(); if(sp >= cp[4]) { nc.eq(4).addClass('active'); } else if(sp >= cp[3]) { nc.eq(3).addClass('active'); } else if(sp >= cp[2]) { nc.eq(2).addClass('active'); } else if(sp >= cp[1]) { nc.eq(1).addClass('active'); } else if(sp >= cp[0]) { nc.eq(0).addClass('active'); }; }); }; w.addEventListener('load', i, false); })(window);