var scroller = new Object({
	
	upObj: "#up",
	
	downObj: "#down",
	
	boxObj: "#box",
	
	scrollObj: "#scroller",

	construct: function() {

	var downint;
	$(scroller.downObj).mousedown(function() {
			downint = setInterval("scroller.scrolldown()", 5);
			return false;
	});
	
	$(scroller.downObj).mouseup(function() {
			downint = clearInterval(downint);
			return false;
	});
	$(scroller.upObj).mousedown(function() {
			upint = setInterval(scroller.scrollup, 5);
			return false;
	});
	
	$(scroller.upObj).mouseup(function() {
			upint = clearInterval(upint);
			return false;
	});
	
	$(scroller.scrollObj).mousewheel(function(event, delta) {
		if (delta > 0)
		{
			if($.browser.opera)
				scroller.scrolldown();
			else
				scroller.scrollup();
		}		
		else if (delta < 0)
			if($.browser.opera)
				scroller.scrollup();
			else
				scroller.scrolldown();
	});
	},


	scrolldown: function() {
		var top = $(scroller.scrollObj).css("top").replace(/px/,"");

		if ( $(scroller.scrollObj).height() > $(scroller.boxObj).height() && ($(scroller.boxObj).height() - top) < $(scroller.scrollObj).height())
		{
			var move = top - 20+'px';
			$(scroller.scrollObj).css("top", move);
			top = $(scroller.scrollObj).css("top").replace(/px/,"");
		}		
	},
	
	scrollup: function() {
		var top = $(scroller.scrollObj).css("top").replace(/px/,"");

		if ( $(scroller.scrollObj).height() > $(scroller.boxObj).height() && top < 0)
		{
			var move = parseInt(top) + 20+'px';
			$(scroller.scrollObj).css("top", move);
			top = $(scroller.scrollObj).css("top").replace(/px/,"");
		}		
	}

		
});

var scr = new Object({
	
	upObj: "#up",
	
	downObj: "#down",
	
	boxObj: "#box",
	
	scrollObj: "#scroller",

	construct: function() {

	var downint;
	$(scr.downObj).mousedown(function() {
			downint = setInterval("scr.scrolldown()", 5);
			return false;
	});
	
	$(scr.downObj).mouseup(function() {
			downint = clearInterval(downint);
			return false;
	});
	$(scr.upObj).mousedown(function() {
			upint = setInterval(scr.scrollup, 5);
			return false;
	});
	
	$(scr.upObj).mouseup(function() {
			upint = clearInterval(upint);
			return false;
	});
	
	$(scr.scrollObj).mousewheel(function(event, delta) {
		if (delta > 0)
		{
			if($.browser.opera)
				scr.scrolldown();
			else
				scr.scrollup();
		}		
		else if (delta < 0)
			if($.browser.opera)
				scr.scrollup();
			else
				scr.scrolldown();
	});
	},


	scrolldown: function() {
		var top = $(scr.scrollObj).css("top").replace(/px/,"");

		if ( $(scr.scrollObj).height() > $(scr.boxObj).height() && ($(scr.boxObj).height() - top) < $(scr.scrollObj).height())
		{
			var move = top - 20+'px';
			$(scr.scrollObj).css("top", move);
			top = $(scr.scrollObj).css("top").replace(/px/,"");
		}		
	},
	
	scrollup: function() {
		var top = $(scr.scrollObj).css("top").replace(/px/,"");

		if ( $(scr.scrollObj).height() > $(scr.boxObj).height() && top < 0)
		{
			var move = parseInt(top) + 20+'px';
			$(scr.scrollObj).css("top", move);
			top = $(scr.scrollObj).css("top").replace(/px/,"");
		}		
	}

		
});