//********************************************************************
function scrollbyMouse(elemId,up,down){
  setTimeout(function() {
    $( '#' + elemId ).jScrollPane({showArrows:true, scrollbarWidth:15} );
  }, 300);

}


/*
  var elemToScroll = $('#'+elemId);
  var step = 2;
  var speed_multiplier = 20;
  var upArr, downArr;

  if ( up == null )  upArr   = 'up';   else upArr   = up;
  if ( down== null ) downArr = 'down'; else downArr = down;

  var updown = $( '#' + up ).parent();
  var roll = updown.find( '.roll' );
  var sImgHeight = 13;

  var scroll_section_height = 0;
  var scroll_percent = 0;
  var percent =  0;
  percent =  parseInt( elemToScroll.scrollTop() / ( (elemToScroll.attr( 'scrollHeight' ) - elemToScroll.height()) / 100 ) );
  roll.css( 'top', sImgHeight + ( percent * scroll_percent ) );
  //прокрутка колесиком мышки
  elemToScroll.bind( 'mousewheel', function( event, delta ) {
    var vel = Math.abs( delta );
    var y = event.pageY - elemToScroll.offset().top;
    var elemHeight=elemToScroll.attr( 'offsetHeight' );
    var direct = getDirect( y, elemHeight );
    if( direct == 0 ) {
      if( delta < 0 ) {
        //down
        elemToScroll.attr('scrollTop',elemToScroll.attr('scrollTop') + 20 );
        if((elemToScroll.attr('scrollTop') + elemToScroll.attr('clientHeight')) == elemToScroll.attr('scrollHeight')){
          $('#'+upArr).css({'visibility':'visible'});
          $('#'+downArr).css({'visibility':'hidden'});
        } else {
          $('#'+upArr).css({'visibility':'visible'});
          $('#'+downArr).css({'visibility':'visible'});
        }
      } else {
        //up
        elemToScroll.attr('scrollTop',elemToScroll.attr('scrollTop') - 20 );
        if(elemToScroll.attr('scrollTop') == 0){
           $('#'+upArr).css({'visibility':'hidden'});
           $('#'+downArr).css({'visibility':'visible'});
         } else {
           $('#'+upArr).css({'visibility':'visible'});
           $('#'+downArr).css({'visibility':'visible'});
         }
      }
    }
    var percent =  parseInt( elemToScroll.attr( 'scrollTop' ) / ( (elemToScroll.attr( 'scrollHeight' ) - elemToScroll.height()) / 100 ) );
    roll.css( 'top', sImgHeight + ( percent * scroll_percent ) );

    return false;
  });

  function scrollStepUp(  ){
    var percent =  parseInt( elemToScroll.attr( 'scrollTop' ) / ( (elemToScroll.attr( 'scrollHeight' ) - elemToScroll.height()) / 100 ) );
    roll.css( 'top', sImgHeight + ( percent * scroll_percent ) );

    elemToScroll.attr('scrollTop',elemToScroll.attr('scrollTop') - step );

    if(elemToScroll.attr('scrollTop') == 0){
      $('#'+upArr).css({'visibility':'hidden'});
      $('#'+downArr).css({'visibility':'visible'});
    } else {
      $('#'+upArr).css({'visibility':'visible'});
      $('#'+downArr).css({'visibility':'visible'});
    }
  };


  function scrollStepDown(  ){
    var percent =  parseInt( elemToScroll.attr( 'scrollTop' ) / ( (elemToScroll.attr( 'scrollHeight' ) - elemToScroll.height()) / 100 ) );
    roll.css( 'top', sImgHeight + ( percent * scroll_percent ) );

    elemToScroll.attr('scrollTop',elemToScroll.attr('scrollTop')+step);

    if((elemToScroll.attr('scrollTop') + elemToScroll.attr('clientHeight')) == elemToScroll.attr('scrollHeight')){
      $('#'+upArr).css({'visibility':'visible'});
      $('#'+downArr).css({'visibility':'hidden'});
    } else {
      $('#'+upArr).css({'visibility':'visible'});
      $('#'+downArr).css({'visibility':'visible'});
    }
  };
  elemToScroll.hover(
    function () {
    },
    function () {
      window.clearInterval(interval);
    }
  );
  function getDirect(elemY,elemHeight){
    scroll_section_height = updown.height() - ( 2 * sImgHeight ) - roll.height();
    scroll_percent = scroll_section_height / 100;
    percent =  parseInt( elemToScroll.scrollTop() / ( (elemToScroll.attr( 'scrollHeight' ) - elemToScroll.height()) / 100 ) );

    var scrollRectHeight = (parseInt(elemHeight / 100)) * 15;
    if((elemY>=0)&&(elemY<=scrollRectHeight)){   return -1;  }
    else if((elemY>=(elemHeight-scrollRectHeight)) && (elemY<=elemHeight)){  return 1;  }
    else { return 0; }
  }

  if(elemToScroll){
    elemToScroll.bind("mousemove", function(e){
      var event = e || window.event;
      var y = event.pageY - elemToScroll.offset().top;
      var elemHeight=elemToScroll.attr('offsetHeight');
      var direct = getDirect(y,elemHeight);
      window.clearInterval(interval);
      if(direct != 0){
        if(direct > 0){
          interval = window.setInterval(scrollStepDown,8);
        } else {
          interval = window.setInterval(scrollStepUp,8);
        }
      }
    });
  }
    $('#'+upArr).bind("mousedown", function(e){
    var event = e || window.event;
    var y = event.pageY - elemToScroll.offset().top;
    var elemHeight=elemToScroll.attr('offsetHeight');
    var direct = getDirect(y,elemHeight);
    window.clearInterval(interval);
    if(direct != 0){
      if(direct > 0){
        interval = window.setInterval(scrollStepDown,8);
      } else {
        interval = window.setInterval(scrollStepUp,8);
      }
    }
  });
  $('#'+upArr).bind("mouseup", function(e){
    window.clearInterval(interval);
  });

  $('#'+downArr).bind("mousedown", function(e){
    var event = e || window.event;
    var y = event.pageY - elemToScroll.offset().top;
    var elemHeight=elemToScroll.attr('offsetHeight');
    var direct = getDirect(y,elemHeight);
    window.clearInterval(interval);
    if(direct != 0){
      if(direct > 0){
        interval = window.setInterval(scrollStepDown,8);
      } else {
        interval = window.setInterval(scrollStepUp,8);
      }
    }
  });
  $('#'+downArr).bind("mouseup", function(e){
    window.clearInterval(interval);
  });*/