(function($) {

$.fn.scrollbar = function(settings)
{
	
this.defaults = {
  width : "18px",
  bg : "#000000",
  color : "#087ef4",
  auto: 0,
  step: 'auto'
}

var s = $.extend({}, this.defaults, settings);

$(this).each(function(i) {
//detect IE < 8 and default to normal browser scroll
if ($.browser.msie && $.browser.version.substr(0,1)<9){
return false;
}

var height,width,fullheight,difference,ratio,step,cursorh,cursorStep,numsteps,total;
height = $(this).height();
width = $(this).width();
$(this).append("<div class=\"scroll_content\">\n" + $(this).html() + "</div>\n");
$(this).children().not('.scroll_content').remove();
fullheight = $(this).find('.scroll_content').height();
ratio = height/fullheight;
difference = fullheight - height +10;
if(difference<=0) return false;
cursorh = Math.floor(ratio * height);
if(s.step == "auto") {
step = height/3;
}
else {
step = s.step;	
}
numsteps = difference/step;
cursorStep = Math.floor((height-cursorh)/numsteps);

this.total = height - cursorh;
total = height - cursorh;
$(this).css("overflow","hidden");
$(this).append("<div class=\"track\"><div class=\"cursor\"></div></div>");
$(this).find('.scroll_content').css({width:width-parseInt(s.width.replace("px",""))-8+"px",float:"left",position:"relative",top:"0"});
$(this).find('.cursor').css({height:cursorh+'px',top:'0','cursor':'pointer'});
$(this).find('.track').css({margin:"0 0 0 8px",float:"left",height:"100%"});
// apply settings 
$(this).find('.cursor').css({width:s.width,background:s.color});
$(this).find('.track').css({background:s.bg,width:s.width});
// mousescroll mouse trap
/*$(this).bind('mousewheel', function(event, delta) {
  scrollPane(delta,$(this));
})*/
$(this).find('.cursor').draggable({containment:'parent',drag: function(event, ui) {
    var top = parseInt($(this).css('top').replace('px',''));
    var pos = Math.floor(top / total * (difference));
    $(this).parent().parent().find('.scroll_content').css({"top": -pos+'px'});
  }														
});

$(this).find('.track').click(function(e) {
  $(this).find('div').css('top',e.pageY-$(this).offset().top);
  if(e.pageY-$(this).offset().top > total) $(this).find('div').css('top',total);
  lift($(this).parent());
})
var myint;
if(s.auto > 0) {
  myint = setInterval(function() { autoScroll(); },s.auto*1000);
}
else {
	if(myint) { clearInterval(myint); myint = 0; }
}

function lift(e) {
var top = parseInt($(e).find('.cursor').css('top').replace('px',''));
  var pos = Math.floor(top / total * difference);
  $(e).find('.scroll_content').css({"top": -pos+'px'});
}

function scrollPane(delta,e) {
  var top = (parseInt($(e).find('.cursor').css('top').replace('px',''))+cursorStep*delta*-1);
  if (delta<-1) delta = -1;
  if (delta>1) delta = 1;
  if(delta==-1 && (parseInt($(e).find('.cursor').css('top').replace('px','')) + cursorStep) > total) {
  $(e).find('.cursor').css('top',total+"px");
  $(e).find('.scroll_content').css('top',-1*difference+"px");
  return false;
  }
  if(delta==1 && (parseInt($(e).find('.cursor').css('top').replace('px','')) - cursorStep) < 0) { 
  $(e).find('.cursor').css('top',0);
  $(e).find('.scroll_content').css('top',0);
  return false;
  }
  $(e).find('.cursor').css('top',top+'px');
  $(e).find('.scroll_content').css('top',parseInt($(e).find('.scroll_content').css('top').replace('px',''))+step*delta+'px');
}

if (s.auto > 0) {
$(this).find('.scroll_content').parent().hover(function() {
	clearInterval(myint);
  },
  function() {
     myint = setInterval(function() { autoScroll(); },s.auto*1000); 
});
}
var e = $(this);
function autoScroll() {
  var delta = -1;
  var top = (parseInt($(e).find('.cursor').css('top').replace('px',''))+cursorStep*delta*-1);
  if((parseInt($(e).find('.cursor').css('top').replace('px','')) + cursorStep) > total) {
  $(e).find('.cursor').animate({top:0});
  $(e).find('.scroll_content').animate({top:0});
  }
  else {
  $(e).find('.cursor').animate({top:top+'px'});
  $(e).find('.scroll_content').animate({top:parseInt($(e).find('.scroll_content').css('top').replace('px',''))+step*delta+'px'});
  }
}

})
}	
})(jQuery);





/*! Copyright (c) 2009 Brandon Aaron (http://brandonaaron.net)
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
 * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
 *
 * Version: 3.0.2
 * 
 * Requires: 1.2.2+
 */

(function($) {

var types = ['DOMMouseScroll', 'mousewheel'];

$.event.special.mousewheel = {
	setup: function() {
		if ( this.addEventListener )
			for ( var i=types.length; i; )
				this.addEventListener( types[--i], handler, false );
		else
			this.onmousewheel = handler;
	},
	
	teardown: function() {
		if ( this.removeEventListener )
			for ( var i=types.length; i; )
				this.removeEventListener( types[--i], handler, false );
		else
			this.onmousewheel = null;
	}
};

$.fn.extend({
	mousewheel: function(fn) {
		return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
	},
	
	unmousewheel: function(fn) {
		return this.unbind("mousewheel", fn);
	}
});


function handler(event) {
	if(!$.browser.msie) event.preventDefault();
	var args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true;
	
	event = $.event.fix(event || window.event);
	event.type = "mousewheel";
	
	if ( event.wheelDelta ) delta = event.wheelDelta/120;
	if ( event.detail     ) delta = -event.detail/3;
	
	// Add events and delta to the front of the arguments
	args.unshift(event, delta);

	return $.event.handle.apply(this, args);
}

})(jQuery);