
(function($){
	var params = {
		divHeight: 100,
		bgcolor: '#FFFFFF',
		speed: 5000
	};

	$.fn.jbScroll = function(params){
		params = $.extend(params,params);

		var conteneur = $('div:eq(0)', this);

		$(this).css('padding', '16px 0');

		var divTop = $('<div></div>');
		divTop.css('position', 'absolute')
			.css('top', '0')
			.css('left', '0')
			.css('width', '100%')
			.addClass('jbScrollTop');
		$(this).prepend(divTop);

		var divBottom = $('<div></div>');
		divBottom.css('position', 'absolute')
			.css('bottom', '0')
			.css('left', '0')
			.css('width', '100%')
			.addClass('jbScrollBottom');
		$(this).append(divBottom);

		conteneur.css('position', 'absolute')
			.css('top', '16px')
			.css('height', params.divHeight+'px')
			.css('width', '100%')
			.css('overflow', 'hidden');

		$(this).css('height', params.divHeight)
			.css('overflow', 'hidden');

		var tomove = $('div:eq(0)', conteneur);
		if (tomove.length < 1)
			var tomove = $('ul', conteneur);

		tomove.css('position','absolute')
			.css('top', '0px')
			.css('width', '100%');

		var min = divTop.height();
		var max = params.divHeight - divTop.height() - divBottom.height() - tomove.height();

		divTop.hover(function(){
			var speed = params.speed;
			tomove.animate({top: max}, speed, 'linear');
		},function(){
			tomove.stop();
		});
		divBottom.hover(function(){
			var speed = params.speed;
			tomove.animate({top: min}, speed, 'linear');
		},function(){
			tomove.stop();
		});

	}
})(jQuery);
