speed_up = -15;
speed_down = 15;

var scrolling = 
{
	'#btn-up' : function (element)
	{
		element.onclick = function ()
		{
			scroll_content(speed_up);
		}
		element.onkeypress = function ()
		{
			scroll_content(speed_up);
		}
	},
	'#btn-down' : function (element)
	{
		element.onclick = function ()
		{
			scroll_content(speed_down);
		}
		element.onkeypress = function ()
		{
			scroll_content(speed_down);
		}
	}
};

function scroll_content (speed)
{
	var div = document.getElementById(the_div);
	
	div.scrollTop = div.scrollTop + speed;
	
	/*if (div.scrollTop + speed < 0)
	{
		//disable_up();
	}
	
	if (div.style.height + div.scrollTop + speed > div.scrollHeight)
	{
		//disable_down();
	}*/
}

function disable_up ()
{
	document.getElementById(the_div).scrollTop = 0;
}
function disable_down ()
{
	div = document.getElementById(the_div);
	
	div.scrollTop = div.scrollHeight - div.style.height;
}

function scroll_me (event)
{
	div = document.getElementById(the_div);
	
	var st = div.scrollTop + (event.detail * 12);
	div.scrollTop = st < 0 ? 0 : st;
	event.preventDefault();
}

function scroll_me_ie (param)
{
	div = document.getElementById(the_div);
	
	var event = window.event;
	var st = div.scrollTop - (event.wheelDelta * 0.7);
	div.scrollTop = st < 0 ? 0 : st;
	event.returnValue = false;
}

function on_load ()
{
	if (document.getElementById(the_div))
		document.getElementById(the_div).style.overflow = 'hidden';
	
	if (document.getElementById('btn-down'))
		document.getElementById('btn-down').style.display = 'block';
	
	if (document.getElementById('btn-up'))
		document.getElementById('btn-up').style.display = 'block';
	
	if (document.getElementById(the_div))
	{
		div = document.getElementById(the_div);
		
		if (document.body.addEventListener)
		{
			try
			{
				div.addEventListener('DOMMouseScroll', scroll_me, false);
			}
			catch (ex)
			{
			}
		}
		else
		{
			div.attachEvent('onmousewheel', scroll_me_ie);
		}
	}
}

Behaviour.register(scrolling);
Behaviour.addLoadEvent(function(){on_load()});