/*! Copyright (c) 2011 Piotr Rochala (http://rocha.la)
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 *
 * Version: 0.2.5
 * 
 */
 
 
 
(function($) {

		
		$.fn.slimScroll = function(o)
		{

			var ops = o;
			//do it for every element that matches selector
			
			this.each(function(){

			var isOverPanel, isOverBar, isDragg, queueHide, barHeight,
				divS = '<div></div>',
				minBarHeight = 30,
				wheelStep = 30,
				o = ops || {},
				cwidth = o.width || 'auto',
				cheight = o.height || '250px',
				size = o.size || '7px',
				color = o.color || '#000',
				position = o.position || 'right',
				opacity = o.opacity || 1,
				alwaysVisible = o.alwaysVisible === true;
			
				//used in event handlers and for better minification
				var me = $(this);

				//wrap content
				var wrapper = $(divS).css({
					position: 'relative',
					overflow: 'hidden',
					width: cwidth,
					height: cheight
				}).attr({ 'class': 'slimScrollDiv' });

				//update style for the div
				me.css({
					overflow: 'hidden',
					width: cwidth,
					height: cheight
				});

				//create scrollbar rail
				var rail  = $(divS).css({
					width: '15px',
					height: '100%',
					position: 'absolute',
					top: 0
				});

				//create scrollbar
				var bar = $(divS).attr({ 
					'class': 'slimScrollBar ', 
					style: 'border-radius: ' + size 
					}).css({
						background: color,
						width: size,
						position: 'absolute',
						top: 0,
						opacity: opacity,
						display: alwaysVisible ? 'block' : 'none',
						BorderRadius: size,
						MozBorderRadius: size,
						WebkitBorderRadius: size,
						zIndex: 99
				});

				//set position
				var posCss = (position == 'right') ? { right: '1px' } : { left: '1px' };
				rail.css(posCss);
				bar.css(posCss);

				//wrap it
				me.wrap(wrapper);

				//append to parent div
				me.parent().append(bar);
				me.parent().append(rail);

				//make it draggable
				bar.draggable({ 
					axis: 'y', 
					containment: 'parent',
					start: function() { isDragg = true; },
					stop: function() { isDragg = false; hideBar(); },
					drag: function(e) 
					{ 
						//scroll content
						scrollContent(0, $(this).position().top, false);
					}
				});

				//on rail over
				rail.hover(function(){
					showBar();
				}, function(){
					hideBar();
				});

				//on bar over
				bar.hover(function(){
					isOverBar = true;
				}, function(){
					isOverBar = false;
				});

				//show on parent mouseover
				me.hover(function(){
					isOverPanel = true;
					showBar();
					hideBar();
				}, function(){
					isOverPanel = false;
					hideBar();
				});

				var _onWheel = function(e)
				{
					
					
					//use mouse wheel only when mouse is over
					if (!isOverPanel) { return; }

					var e = e || window.event;

					var delta = 0;
					if (e.wheelDelta) { delta = -e.wheelDelta/120; }
					if (e.detail) { delta = e.detail / 5; }

					//scroll content
					scrollContent(0, delta, true);
					
					//stop window scroll
					if (e.preventDefault) { e.preventDefault(); }
					e.returnValue = false;
					
					
					clearTimeout(queueHide);
					queueHide = setTimeout(function()
					{
						hideBar();
						
					}, 1000);
					
				}

				me.bind('scrollContent', function(e,y){
					
					
					deltabase = $("#inner").prop("scrollHeight");
					
					
					//ensure bar is visible
					showBar();
					
					
					//move bar with mouse wheel
					//delta = bar.position().top + y * wheelStep;

					//move bar, make sure it doesn't go out
					delta = Math.max(deltabase, 0);
					var maxTop = me.outerHeight() - bar.outerHeight();
					delta = Math.min(delta, maxTop);

					//scroll the scrollbar
					//bar.css({ top: delta + 'px' });
					bar.animate({ top: delta + 'px'}, 1000);
					

					//calculate actual scroll amount
					//percentScroll = parseInt(bar.position().top) / (me.outerHeight() - bar.outerHeight());
					//delta = percentScroll * (me[0].scrollHeight - me.outerHeight());

					//scroll content
					
					//me.scrollTop(deltabase);
					me.animate({ scrollTop: $("#inner").prop("scrollHeight") - $('#inner').height() }, 1000);			
				
				});


				var scrollContent = function(x, y, isWheel)
				{
					
					//ensure bar is visible
					showBar();
					
					var delta = y;

					if (isWheel)
					{
						//move bar with mouse wheel
						delta = bar.position().top + y * wheelStep;

						//move bar, make sure it doesn't go out
						delta = Math.max(delta, 0);
						var maxTop = me.outerHeight() - bar.outerHeight();
						delta = Math.min(delta, maxTop);

						//scroll the scrollbar
						bar.css({ top: delta + 'px' });
						
					}

					//calculate actual scroll amount
					percentScroll = parseInt(bar.position().top) / (me.outerHeight() - bar.outerHeight());
					delta = percentScroll * (me[0].scrollHeight - me.outerHeight());

					//scroll content
					
					me.scrollTop(delta);

				}

				/*
				test = setInterval(function()
				{
					showBar();
					
					delta = $("#inner").prop("scrollHeight");
					
					scrollContent(0, delta, true);

					
				}, 3000);
				*/

				var attachWheel = function()
				{
					if (window.addEventListener)
					{
						this.addEventListener('DOMMouseScroll', _onWheel, false );
						this.addEventListener('mousewheel', _onWheel, false );
					} 
					else
					{
						document.attachEvent("onmousewheel", _onWheel)
						
					}
				}

				//attach scroll events
				attachWheel();
				
				var getBarHeight = function()
				{
					//calculate scrollbar height and make sure it is not too small
					barHeight = Math.max((me.outerHeight() / me[0].scrollHeight) * me.outerHeight(), minBarHeight);
					bar.css({ height: barHeight + 'px' });
				}
				

				//set up initial height
				getBarHeight();


				function add_delta(newdelta)
				{
					delta = delta + newdelta;				
				}

				var showBar = function()
				{
					//recalculate bar height
					getBarHeight();
					clearTimeout(queueHide);
					
					//show only when required
					if(barHeight >= me.outerHeight()) {
						return;
					}
					bar.fadeIn('fast');
				}

				var hideBar = function()
				{
					//only hide when options allow it
					if (!alwaysVisible)
					{
						queueHide = setTimeout(function(){
							if (!isOverBar && !isDragg) { bar.fadeOut('fast'); }
						}, 1000);
					}
				}

			});
			
			//maintain chainability
			return this;
		}
	

})(jQuery);