﻿// UTF-8
/**
 * scrollsmoothly.js
 * Copyright (c) 2008 KAZUMiX
 * http://d.hatena.ne.jp/KAZUMiX/
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 */

// (function(){
	var easing = 0.25;
	var interval = 20;
	var d = document;
	var targetX = 0;
	var targetY = 0;
	var targetHash = '';
	var scrolling = false;
	var splitHref = location.href.split('#');
	var currentHref_WOHash = splitHref[0];
	var incomingHash = splitHref[1];
	var prevX = null;
	var prevY = null;

	// ドキュメント読み込み完了時にinit()を実行する
	addEvent(window, 'load', init);

	// ドキュメント読み込み完了時の処理
	function init(){
		// ページ内リンクにイベントを設定する
		setOnClickHandler();
		// 外部からページ内リンク付きで呼び出された場合
		if(incomingHash){
			if(window.attachEvent && !window.opera){
				// IEの場合はちょっと待ってからスクロール
				setTimeout(function(){
					scrollBy(0,-document.body.clientHeight*0.5);
				},50);
			}else{
				// IE以外はそのままGO
				scrollBy(0,-document.body.clientHeight*0.5);
			}
		}
	}

	// イベントを追加する関数
	function addEvent(eventTarget, eventName, func){
		if(eventTarget.addEventListener){
			// モダンブラウザ
			eventTarget.addEventListener(eventName, func, false);
		}else if(window.attachEvent){
			// IE
			eventTarget.attachEvent('on'+eventName, function(){func.apply(eventTarget);});
		}
	}
	
	function setOnClickHandler(){
		var links = d.links;
		for(var i=0; i<links.length; i++){
			// ページ内リンクならスクロールさせる
			var link = links[i];
			var splitLinkHref = link.href.split('#');
			if(currentHref_WOHash == splitLinkHref[0] && d.getElementById(splitLinkHref[1])){
				addEvent(link, 'click', startScroll);
			}
		}
	}

	function startScroll(event){
		// リンクのデフォルト動作を殺す
		if(event){ // モダンブラウザ
			event.preventDefault();
			//alert('modern');
		}else if(window.event){ // IE
			window.event.returnValue = false;
			//alert('ie');
		}
		// thisは呼び出し元になってる
		setScroll(this.hash);
	}

	function setScroll(hash){
		// ハッシュからターゲット要素の座標をゲットする
		var targetEle = d.getElementById(hash.substr(1));
		if(!targetEle)return;
		// スクロール先座標をセットする
		var ele = targetEle
		var x = 0;
		var y = 0;
		while(ele){
			x += ele.offsetLeft;
			y += ele.offsetTop;
			ele = ele.offsetParent;
		}
		targetX = x;
		targetY = y-document.body.clientHeight*0.5;
		targetHash = hash;
		// スクロール停止中ならスクロール開始
		if(!scrolling){
			scrolling = true;
			scroll();
		}
	}

	function scroll(){
		var currentX = d.documentElement.scrollLeft||d.body.scrollLeft;
		var currentY = d.documentElement.scrollTop||d.body.scrollTop;
		var vx = (targetX - currentX) * easing;
		var vy = (targetY - currentY) * easing;
		var nextX = currentX + vx;
		var nextY = currentY + vy;
		if((Math.abs(vx) < 1 && Math.abs(vy) < 1)
		   || (prevX === currentX && prevY === currentY)){
			// 目標座標付近に到達していたら終了
			scrollTo(targetX, targetY);
			scrolling = false;
			prevX = prevY = null;
			return;
		}else{
			// 繰り返し
			scrollTo(parseInt(nextX), parseInt(nextY));
			prevX = currentX;
			prevY = currentY;
			var scope = this;
			setTimeout(function(){scroll.apply(scope)},interval);
		}
	}

// }());
