
var el;
var initTop;
var interval = 10;
//
function setting()
{
	el = document.getElementById('divTopLeft');
	initTop = el.offsetTop||getTop( { el:el } );
	
	el.style.position = 'absolute';
	try {
		window.addEventListener('scroll', scrollEvent, false);
	} catch (e) {
		window.attachEvent('onscroll',scrollEvent);
	}
}
function scrollEvent()
{
	var myInt = setInterval(function()
		{
			var cur = (document.body.scrollTop||document.documentElement.scrollTop)+1;
			var myTop = el.offsetTop||getTop( { el:el } );
			var d = cur-myTop;
			if(Math.abs(d)>1) {
				if( cur >= initTop )
				{
					var y = myTop + d/3;
					el.style.top = setPx(y);
				} else {
					el.style.top = setPx(initTop);
					clearInterval(myInt);
				}
			} else {
				el.style.top = setPx(cur);
				clearInterval(myInt);
			}
		},interval);
}
function getTop( args )
{
	var el = args.el;
	var tagName = el.tagName;
	var top = args.top||0;
	if(tagName=='body'||tagName=='BODY')
	{
		return top;
	} else {
		return arguments.callee( { el:el.offsetParent, top:top += el.offsetTop } );
	} 
}
function setPx( num )
{
	return num+'px';
}
try {
    window.addEventListener('load', setting, false);
} catch (e) {
    window.attachEvent('onload', setting);
}

