function myScrollBar(scrollName)
{
 this.scrollContent = $('#'+scrollName+'Content');
 if(this.scrollContent.length != 0)
   {
    this.scrollContentHeight = this.scrollContent.height()-$('#'+scrollName+'Scroll').height();
    if(this.scrollContentHeight<0)
      {
       this.scrollContentHeight = 0;
       $('#'+scrollName+'BarContainer').addClass('noVisible');
      }
    else
      {
       $('#'+scrollName+'BarContainer').removeClass('noVisible');
       this.sliderBar = $('#'+scrollName+'Bar').slider({orientation: 'vertical',
        range: "min",
        min: 0,
        max: this.scrollContentHeight,
        value: this.scrollContentHeight,
        slide: slideBar});
       $('#'+scrollName+'Bar .ui-slider-handle').focus(function(){this.blur();});
       $('#'+scrollName+'Scroll').mousewheel(scrollMouse);
       this.scrollContent.css('margin-top','0px');
      }
   }
}

function scrollMouse(event,delta)
 {
  var scrollBar = window[this.id.substring(0,this.id.length-6)];
  var topPosition = scrollBar.scrollContent.css('margin-top').replace('px','');
  if(delta>0)
    {
     if((Number(topPosition)+20) > 0){topPosition=0}else{topPosition=Number(topPosition)+20}
     scrollBar.scrollContent.css('margin-top',Number(topPosition)+'px');
    }
  else
   {
    if(0-((Number(topPosition)-20)) > scrollBar.scrollContentHeight)
      {topPosition=0-scrollBar.scrollContentHeight;}
    else{topPosition=Number(topPosition)-20}
    scrollBar.scrollContent.css('margin-top',Number(topPosition)+'px');
   }
  scrollBar.sliderBar.slider('option','value',scrollBar.scrollContentHeight+Number(topPosition));
 }

 function slideBar(e,ui)
 {
  var scrollBar = window[this.id.substring(0,this.id.length-3)];
  scrollBar = scrollBar.scrollContent.css('margin-top',Math.round(ui.value-scrollBar.scrollContentHeight)+'px');
 }