/*!
 * Tiny Scrollbar 1.42
 * http://www.baijs.nl/tinyscrollbar/
 *
 * Copyright 2010, Maarten Baijs
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.opensource.org/licenses/gpl-2.0.php
 *
 * Date: 06 / 11 / 2010
 * Depends on library: jQuery
 */
(function($){
	$.fn.tinyscrollbar = function(options){
		var defaults = { 
			axis: 'y', // vertical or horizontal scrollbar? ( x || y ).
			wheel: 40,  //how many pixels must the mouswheel scroll at a time.
			touch: 5,  //how many pixels must the mouswheel scroll at a time.
			scroll: true, //enable or disable the mousewheel scrollbar
			size: 'auto', //set the size of the scrollbar to auto or a fixed number.
			sizethumb: 'auto', //set the size of the thumb to auto or a fixed number.
			thumb_start_height: 8, //set the size of the thumb to auto or a fixed number.
			thumb_end_height: 8 //set the size of the thumb to auto or a fixed number.
		};
		
		var options = $.extend(defaults, options);
		
		var oWrapper = $(this);
		var oViewport = { obj: $('.viewport', this) };
		var oContent = { obj: $('.overview', this) };		
		var oScrollbar = { obj: $('.scrollbar', this) };
		var oTrack = { obj: $('.track', oScrollbar.obj) };
		var oThumb = { obj: $('.thumb', oScrollbar.obj) };
		
		var sAxis = options.axis == 'x', sDirection = sAxis ? 'left' : 'top', sSize = sAxis ? 'Width' : 'Height';
		
		var iScroll, iPosition = { start: 40, now: 66 }, iMouse = {}, iTouch = {};
		
		if (this.length > 1){ 
			this.each(function(){$(this).tinyscrollbar(options)}); 
			return this;
		}   
		
		this.initialize = function()
		{
			var oThumbChildren = oThumb.obj.children('div');
			options.thumb_start_height 	= $(oThumbChildren[0]).outerHeight()
			options.thumb_end_height 	= $(oThumbChildren[2]).outerHeight();
			
			options.thumb_height 	 	= options.thumb_start_height + options.thumb_end_height - 16;
			 
			this.update();
			setEvents();
		};
		
		this.update = function()
		{
			iScroll = 0;
			oViewport[options.axis] = oViewport.obj[0]['offset'+ sSize];
			oContent[options.axis] = oContent.obj[0]['scroll'+ sSize];
			oContent.ratio = oViewport[options.axis] / oContent[options.axis];
			
			//oScrollbar.obj.toggleClass('disable', oContent.ratio >= 1);
			
			oTrack[options.axis] = options.size == 'auto' ? oViewport[options.axis] : options.size;
			oThumb[options.axis] = Math.min(oTrack[options.axis], Math.max(0, ( options.sizethumb == 'auto' ? (oTrack[options.axis] * oContent.ratio) : options.sizethumb )));
			
			oScrollbar.ratio = options.sizethumb == 'auto' ? (oContent[options.axis] / oTrack[options.axis]) : (oContent[options.axis] - oViewport[options.axis]) / (oTrack[options.axis] - oThumb[options.axis]);
			
			setSize();
		};
		
		function setSize()
		{
			
			var verticalMargins = oScrollbar.obj.outerHeight(true) - oScrollbar.obj.innerHeight()+16;
			
			oContent.obj.removeAttr('style'); 
			oThumb.obj.removeAttr('style');
			iMouse['start'] = oThumb.obj.offset()[sDirection];
			var sCssSize = sSize.toLowerCase(); 
			
			oScrollbar.obj.css(sCssSize, oTrack[options.axis]-verticalMargins);
			
			oTrack.obj.css(sCssSize, oTrack[options.axis]-verticalMargins);
			oThumb.obj.css(sCssSize, oThumb[options.axis]-options.thumb_height-verticalMargins);
		};		
		
		function setEvents()
		{
			oThumb.obj.bind('mousedown', start);
			 
			oContent.obj.bind('touchstart',start);
			
			oTrack.obj.bind('mouseup', drag);
			if(options.scroll && this.addEventListener){
				oWrapper[0].addEventListener('DOMMouseScroll', wheel, false);
				oWrapper[0].addEventListener('mousewheel', wheel, false );
			}
			else if(options.scroll){oWrapper[0].onmousewheel = wheel;}
		};
		
		var lastTouchPositionY = 0;
		var touchStarted = false;
		var firstTouch	= true;
		function touchmoveEvent(oEvent)
		{ 
			var touch = oEvent.originalEvent.touches[0] || oEvent.originalEvent.changedTouches[0];
			var curTouchPositionY = touch.pageY;
	
			if(!firstTouch)
			{ 
				var moveUp = (curTouchPositionY>=lastTouchPositionY)?true:false;
				
				var  iDelta= lastTouchPositionY - curTouchPositionY; 
				
				if(!(oContent.ratio >= 1))
				{ 
					var tPos 		= oContent.obj.css(sDirection);
					tPos 	 		= parseInt(tPos.replace("px",""))*-1;
					iDelta 			= (moveUp)?-1:1;
				 	iPosition.now 	= tPos + 
				 						( 
				 							(options.touch + options.thumb_start_height + options.thumb_start_height)
				 							* iDelta
				 						);  
					//Thumb positioning fix 
					if(moveUp)
						iPosition.now = iPosition.now-12; 
					
					iScroll 		= iPosition.now;
					iScroll = Math.min((oContent[options.axis] - oViewport[options.axis]), Math.max(0, iScroll));
					
					oContent.obj.css(sDirection, -iScroll);
					
					var tFix = (!moveUp)?26:0;
					oThumb.obj.css(sDirection, (iPosition.now / oScrollbar.ratio)-tFix );
					 
					//oThumb.obj.css(sDirection, iScroll / oScrollbar.ratio - 16);
					//oContent.obj.css(sDirection, -iScroll);
					oEvent.preventDefault();
				}
			}

			firstTouch	= false;
			lastTouchPositionY = curTouchPositionY;
			return false;
		}
		
		function start(oEvent)
		{
			iMouse.start = sAxis ? oEvent.pageX : oEvent.pageY;
			iPosition.start = parseInt(oThumb.obj.css(sDirection));
			$(document).bind('mousemove', drag);
 
			touchStarted = true;
			oContent.obj.unbind('touchstart',start);
			oContent.obj.bind('touchend',end);
			oContent.obj.bind('touchmove', touchmoveEvent);
						
			$(document).bind('mouseup', end);
			oThumb.obj.bind('mouseup', end);
			
			return false;
		};		
		
		function wheel(oEvent)
		{
			if(!(oContent.ratio >= 1))
			{
				oEvent = $.event.fix(oEvent || window.event);
				var iDelta = oEvent.wheelDelta ? oEvent.wheelDelta/120 : -oEvent.detail/3;
				iScroll -= iDelta * options.wheel;
				iScroll = Math.min((oContent[options.axis] - oViewport[options.axis]), Math.max(0, iScroll));
				oThumb.obj.css(sDirection, iScroll / oScrollbar.ratio - 16);
				oContent.obj.css(sDirection, -iScroll);
				oEvent.preventDefault();
			}
		};
						
		function end(oEvent)
		{
			lastTouchPositionY = 0;
			touchStarted = false;
			firstTouch	= true;
			
			$(document).unbind('mousemove', drag);
			$(document).unbind('mouseup', end);
			
			oContent.obj.bind('touchstart',start);
			oContent.obj.unbind('touchend',end);
			oContent.obj.unbind('touchmove', touchmoveEvent);
			
			oThumb.obj.unbind('mouseup', end);
			return false;
		};
		
		function drag(oEvent)
		{
			if(!(oContent.ratio >= 1))
			{
				//oEvent.preventDefault();
				if(typeof(oEvent.touches) != 'undefined' && oEvent.touches.length == 1){ 
				    var oEvent = oEvent.touches[0]; 
				}
 
				iPosition.now = Math.min((oTrack[options.axis] - oThumb[options.axis]), Math.max(0, (iPosition.start + ((sAxis ? oEvent.pageX : oEvent.pageY) - iMouse.start))));
				iScroll = iPosition.now * oScrollbar.ratio;
				oContent.obj.css(sDirection, -iScroll);
				oThumb.obj.css(sDirection, iPosition.now-16);
				
			}
			return false;
		};
		
		this.scroll = function( iX )
		{
			iPosition.now = iX; 
			iScroll = iPosition.now;;
			oContent.obj.css(sDirection, -iScroll);
			
			var tIpos = iPosition.now / oScrollbar.ratio; 
						
			oThumb.obj.css(sDirection, tIpos-16 );
		}
		
		this.getScrollPosition = function()
		{
			var tPos = oContent.obj.css(sDirection);
			
			return parseInt(tPos.replace("px",""))*-1;

		};
					
		return this.initialize();
	};
})(jQuery);