$(document).ready(function() {
	if($('#scroller').length) {
		if($('#scroller')[0].scrollHeight > $('#scroller').height()) {
			var scrollSpeed = 1000;
			$('#scroller')
				.scrollTop(1)
				.css('overflow', 'hidden');
			$('#scroller').children('.add_padding').addClass('fix_width');
			$('#scroller').after(
				'<div id="scrollbar">'+
					'<a href="#" class="up">'+
						'<img src="../images/arrow-up.gif" alt="scroll-up" />'+
					'</a>'+
					'<a href="#" class="down">'+
						'<img src="../images/arrow-down.gif" alt="scroll-down" />'+
					'</a>'+
				'</div>');
			$('#scrollbar a')
				.mousedown(function(e) {
					if($(this).attr('class') == "down") {
						$('#scroller')
							.stop(true, false)
							.animate({scrollTop: $('#scroller')[0].scrollHeight}, scrollSpeed, "linear");
					}
					else {
						$('#scroller')
							.stop(true, false)
							.animate({scrollTop: -30}, scrollSpeed, "linear");
					}
				})
				.mouseup(function(e) {
					$('#scroller').stop(true, false);
				})
				.click(function(e){
					e.preventDefault();
				});
		}
	}
});