﻿(function($) {

    $.fn.jscroll = function(options) {
		var settings = {
			element		: this,
			height		: $(this).height(),
			inc			: 50,
			btnUpText	: '',
			btnDownText	: '',
			btnBarText	: ''
		};
		
		if(options) {
			$.extend(settings, options);
		}
		
		$(settings.element).css('height',options.height);
		
		$(settings.element).addClass('jscroll');
		
		$(settings.element).wrapInner('<div class="jscroll_content"></div>');
		
		$('<span class="jscroll_down">'+settings.btnDownText+'</span>').insertAfter($(settings.element).children('.jscroll_content')).click(function(){
			move(-settings.inc);
		});
		$('<span class="jscroll_up">'+settings.btnUpText+'</span>').insertAfter($(settings.element).children('.jscroll_content')).click(function(){
			move(settings.inc);
		});
		/*
		$('<a href="#" class="jscroll_bar">'+settings.btnBarText+'</a>').insertAfter($(settings.element).children('.jscroll_content')).click(function(){
																																					  
			move(settings.inc);
		});
		*/
		
		function move(inc)
		{
			var pos = parseFloat($(settings.element).children('.jscroll_content').css('top').replace(/px$/,''));
			var inc = parseFloat(inc);
			var dest = (pos + inc);
			var destMin = settings.height - $(settings.element).children('.jscroll_content').height();
			if(dest>0)
			{
				dest = 0;	
			}
			else if(dest < destMin)
			{
				dest = destMin;
			}
			coef = dest / destMin;
			dest += 'px';
			$(settings.element).children('.jscroll_content').animate({top:dest});
		}
	};

})(jQuery);