var isClicked = false;
var autoScrollId = 0;

/* do scroll ------------------------------------ */
jQuery.fn.doScroll = function(down)
{
	return this.each( function()
	{
		var k = this;
		
		function doDown()
		{
			jQuery(k).parent(".controls").prev()[0].scrollTop += 36;
		}
		
		function doUp()
		{
			jQuery(k).parent(".controls").prev()[0].scrollTop += -36;
		}
		
		if(down)
		{
			doDown();
			if (isClicked !== true)
			{
				autoScrollId = setInterval(doDown, 100);
				isClicked = true;
			}
		}
		else
		{
			doUp();
			if (isClicked !== true)
			{
				autoScrollId = setInterval(doUp, 100);
				isClicked = true;
			}
		}
		
	});
};

/* stop scroll ---------------------------------- */
jQuery.fn.stopScroll = function()
{
	return this.each( function()
	{	
		if (isClicked)
		{
			clearInterval(autoScrollId);
			isClicked = false;
		}

	});
};

/* ------------------ */

$(document).ready(
	function()
	{
		$(".jscroll-arrows").css("overflow","hidden");
		
		if(document.getElementById('main-content').scrollHeight > $("#main-content").outerHeight() )
		{
			$(".jscroll-arrows").after('<div class="controls"><div class="up"></div><div class="down"></div></div>');
			
			$scrollPane = $(".jscroll-arrows");
			
			$scrollPane.bind(
				'mousewheel',
				function (event, delta)
				{
					//delta = delta || (event.wheelDelta ? event.wheelDelta / 120 : (event.detail) ? -event.detail/3 : 0);
					
					if(delta < 0)
					{
						$scrollPane[0].scrollTop += 36;
					}
					
					if(delta > 0)
					{
						$scrollPane[0].scrollTop += -36;
					}
					
				}
			);
			
			$(".controls .up").mousedown( function(){ $(this).doScroll(false); } );
			$(".controls .down").mousedown( function(){ $(this).doScroll(true); } );
			$(".controls div").mouseup( function(){ $(this).stopScroll(); } ).mouseout( function(){ $(this).stopScroll(); } );
		}
	}
);