var cursor = 0;
var where = 0;
var idTimer = 0;

function clear()
{
    if(idTimer)
    {
        clearInterval(idTimer);
    }
}

function animation(i) {

    if(idTimer)
    {
					var slidebox = document.getElementById("slidebox");

					slidebox.style.right = 200*cursor + "px";
					if(where <= i)
					{
						if (cursor >= (4*i))
						{
							where = i;
							clearInterval(idTimer);

						}
						else
						{
							cursor++;
						}
					}
					else
					{
						if (Number(cursor) <= (4*i))
						{
							where = i;
							clearInterval(idTimer);

						}
						else
						{							
							cursor--;
						}
					}
                }

   }