/*!
 * Tiny Scrollbar 1.43
 * 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: 02 / 24 / 2011
 * 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.
			scroll: true, //enable or disable the mousewheel scrollbar
			size: 'auto', //set the size of the scrollbar to auto or a fixed number.
			sizethumb: '70',	//sizethumb: 'auto', //set the size of the thumb to auto or a fixed number.
			color: 'rose',	// rose, white,
			overflow: 'visible',	// visible, hidden
			reverse:false
		};
		// add proper html elements
		this.wrapInner('<div rel="scroll_content"></div>');
		this.wrapInner('<div rel="scroll_area"></div>');
		//
		var options = $.extend(defaults, options);
		var oWrapper = $(this);
		var oViewport = { obj: this.find('div[rel="scroll_area"]') };
		oViewport.obj.css('overflow', defaults.overflow);
		var oContent = { obj: this.find('div[rel="scroll_content"]') };
		// insert html
		var layoutOptions = new Object();
		// rose
		if(options.color == 'rose')
		{
			layoutOptions.imageUrl = (defaults.axis == 'y')?'/imgs/cursor_v.png':'/imgs/cursor_h.png';
			layoutOptions.bgColor = settings.colors.rose;
		}
		// white
		if(options.color == 'white')
		{
			layoutOptions.imageUrl = (defaults.axis == 'y')?'/imgs/cursor_white_v.png':'/imgs/cursor_white_h.png';
			layoutOptions.bgColor = settings.colors.white;
		}
		// gray
		if(options.color == 'gray')
		{
			layoutOptions.imageUrl = (defaults.axis == 'y')?'/imgs/cursor_gray_v.png':'/imgs/cursor_gray_h.png';
			layoutOptions.bgColor = settings.colors.title_small;
		}
		//
		if(options.reverse)
			layoutOptions.imageUrl = layoutOptions.imageUrl.split('.png').join('_rev.png');
		//
		if(defaults.axis == 'y')
		{
			layoutOptions.imageWidth = 12;
			layoutOptions.imageHeight = 70;
		}
		//
		if(defaults.axis == 'x')
		{
			layoutOptions.imageWidth = 70;
			layoutOptions.imageHeight = 12;
		}
		//
		var htmlInj = $('<div class="scrollbar"><div class="track"><div class="bar_' + defaults.axis + '"></div><div class="thumb"><img class="' + defaults.axis + '" src="' + env.applicationPath + layoutOptions.imageUrl + '" width="' + layoutOptions.imageWidth.toString() + '" height="' + layoutOptions.imageHeight.toString() + '" /></div></div></div>');
		this.prepend(htmlInj);
		//
		var oScrollbar = { obj: $('.scrollbar', this) };
		var oTrack = { obj: $('.track', oScrollbar.obj) };
		var oBar = { obj: oScrollbar.obj.find('div[class^="bar_"]') };
		var oThumb = { obj: $('.thumb', oScrollbar.obj) };
		var sAxis = options.axis == 'x', sDirection = sAxis ? 'left' : 'top', sSize = sAxis ? 'Width' : 'Height';
		var iScroll, iPosition = { start: 0, now: 0 }, iMouse = {};

		// some fixing
		oBar.obj.css('background-color', '#' + layoutOptions.bgColor.toString(16));
		oViewport.obj.css('position', 'relative');
		//
		oContent.obj.css('top', 0);
		oContent.obj.css('left', 0);
		//
		// other in method setSize()
		
		//		
		if (this.length > 1)
		{ 
			this.each(function(){$(this).tinyscrollbar(options)});
			return this;
		}   
		this.initialize = function()
		{
			this.update();
			//
			setEvents();
		};
		this.autoScrollToSelected = function()
		{
			//
			if(!isNaN(oContent.ratio) && this.alreadyScrolled != true)
			{
				//this.alreadyScrolled = true;
				if(oContent.ratio >= 1)
					return;
				//
				//trace.show('autoScrollToSelected: ' + oContent.ratio);
				// auto scroll to selected item
				var selectedItem = oViewport.obj.find('.selected');
				if(selectedItem.length != 0)
				{
					//
					var offset = 0;
					var found = false;
					selectedItem.parent().children().each(function(){
						//trace.show(' found: ' + found);
						if(!found)
						{
							var j = $(this);
							if(j.hasClass('selected'))
								found = true;
							else
							{
								var h = j.height();
								if(h == 0) h = j.find('a').height();
								offset += h;
							}
						}
					});
					
					//
					var itemH = selectedItem.height();
					if(itemH == 0) itemH = selectedItem.find('a').height();
					
					//
					var totalH = oViewport.obj.height();
					/*
					trace.show('totalH: ' + totalH);
					trace.show('offset: ' + offset);
					trace.show('itemH: ' + itemH);
					*/
					
					//
					if(offset + itemH > totalH)
					{
						var maxOffset = oContent.obj.height() - oViewport.obj.height();
						var offset = Math.min(offset, maxOffset);
						oContent.obj.css(sDirection, -offset);
						iPosition.now = offset / oScrollbar.ratio;
						iScroll = iPosition.now * oScrollbar.ratio;				
						oContent.obj.css(sDirection, -iScroll);
						oThumb.obj.css(sDirection, iPosition.now);
						// bar
						if(!options.reverse)
							oBar.obj.css((sDirection == 'top')?'height':'width', iPosition.now);
						else
						{
							var newLength = oTrack[options.axis] - iPosition.now - oThumb[options.axis];
							oBar.obj.css((sDirection == 'top')?'height':'width', newLength);
							oBar.obj.css((sDirection == 'top')?'top':'left', oTrack[options.axis] - newLength);
						}
						
						/*
						trace.show('maxOffset: ' + maxOffset);
						trace.show('offset: ' + offset);
						trace.show('iPosition.now: ' + iPosition.now);
						trace.show('iScroll: ' + iScroll);
						trace.show('sDirection: ' + sDirection);
						*/
					}
				}
			}
		};
		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();
			//
			this.autoScrollToSelected();
		};
		function setSize()
		{
			//
			if(!sAxis)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]);
			oTrack.obj.css(sCssSize, oTrack[options.axis]);
			oThumb.obj.css(sCssSize, oThumb[options.axis]);
			
			// reverse management
			if(options.reverse)
			{
				oThumb.obj.css(sDirection, oTrack[options.axis] - oThumb[options.axis]);
			}

			// bar
			if(!options.reverse)
				oBar.obj.css((sDirection == 'top')?'height':'width', oThumb.obj.css(sDirection));

			// content
			if(options.reverse)
			{
				var initialOffset = oViewport[options.axis] - oContent[options.axis];
				oContent.obj.css(sDirection, initialOffset);
			}
			
			//
			oContent.obj.css('position', 'absolute');
		};		
		function setEvents(){
			oThumb.obj.bind('mousedown', 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;}
		};
		function start(oEvent){
			//
			//trace.show('start');
			//
			iMouse.start = sAxis ? oEvent.pageX : oEvent.pageY;
			var oThumbDir = parseInt(oThumb.obj.css(sDirection));
			//
			if(isNaN(oThumbDir))
				oThumbDir = 0;
			//
			iPosition.start = (oThumbDir == 'auto') ? 0 : oThumbDir;
			$(document).bind('mousemove', drag);
			$(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);
				oContent.obj.css(sDirection, -iScroll);

				// bar
				if(!options.reverse)
				{
					oBar.obj.css((sDirection == 'top')?'height':'width', oThumb.obj.css(sDirection));
				}
				else
				{
					var newLength = oTrack[options.axis] - oThumb[options.axis] - parseInt(oThumb.obj.css(sDirection));
					oBar.obj.css((sDirection == 'top')?'height':'width', newLength);
					oBar.obj.css((sDirection == 'top')?'top':'left', oTrack[options.axis] - newLength);
				}
				//
				oEvent.preventDefault();
			};
		};
		function end(oEvent){
			$(document).unbind('mousemove', drag);
			$(document).unbind('mouseup', end);
			oThumb.obj.unbind('mouseup', end);
			return false;
		};
		function drag(oEvent){
			if(!(oContent.ratio >= 1))
			{
				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);

				// bar
				if(!options.reverse)
				{
					oBar.obj.css((sDirection == 'top')?'height':'width', iPosition.now);
				}
				else
				{
					var newLength = oTrack[options.axis] - iPosition.now - oThumb[options.axis];
					oBar.obj.css((sDirection == 'top')?'height':'width', newLength);
					oBar.obj.css((sDirection == 'top')?'top':'left', oTrack[options.axis] - newLength);
				}
			}
			return false;
		};
		return this.initialize();
	};
})(jQuery);