/* ----------------------------------------------------*/
// nav
/* ----------------------------------------------------*/
$(function() {
	if(!document.getElementById('aLink')) return false;
	
	var anchorNav = $('#aLink');
	var li = $(anchorNav).find('li');
	
	var navInit = 0;
	var menuTop = $(document).scrollTop();
	
	//アンカーの位置を取得（要素のブラウザ上からの距離 - 要素の margin-top - 要素の padding-top）
	var section = new Array;
	section = $('div[id^="section"]');
	
	for (var i=0; i<section.length; i++) {
		section[i] = (Math.floor($(section).eq(i).offset().top));
	}
	var sitemap = (Math.floor($('#sitemap').offset().top));

	//初期化
	navPos(menuTop);
	
	//スクロールイベント
	$(window).scroll(function() {
		menuTop = $(window).scrollTop();
		navPos(menuTop);
	});
	
	function navPos(menuTop) {
		//スクロール位置に応じてボタンの ON/OFF 切替
		if(menuTop < navInit || menuTop <= 0) {
			menuTop = 0;
			$(li).removeClass('on');
		}
		else {
			$(li).removeClass('on');
		}
		
		var last = li.length-1;
		
		for (var j=0; j<li.length; j++) {
			if(menuTop >= section[j] && menuTop < section[j+1]) {
				$(li).eq(j).addClass('on');
			}
			else if(menuTop >= section[last] && menuTop < sitemap) {
				$(li).eq(last).addClass('on');
			}
			else if(menuTop >= sitemap) {
				$(li).eq(last).removeClass('on');
			}
		}
	}
	
});
