// JavaScript Document
  var gTop=0;
  var gIncVal=0;
  // var timeOutValue can be used to adjust the speed of scroller.
  var timeOutValue=80;

    
  function scrollMe(arg)
  {    
    var objEncNav=document.getElementById('encNav');
    
    // var scrollAmount define the fast and
    // the amount of scrolling pane
    var scrollAmount=280;
    var objEncNavHeight=parseInt(objEncNav.offsetHeight);
	var objEncNavTop=objEncNav.style.top;

    // var barHeight defines the heigt of inner layer
    // it must set -10 from max height
    var barHeight=280;   
    
    if(!objEncNavTop)
      objEncNavTop=0;
    else
      objEncNavTop=objEncNavTop.substring(0,objEncNavTop.length-2);
      
    if(arg>0)
    {// button scroll DOWN
	
      if(objEncNavTop>=0 || objEncNavTop>(-(objEncNavHeight-(barHeight+scrollAmount))))
      {
        incrementValue=scrollAmount;
      }
      else if(objEncNavTop<(-(objEncNavHeight-(barHeight+scrollAmount))))
      {
        incrementValue=(objEncNavHeight-barHeight)+parseInt(objEncNavTop);
      }
      else
      {
        incrementValue=0;
      }
      encSmoothScroll("minus", parseInt(objEncNavTop), parseInt(incrementValue));
    }
    else
    { // button scroll UP
	  if(objEncNavTop<0 && ((parseInt(objEncNavTop)+scrollAmount) < 0))
      {
        incrementValue=scrollAmount;
      }
      else
      {
        incrementValue=-objEncNavTop-0;  
      }
      encSmoothScroll("plus", parseInt(objEncNavTop), parseInt(incrementValue));
    }
  }
  
  function encSmoothScroll(dir, currentVal, incValue)
  {
    gTop=currentVal;
    gIncVal=incValue;
    encScrollBy(dir, 0)
  }

function initializeScroll()
  {

	var scrollBarTop = document.getElementById ("encScrollBarTop");
    var scrollBarBottom= document.getElementById ("encScrollBarBottom");
	var objEncNav=document.getElementById('encNav');
	
	objEncNav.style.top="0px";
	
	var objEncNavTop=parseInt(objEncNav.style.top.substring(0,objEncNav.style.top.length-2));
	
	if (objEncNavTop==0){
	  scrollBarTop.style.display = "none";
	  } else {
	  scrollBarTop.style.display = "block";
	  }

    var scrollAmount=280;
    var objEncNavHeight=parseInt(objEncNav.offsetHeight);
	if (objEncNavTop<= scrollAmount - objEncNavHeight){
	  scrollBarBottom.style.display = "none";
	  } else {
	  scrollBarBottom.style.display = "block";
	  }	
}  

function encScrollBy(dir, val)
  { 
    var scrollBarTop = document.getElementById ("encScrollBarTop");
    var scrollBarBottom= document.getElementById ("encScrollBarBottom");
	var objEncNav=document.getElementById('encNav');
	var objEncNavTop=parseInt(objEncNav.style.top.substring(0,objEncNav.style.top.length-2));

	if (objEncNavTop==0){
	  scrollBarTop.style.display = "none";
	  } else {
	  scrollBarTop.style.display = "block";
	  }

    var scrollAmount=280;
    var objEncNavHeight=parseInt(objEncNav.offsetHeight);
	if (objEncNavTop<= scrollAmount - objEncNavHeight){
	  scrollBarBottom.style.display = "none";
	  } else {
	  scrollBarBottom.style.display = "block";
	  }	

    if(val<gIncVal)
    {
      var tmpInc;      
      if((gIncVal-val)>2)      
      {
        tmpInc=Math.ceil((gIncVal-val)/10);
        if(tmpInc <2)
          tmpInc=2;
      }
      else
      {
        tmpInc=gIncVal-val;
      }
      
      val+=tmpInc;
      
      if(dir=="plus")
      {
        objEncNav.style.top=gTop+val+"px";
      }
      else if(dir=="minus")
      {
        objEncNav.style.top=gTop-val+"px";
      }
      
    var t=setTimeout("encScrollBy('"+dir+"', "+val+");", timeOutValue);
    }
    else
    {
      clearTimeout(t);
    }

  }