function getElementPosition(elemId){
    var elem = document.getElementById(elemId);
	
    var w = elem.offsetWidth;
    var h = elem.offsetHeight;
	
    var l = 0;
    var t = 0;
	
    while (elem)
    {
        l += elem.offsetLeft;
        t += elem.offsetTop;
        elem = elem.offsetParent;
    }

    return {"left":l, "top":t, "width": w, "height":h};
}
function getBodyScrollTop(){
  return self.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop);
}
function moveScrollTo(name, num){
	var scrollTopNumber = getBodyScrollTop();
	var idInterval;
	var step = 30;
	
	if(getBodyScrollTop() < getElementPosition(name).top - num){
		idInterval = setInterval(moveDown, 10);
	}
	else{
		idInterval = setInterval(moveUp, 10);		
	}
	function moveDown(){		
		scrollTopNumber += step;
		if(scrollTopNumber >= getElementPosition(name).top - num){
			scrollTopNumber = getElementPosition(name).top - num;
			clearInterval(idInterval);
		}
		scrollTo(0, scrollTopNumber);
	}
	function moveUp(){
		scrollTopNumber -= step;
		if(scrollTopNumber <= getElementPosition(name).top - num){
			scrollTopNumber = getElementPosition(name).top - num;
			clearInterval(idInterval);
		}
		scrollTo(0, scrollTopNumber);		
	}
}
