var MaxRecord =60;
var Iist = 1;
var NumRecord = 1;
var Iend = NumRecord;
var curRecord = 1;
var debug = false;

function showPrev() {
  Iist -= 10;
  Iend -= 10;
  curRecord = Iist;
  btnPrev.disabled = false;
  btnNext.disabled = false;
  if (Iist<=1) {
    Iist = 1; 
    Iend = NumRecord;
    btnPrev.disabled = true;
  }
  changeAppearance();
  if (debug) alert("Iist = " + Iist + " and Iend = " + Iend);
}
function showNext() {
  Iist += 10;
  Iend += 10;
  curRecord = Iist;
  btnPrev.disabled = false;
  btnNext.disabled = false;
  if (Iist>=MaxRecord-9) {
    Iist = MaxRecord - NumRecord + 1; 
    Iend = MaxRecord;
    btnNext.disabled = true;
  }
  changeAppearance();
  if (debug) alert("Iist = " + Iist + " and Iend = " + Iend);
}

function changeAppearance() {
  if (1 >= Iist && 1 <= Iend) objSpan1.style.display = "inline";
  else objSpan1.style.display = "none";
  if (2 >= Iist && 2 <= Iend) objSpan2.style.display = "inline";
  else objSpan2.style.display = "none";
  if (3 >= Iist && 3 <= Iend) objSpan3.style.display = "inline";
  else objSpan3.style.display = "none";
  if (4 >= Iist && 4 <= Iend) objSpan4.style.display = "inline";
  else objSpan4.style.display = "none";
  if (5 >= Iist && 5 <= Iend) objSpan5.style.display = "inline";
  else objSpan5.style.display = "none";
  if (6 >= Iist && 6 <= Iend) objSpan6.style.display = "inline";
  else objSpan6.style.display = "none";
  if (7 >= Iist && 7 <= Iend) objSpan7.style.display = "inline";
  else objSpan7.style.display = "none";
  if (8 >= Iist && 8 <= Iend) objSpan8.style.display = "inline";
  else objSpan8.style.display = "none";
  if (9 >= Iist && 9 <= Iend) objSpan9.style.display = "inline";
  else objSpan9.style.display = "none";
  if (10 >= Iist && 10 <= Iend) objSpan10.style.display = "inline";
  else objSpan10.style.display = "none";
  
  if (11 >= Iist && 11 <= Iend) objSpan11.style.display = "inline";
  else objSpan11.style.display = "none";
  if (12 >= Iist && 12 <= Iend) objSpan12.style.display = "inline";
  else objSpan12.style.display = "none";
  if (13 >= Iist && 13 <= Iend) objSpan13.style.display = "inline";
  else objSpan13.style.display = "none";
  if (14 >= Iist && 14 <= Iend) objSpan14.style.display = "inline";
  else objSpan14.style.display = "none";
  if (15 >= Iist && 15 <= Iend) objSpan15.style.display = "inline";
  else objSpan15.style.display = "none";
  if (16 >= Iist && 16 <= Iend) objSpan16.style.display = "inline";
  else objSpan16.style.display = "none";
  if (17 >= Iist && 17 <= Iend) objSpan17.style.display = "inline";
  else objSpan17.style.display = "none";
  if (18 >= Iist && 18 <= Iend) objSpan18.style.display = "inline";
  else objSpan18.style.display = "none";
  if (19 >= Iist && 19 <= Iend) objSpan19.style.display = "inline";
  else objSpan19.style.display = "none";
  if (20 >= Iist && 20 <= Iend) objSpan20.style.display = "inline";
  else objSpan20.style.display = "none";
  
    
  if (21 >= Iist && 21 <= Iend) objSpan21.style.display = "inline";
  else objSpan21.style.display = "none";
  if (22 >= Iist && 22 <= Iend) objSpan22.style.display = "inline";
  else objSpan22.style.display = "none";
  if (23 >= Iist && 23 <= Iend) objSpan23.style.display = "inline";
  else objSpan23.style.display = "none";
  if (24 >= Iist && 24 <= Iend) objSpan24.style.display = "inline";
  else objSpan24.style.display = "none";
  if (25 >= Iist && 25 <= Iend) objSpan25.style.display = "inline";
  else objSpan25.style.display = "none";
  if (26 >= Iist && 26 <= Iend) objSpan26.style.display = "inline";
  else objSpan26.style.display = "none";
  if (27 >= Iist && 27 <= Iend) objSpan27.style.display = "inline";
  else objSpan27.style.display = "none";
  if (28 >= Iist && 28 <= Iend) objSpan28.style.display = "inline";
  else objSpan28.style.display = "none";
  if (29 >= Iist && 29 <= Iend) objSpan29.style.display = "inline";
  else objSpan29.style.display = "none";
  if (30 >= Iist && 30 <= Iend) objSpan30.style.display = "inline";
  else objSpan30.style.display = "none";
  
  
  if (31 >= Iist && 31 <= Iend) objSpan31.style.display = "inline";
  else objSpan31.style.display = "none";
  if (32 >= Iist && 32 <= Iend) objSpan32.style.display = "inline";
  else objSpan32.style.display = "none";
  if (33 >= Iist && 33 <= Iend) objSpan33.style.display = "inline";
  else objSpan33.style.display = "none";
  if (34 >= Iist && 34 <= Iend) objSpan34.style.display = "inline";
  else objSpan34.style.display = "none";
  if (35 >= Iist && 35 <= Iend) objSpan35.style.display = "inline";
  else objSpan35.style.display = "none";
  if (36 >= Iist && 36 <= Iend) objSpan36.style.display = "inline";
  else objSpan36.style.display = "none";
  if (37 >= Iist && 37 <= Iend) objSpan37.style.display = "inline";
  else objSpan37.style.display = "none";
  if (38 >= Iist && 38 <= Iend) objSpan38.style.display = "inline";
  else objSpan38.style.display = "none";
  if (39 >= Iist && 39 <= Iend) objSpan39.style.display = "inline";
  else objSpan39.style.display = "none";
  if (40 >= Iist && 40 <= Iend) objSpan40.style.display = "inline";
  else objSpan40.style.display = "none";
  
  if (41 >= Iist && 41 <= Iend) objSpan41.style.display = "inline";
  else objSpan41.style.display = "none";
  if (42 >= Iist && 42 <= Iend) objSpan42.style.display = "inline";
  else objSpan42.style.display = "none";
  if (43 >= Iist && 43 <= Iend) objSpan43.style.display = "inline";
  else objSpan43.style.display = "none";
  if (44 >= Iist && 44 <= Iend) objSpan44.style.display = "inline";
  else objSpan44.style.display = "none";
  if (45 >= Iist && 45 <= Iend) objSpan45.style.display = "inline";
  else objSpan45.style.display = "none";
  if (46 >= Iist && 46 <= Iend) objSpan46.style.display = "inline";
  else objSpan46.style.display = "none";
  if (47 >= Iist && 47 <= Iend) objSpan47.style.display = "inline";
  else objSpan47.style.display = "none";
  if (48 >= Iist && 48 <= Iend) objSpan48.style.display = "inline";
  else objSpan48.style.display = "none";
  if (49 >= Iist && 49 <= Iend) objSpan49.style.display = "inline";
  else objSpan49.style.display = "none";
  if (50 >= Iist && 50 <= Iend) objSpan50.style.display = "inline";
  else objSpan50.style.display = "none";
  
  if (51 >= Iist && 51 <= Iend) objSpan51.style.display = "inline";
  else objSpan51.style.display = "none";
  if (52 >= Iist && 52 <= Iend) objSpan52.style.display = "inline";
  else objSpan52.style.display = "none";
  if (53 >= Iist && 53 <= Iend) objSpan53.style.display = "inline";
  else objSpan53.style.display = "none";
  if (54 >= Iist && 54 <= Iend) objSpan54.style.display = "inline";
  else objSpan54.style.display = "none";
  if (55 >= Iist && 55 <= Iend) objSpan55.style.display = "inline";
  else objSpan55.style.display = "none";
  if (56 >= Iist && 56 <= Iend) objSpan56.style.display = "inline";
  else objSpan56.style.display = "none";
  if (57 >= Iist && 57 <= Iend) objSpan57.style.display = "inline";
  else objSpan57.style.display = "none";
  if (58 >= Iist && 58 <= Iend) objSpan58.style.display = "inline";
  else objSpan58.style.display = "none";
  if (59 >= Iist && 59 <= Iend) objSpan59.style.display = "inline";
  else objSpan59.style.display = "none";
  if (60 >= Iist && 60 <= Iend) objSpan60.style.display = "inline";
  else objSpan60.style.display = "none";
  
}