// JavaScript Document
var incArray = [];
var decArray = [];
var move_distance = 3;
var total_move_distance = 30;
var temp_pos = 0;

function concpx2n(pos)
{
	//var pos = str;
	var pos1 = parseFloat(pos.substring(0,pos.length-2));
	return pos1;
}

function movedown(id, i)
{
	if(incArray[i] != null) {clearTimeout(incArray[i]); incArray[i] = null;};
	temp_pos = concpx2n(document.getElementById(id).style.top);
	if (temp_pos >= 0 && temp_pos <= (total_move_distance - move_distance) )
	{
		document.getElementById(id).style.top = (temp_pos + move_distance) + "px";
		decArray[i] = setTimeout("movedown('"+id+"', "+i+")", total_move_distance);
	}
}

function moveup(id, i)
{
	if(decArray[i] != null) {clearTimeout(decArray[i]); decArray[i] = null;};
	temp_pos = concpx2n(document.getElementById(id).style.top);
	if(temp_pos >= move_distance && temp_pos <= total_move_distance )
	{
		document.getElementById(id).style.top = (temp_pos - move_distance) + "px";
		incArray[i] = setTimeout("moveup('"+id+"', "+i+")", total_move_distance);
	}
}