var num;
var ctime;

function set_content(el, num, op)
{
   var v = ((num*500)+(op*5));
  // set the content of page nm
  el.style.marginLeft = "-"+v+"px";
}

function doanim(op)
{
  var bk;
  var ky;

  bk = document.getElementById('animslide');

  if (op == 0)
  {
    ky = document.getElementById('animboxk'+num);
    ky.style.background='#3e7db2';

    set_content(bk,num,op);

    op += 5;
    ctime = setTimeout('doanim('+op+');',100);

  } else if (op == 100)
  {
    op = 0;
    num += 1;
    if (num == 5)  // max number of pages here
    {
      num = 0;
    }

    set_content(bk, num, op);
    ky = document.getElementById('animboxk'+num);
    ky.style.background='#fff';
    ctime = setTimeout('doanim('+op+');',8000);

  } else
  {
    op  += 5;
    set_content(bk, num,op);
    ctime  = setTimeout('doanim('+op+');',50);
  }
}

function startanim()
{
num = 0;
ctime = setTimeout('doanim(0);',8000);
}

function animjump(nm)
{
  var bk;
  var ky;

  clearTimeout(ctime);

  ky = document.getElementById('animboxk'+num);
  ky.style.background='#3e7db2';
  ky = document.getElementById('animboxk'+nm);
  ky.style.background='#ffffff';
  num = nm;
  bk = document.getElementById('animslide');
  set_content(bk, num,0);
  ctime = setTimeout('doanim(0);',30000);
}