var eventTimer;    //タイマー変数
var restScroll=0;    //スクロール残量

function Scroll(base,move){

    //移動元(base)要素＆オブジェクトを取得
    var obj_base = getElemPosition(base);

    //移動先(move)要素＆オブジェクトを取得
    var elem_move = document.getElementById(move);
    var obj_move = getElemPosition(elem_move);

    restScroll = obj_move.y-obj_base.y;
    eventTimer = setInterval(setScrollPosition,10);
}
//スクロール処理をする
function setScrollPosition() {

    var moveValue=0;

    //スクロール残量が80以上の場合、スクロール量を変える
    //Math.abs()では値の絶対値を取得
    if(Math.abs(restScroll)>200){
        moveValue = (restScroll>0)?40:-40;
    }else{
        moveValue = Math.round(restScroll/8);
    }
    //スクロールを処理
    parent.scrollBy(0,moveValue);

    //スクロール残量を計算して、残りが無ければタイマー解除
    restScroll = (restScroll>0)?restScroll-moveValue:restScroll-moveValue;

    if(moveValue==0){
        clearInterval(eventTimer);
        restScroll=0;
    }
}

//要素の位置を取得し、オブジェクトとして返す
function getElemPosition(elem) {
    var obj = new Object();
    obj.x = elem.offsetLeft;
    obj.y = elem.offsetTop;

    //親要素を取得して位置情報を修正する
    while(elem.offsetParent) {
        elem = elem.offsetParent;
        obj.x += elem.offsetLeft;
        obj.y += elem.offsetTop;
    }
    return obj;
}