/*!
 * DO NOT UPDATE - Lots of custom stuff happening here.
 * 
 * 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.
			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.
		};
		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: 0, now: 0 }, iMouse = {};
		var iTouchPosition = { start: 0, now: 0, target: null };
		
		if (this.length > 1){ 
			this.each(function(){$(this).tinyscrollbar(options)}); 
			return this;
		}   
		this.initialize = function(){
			this.update();
			setEvents();
		};

		this.update = function(){
			//console.log("topPos: "+topPos+" iScoll: "+iScroll);
			//iScroll = (isNaN(topPos))? 0 : topPos;
			iScroll = 0;
			oWrapper.css({'overflow': 'hidden'});
			oViewport.obj.height(oWrapper.innerHeight());
			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();
			setSwipeEvents();
			//scrollToPos(newPos);
		};

		function setSwipeEvents() {
			var swipeOptions=
			{
				allowPageScroll:'none',
				swipeStatus:swipeStatus,
				click:clickElement,
				threshold:5
			}
			if(!$.browser.msie) {
			oViewport.obj.swipe(swipeOptions);
			}
		};

		this.scrollToPos = function(newPos){
			//console.log("position: "+newPos);
			//this.update();
			newPos = newPos.replace( 'px', '' );
			if( !isNaN( newPos ) ){
			
				newPos = Math.min( newPos, 0 );
				//console.log( newPos, oViewport.obj.innerHeight() - oContent.obj.outerHeight() );
				newPos = Math.max( newPos, oViewport.obj.innerHeight() - oContent.obj.outerHeight() );
				
				iScroll = -newPos;
				//console.log('iScroll: '+iScroll);
				//iScroll = Math.min(newPos, oContent.obj.outerHeight() - oViewport.obj.innerHeight());
				//	iScroll += 20;
				oThumb.obj.css('top', iScroll / oScrollbar.ratio);
				oContent.obj.css('top', -iScroll);
			}
		}	
		
		// Jon added this method to help with anchor tags.
		this.scrollto = function(selector){
			//alert(selector);
			var elem = $(selector).get(0);
			var dest = $(selector).position();
			if (dest.top != null){
				//alert(dest.top);
				iScroll = Math.min(dest.top, oContent.obj.outerHeight() - oViewport.obj.innerHeight());
				if (elem.parentNode.firstChild != elem){ 
					// it's not the first element on the page
					iScroll += 20;
				}
				oThumb.obj.css('top', iScroll / oScrollbar.ratio);
				oContent.obj.css('top', -iScroll);
				$(selector).focus(); // a little love for screen-readers
			}
		}

		function setSize(){
			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]);
		};		
		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){
			iMouse.start = sAxis ? oEvent.pageX : oEvent.pageY;
			iPosition.start = parseInt(oThumb.obj.css(sDirection));
			$(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);
				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);;
			}
			return false;
		};

		function swipeStatus(event, phase, direction, distance)
			{				
				var touch = event.touches[0];
				if(phase == 'start') {
					iTouchPosition.start = parseInt(oContent.obj.css('top'));
					iTouchPosition.now = touch.pageY;
				}		
				if(phase != 'cancel') {
				var position = Math.min(Math.max(-iTouchPosition.start + iTouchPosition.now - touch.pageY,0), oContent.obj.outerHeight() - oViewport.obj.innerHeight());
				if(position < 0) { position = 0 }
				$('#test').html(position);
//				iTouchPosition.target = position;
				oThumb.obj.css('top', position/oScrollbar.ratio);
				oContent.obj.css('top', -position);
//				updatePosition();
				}
			}

		function updatePosition() {	
				$('#test').html(parseInt(oContent.obj.css('top')));
				var delayedPosition = ((-iTouchPosition.target) - parseInt(oContent.obj.css('top'))) / 10;
				$('#test').html(delayedPosition);
				oThumb.obj.css('top', iTouchPosition.target/oScrollbar.ratio);
				oContent.obj.css('top', parseInt(oContent.obj.css('top')) + delayedPosition);			
		}

		function clickElement(event, target) {
			if($(target).closest('a').html() == null) {
//				$(target).trigger('click');
			} else {
				window.location=$(target).closest('a').attr('href');
			}
		}


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