var transition = false, x1, x2, y1, y2, step, timer;
var steps = document.all? 10 : 50

function effect(o) {
	if(transition == true) return;
	transition = true;
	document.getElementById('mover').style.left = getX(o)+"px";
	document.getElementById('mover').style.top = getY(o)+"px";
	document.getElementById('mover').style.visibility = 'visible';

	x1 = document.getElementById('mover').offsetLeft;
	y1 = document.getElementById('mover').offsetTop;
	
	var browser=navigator.appName;
	var b_version=navigator.appVersion;
	var version=parseFloat(b_version);
	
	var theobject=document.all? document.all.test : document.getElementById("test")
	var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body
	
	var dsocleft=document.all? iebody.scrollLeft : window.pageXOffset
	var dsoctop=document.all? iebody.scrollTop : window.pageYOffset

	x2 = x1 + dsocleft- getX(o);
	y2 = y1 + dsoctop - getY(o);

	//x2 = x1 + document.body.scrollLeft- getX(o);
	//y2 = y1 + document.body.scrollTop - getY(o);
	//x2 = x1 + window.pageXOffset - getX(o);
	//y2 = y1 + window.pageYOffset - getY(o);

	step = 0;
	timer = setInterval("animation()", 10);
}

function animation() {
	step++;
	if(step >= steps) {
		clearInterval(timer);
		$kk('mover').style.visibility = 'hidden';
		transition = false;
	}
	x = x1 + (x2-x1) * (step/steps);
	y = y1 + (y2-y1) * (step/steps);
	$kk('mover').style.left = x+"px";
	$kk('mover').style.top = y+"px";
}

function $kk(s) {
	return document.getElementById(s);
}

function getX(o) {
	var t = 0;
	while(o != null) {
		t += o.offsetLeft;
		o = o.offsetParent;
	}
	return t;
}

function getY(o) {
	var t = 0;
	while(o != null) {
		t += o.offsetTop;
		o = o.offsetParent;
	}
	return t;
}