var fps = 40;
function slide(eleId, varX, varY, transTime) {
  if(eleId) {
    j = 0;
    oDiv = document.getElementById(eleId);
    endX = oDiv.style.left.replace(/px/, "") * 1;
    endY = oDiv.style.top.replace(/px/, "") * 1;
	startX = endX + varX;
	startY = endY + varY;
    oDiv.style.left = startX + "px";
	oDiv.style.top = startY + "px";
	approxSteps = fps * (transTime / 1000);
    delay = transTime / approxSteps;
    sinInc = (Math.PI/2) / approxSteps;
    moveX = varX;
    moveY = varY;
    setTimeout("slide()", delay);
  }
  if (j <= approxSteps) {
    var posX = startX - Math.ceil(Math.sin(j * sinInc) * moveX);
    var posY = startY - Math.ceil(Math.sin(j * sinInc) * moveY);
    oDiv.style.left = posX + "px";
    oDiv.style.top = posY + "px";
    j++;
    setTimeout("slide()", delay);
  } else {
    return;
  }
}

function slide2(eleId2, varX2, varY2, transTime2) {
  if(eleId2) {
    j2 = 0;
    oDiv2 = document.getElementById(eleId2);
    endX2 = oDiv2.style.left.replace(/px/, "") * 1;
    endY2 = oDiv2.style.top.replace(/px/, "") * 1;
	startX2 = endX2 + varX2;
	startY2 = endY2 + varY2;
    oDiv2.style.left = startX2 + "px";
	oDiv2.style.top = startY2 + "px";
	approxSteps2 = fps * (transTime2 / 1000);
    delay2 = transTime2 / approxSteps2;
    sinInc2 = (Math.PI/2) / approxSteps2;
    moveX2 = varX2;
    moveY2 = varY2;
    setTimeout("slide2()", delay2);
  }
  if (j2 <= approxSteps2) {
    var posX2 = startX2 - Math.ceil(Math.sin(j2 * sinInc2) * moveX2);
    var posY2 = startY2 - Math.ceil(Math.sin(j2 * sinInc2) * moveY2);
    oDiv2.style.left = posX2 + "px";
    oDiv2.style.top = posY2 + "px";
    j2++;
    setTimeout("slide2()", delay2);
  } else {
    return;
  }
}