var _isMouseOverLeft=false;
var _isMouseOverRight=false;
var panel_width = 750;      // sirka scroll panelu
var move_step = 20;         // dlzka kroku pri posune v px
var delay = 100;            // rychlost posunu v ms


function showCatalogScrollbars(){
  if(document.getElementById('panel') != null)
    if(document.getElementById('panel').scrollWidth > panel_width){
        document.getElementById('left_scroll').style.display=''; 
        document.getElementById('right_scroll').style.display='';
        document.getElementById('right_arrow').style.visibility='';
        window.setInterval('scrollPanel()', delay);
    }
}

function onScrollRight(){
  if(document.getElementById('panel') != null){
    document.getElementById('panel').scrollLeft += move_step;
  }
}

function onScrollLeft(){
  if(document.getElementById('panel') != null){
    document.getElementById('panel').scrollLeft -= move_step;
  }
}

function scrollPanel(){
  if(document.getElementById('panel') != null){
    if(_isMouseOverRight){
      document.getElementById('panel').scrollLeft += move_step;
      
      if(document.getElementById('panel').scrollLeft>0)
        document.getElementById('left_arrow').style.visibility='';
      
      if((document.getElementById('panel').scrollLeft + panel_width)>=document.getElementById('panel').scrollWidth)
        document.getElementById('right_arrow').style.visibility='hidden';
    }
    if(_isMouseOverLeft){
      document.getElementById('panel').scrollLeft -= move_step;
      
      if((document.getElementById('panel').scrollLeft + panel_width)<document.getElementById('panel').scrollWidth)
        document.getElementById('right_arrow').style.visibility='';
        
      if(document.getElementById('panel').scrollLeft<=0)
        document.getElementById('left_arrow').style.visibility='hidden';

    }
  }
}

function onAutoScrollRight(){
    _isMouseOverRight=true;
    //document.getElementById('right_scroll').style.backgroundColor='#f0f0f0';
}

function onAutoScrollLeft(){
  _isMouseOverLeft=true;
  //document.getElementById('left_scroll').style.backgroundColor='#f0f0f0';
}

function pausecomp(millis) 
{
  var date = new Date();
  var curDate = null;

  do { curDate = new Date(); } 
    while(curDate-date < millis);
}
function onAutoScrollFinish(){
  _isMouseOverLeft=false;
  _isMouseOverRight=false;
  //document.getElementById('left_scroll').style.backgroundColor='#ffffff';
  //document.getElementById('right_scroll').style.backgroundColor='#ffffff';
}