var maxMoves;
var moveCount = 0;
var maxMoves1;
var moveCount1 = 0;
var maxMoves2;
var moveCount2 = 0;
var maxMoves3;
var moveCount3 = 0;
var FrameInterval = 25;
var LastFrameInterval = 8;
var LastFrame = 18;
var ListItemPx = 130;

/*first scroll*/
function moveLeft1(element)
{
  if (moveCount1 < maxMoves1){
        moveLeftGo1(element);
        document.getElementById('rightarrowOff1').style.display="none";
        document.getElementById('rightarrowOn1').style.display="block";
        document.getElementById('leftarrowOff1').style.display="none";
        document.getElementById('leftarrowOn1').style.display="block";
  }
  if (moveCount1 == maxMoves1){
  document.getElementById('rightarrowOn1').style.display="none";
  document.getElementById('rightarrowOff1').style.display="block";        
  }
}

function moveRight1(element)
{
    if (moveCount1 != 0) {
     moveRightGo1(element);
     document.getElementById('leftarrowOff1').style.display="none";
     document.getElementById('leftarrowOn1').style.display="block";
     document.getElementById('rightarrowOff1').style.display="none";
     document.getElementById('rightarrowOn1').style.display="block";
     if (moveCount1 == 0){
     document.getElementById('leftarrowOn1').style.display="none";
     document.getElementById('leftarrowOff1').style.display="block";
     }    
    }
}

function moveLeftGo1(element)
{
    var frame = 0;

    if (moveCount1 >= maxMoves1){
      return;
    }

    var intervalId = setInterval(goLeft1, 1);

    function goLeft1(){
      if (frame > LastFrame){
        clearInterval(intervalId);
        return;
      }
      var leftpx = stripOutPx1(element.style.left);     
      element.style.left = (frame == LastFrame ? (leftpx - LastFrameInterval) : (leftpx - FrameInterval)) + "px";
      frame++;      
    }
   
    moveCount1++;
}

function moveRightGo1(element)
{
    var frame = 0;

    if (moveCount1 == 0) {
      return;
    }
    
    var intervalId = setInterval(goRight1, 1);

    function goRight1(){
      if (frame > LastFrame){
        clearInterval(intervalId);
        return;
      }
      var leftpx = stripOutPx1(element.style.left);    
      element.style.left = (frame == LastFrame ? (leftpx + LastFrameInterval) : (leftpx + FrameInterval)) + "px";
      frame++;      
    }
    moveCount1--;   
}


function stripOutPx1(pxValue){
  var px = pxValue.split('p')[0];
  return px == '' ? 0 : parseInt(px);
}

function interrogateContentList1(element){
  var liCount = 0;
  maxMoves1 = 0;
  for (var i=0; i<element.childNodes.length; i++){
    var node = element.childNodes[i];
    if (node.nodeName == 'LI'){
      liCount++;      
    }    
  }

  element.style.width = (liCount * ListItemPx) + "px";
  
  if (liCount > 4){
    var temp = liCount / 4;
    maxMoves1 = parseInt(temp);
    if (maxMoves1 > 1 && liCount % 4 == 0){
      maxMoves1--;
    }
  }
}
/*second scroll*/
function moveLeft2(element)
{
  if (moveCount2 < maxMoves2){
        moveLeftGo2(element);
        document.getElementById('rightarrowOff2').style.display="none";
        document.getElementById('rightarrowOn2').style.display="block";
        document.getElementById('leftarrowOff2').style.display="none";
        document.getElementById('leftarrowOn2').style.display="block";
  }
  if (moveCount2 == maxMoves2){
  document.getElementById('rightarrowOn2').style.display="none";
  document.getElementById('rightarrowOff2').style.display="block";        
  }
}

function moveRight2(element)
{
    if (moveCount2 != 0) {
     moveRightGo2(element);
     document.getElementById('leftarrowOff2').style.display="none";
     document.getElementById('leftarrowOn2').style.display="block";
     document.getElementById('rightarrowOff2').style.display="none";
     document.getElementById('rightarrowOn2').style.display="block";
     if (moveCount2 == 0){
     document.getElementById('leftarrowOn2').style.display="none";
     document.getElementById('leftarrowOff2').style.display="block";
     }    
    }
}

function moveLeftGo2(element)
{
    var frame = 0;

    if (moveCount2 >= maxMoves2){
      return;
    }

    var intervalId = setInterval(goLeft2, 1);

    function goLeft2(){
      if (frame > LastFrame){
        clearInterval(intervalId);
        return;
      }
      var leftpx = stripOutPx2(element.style.left);     
      element.style.left = (frame == LastFrame ? (leftpx - LastFrameInterval) : (leftpx - FrameInterval)) + "px";
      frame++;      
    }
   
    moveCount2++;
}

function moveRightGo2(element)
{
    var frame = 0;

    if (moveCount2 == 0) {
      return;
    }
    
    var intervalId = setInterval(goRight2, 1);

    function goRight2(){
      if (frame > LastFrame){
        clearInterval(intervalId);
        return;
      }
      var leftpx = stripOutPx2(element.style.left);    
      element.style.left = (frame == LastFrame ? (leftpx + LastFrameInterval) : (leftpx + FrameInterval)) + "px";
      frame++;      
    }
    moveCount2--;   
}


function stripOutPx2(pxValue){
  var px = pxValue.split('p')[0];
  return px == '' ? 0 : parseInt(px);
}

function interrogateContentList2(element){
  var liCount = 0;
  maxMoves2 = 0;
  for (var i=0; i<element.childNodes.length; i++){
    var node = element.childNodes[i];
    if (node.nodeName == 'LI'){
      liCount++;      
    }    
  }

  element.style.width = (liCount * ListItemPx) + "px";
  
  if (liCount > 4){
    var temp = liCount / 4;
    maxMoves2 = parseInt(temp);
    if (maxMoves2 > 1 && liCount % 4 == 0){
      maxMoves2--;
    }
  }
}
/*third scroll*/
function moveLeft3(element)
{
  if (moveCount3 < maxMoves1){
        moveLeftGo3(element);
        document.getElementById('rightarrowOff3').style.display="none";
        document.getElementById('rightarrowOn3').style.display="block";
        document.getElementById('leftarrowOff3').style.display="none";
        document.getElementById('leftarrowOn3').style.display="block";
  }
  if (moveCount3 == maxMoves3){
  document.getElementById('rightarrowOn3').style.display="none";
  document.getElementById('rightarrowOff3').style.display="block";        
  }
}

function moveRight3(element)
{
    if (moveCount3 != 0) {
     moveRightGo3(element);
     document.getElementById('leftarrowOff3').style.display="none";
     document.getElementById('leftarrowOn3').style.display="block";
     document.getElementById('rightarrowOff3').style.display="none";
     document.getElementById('rightarrowOn3').style.display="block";
     if (moveCount1 == 0){
     document.getElementById('leftarrowOn3').style.display="none";
     document.getElementById('leftarrowOff3').style.display="block";
     }    
    }
}

function moveLeftGo3(element)
{
    var frame = 0;

    if (moveCount3 >= maxMoves3){
      return;
    }

    var intervalId = setInterval(goLeft3, 1);

    function goLeft3(){
      if (frame > LastFrame){
        clearInterval(intervalId);
        return;
      }
      var leftpx = stripOutPx3(element.style.left);     
      element.style.left = (frame == LastFrame ? (leftpx - LastFrameInterval) : (leftpx - FrameInterval)) + "px";
      frame++;      
    }
   
    moveCount3++;
}

function moveRightGo3(element)
{
    var frame = 0;

    if (moveCount3 == 0) {
      return;
    }
    
    var intervalId = setInterval(goRight3, 1);

    function goRight3(){
      if (frame > LastFrame){
        clearInterval(intervalId);
        return;
      }
      var leftpx = stripOutPx1(element.style.left);    
      element.style.left = (frame == LastFrame ? (leftpx + LastFrameInterval) : (leftpx + FrameInterval)) + "px";
      frame++;      
    }
    moveCount3--;   
}


function stripOutPx3(pxValue){
  var px = pxValue.split('p')[0];
  return px == '' ? 0 : parseInt(px);
}

function interrogateContentList3(element){
  var liCount = 0;
  maxMoves3 = 0;
  for (var i=0; i<element.childNodes.length; i++){
    var node = element.childNodes[i];
    if (node.nodeName == 'LI'){
      liCount++;      
    }    
  }

  element.style.width = (liCount * ListItemPx) + "px";
  
  if (liCount > 4){
    var temp = liCount / 4;
    maxMoves3 = parseInt(temp);
    if (maxMoves3 > 1 && liCount % 4 == 0){
      maxMoves3--;
    }
  }
}
