var scroll_ID = 0;
	var scroll_timeout = 0;
	var scroll_step = 5;
	
	function Area_Scroll(cntid)
	{
		var oThis = this;
		oThis.thisID = scroll_ID++;		
		oThis.Init_Area( oThis.thisID, cntid );		
		Event.observe(oThis.scroll_slider_top, 'mouseover', function() { oThis.Scroll_Up();});
		Event.observe(oThis.scroll_slider_bot, 'mouseover', function() { oThis.Scroll_Down();});
		Event.observe(oThis.scroll_slider_top, 'mouseout', function() { oThis.Delete_timeout();});
		Event.observe(oThis.scroll_slider_bot, 'mouseout', function() { oThis.Delete_timeout();});
	}
	
	Area_Scroll.prototype = {
		MyScroll_HandleHeight: 0,
		MyScroll_HandleRateSlider: 0,
		MyScroll_HandleRate: 0,
		scroll_div_height: 124,
		scroll_cnt_height: 0,
		scroll_cnt_top: 0,
		scroll_arrow_height: 18,
		thisID: 0,
		scroll_handle: 0,
		scroll_cnt: 0,
		scroll_slider: 0,
		scroll_slider_top: 0,
		scroll_slider_bot: 0,
		sh_style: 0,
		
		Set_Ident: function()
		{
			this.scroll_handle = $('scroll_handle'+this.thisID);
			this.scroll_cnt = $('scroll_cnt'+this.thisID);
			this.scroll_slider = $('scroll_slider'+this.thisID);
			this.scroll_tslider = $('tslider'+this.thisID);
			this.scroll_slider_top = $('slider_top'+this.thisID);
			this.scroll_slider_bot = $('slider_bot'+this.thisID);
			this.sh_style = $('sh_style'+this.thisID);
			this.Init_Scroll();
		},
	
		Scroll_Up: function()
		{
			var oThis = this;		
			if( this.scroll_cnt_top < 0 )
			{
				var leptek = scroll_step;
				this.scroll_cnt_top = this.scroll_cnt_top+leptek;
				this.scroll_cnt.setStyle({ top: this.scroll_cnt_top + 'px' });
				this.Set_Slider();
				scroll_timeout = setTimeout(function(){oThis.Scroll_Up()}, 60);
			}
		},
		
		Scroll_Down: function()
		{
			var oThis = this;		
			if( this.scroll_div_height < this.scroll_cnt_height+this.scroll_cnt_top )
			{
				var leptek = -scroll_step;
				this.scroll_cnt_top = this.scroll_cnt_top+leptek;
				this.scroll_cnt.setStyle({ top: this.scroll_cnt_top + 'px' });
				this.Set_Slider();
				scroll_timeout = setTimeout(function(){oThis.Scroll_Down()}, 60);
			}
		},
		
		Delete_timeout: function()
		{
			clearTimeout(scroll_timeout);
		},
		
		Set_Slider: function()
		{
			MoveSlider_aktHeight = parseInt(this.scroll_cnt_height)+this.scroll_cnt_top;
			if(this.MyScroll_HandleRate > 1)
			{
				this.MyScroll_HandleHeight = this.scroll_handle.getHeight();
				this.MyScroll_HandleRate = (this.scroll_div_height-this.MyScroll_HandleHeight)/(this.scroll_cnt_height-this.scroll_div_height);
			}
			MyScroll_HandleLeft = this.MyScroll_HandleRate*(this.scroll_cnt_height-MoveSlider_aktHeight);
			this.scroll_handle.style.top = MyScroll_HandleLeft + 'px';
		},
		
		Init_Scroll: function()
		{
			this.scroll_cnt_height = this.scroll_cnt.getHeight()-2*this.scroll_arrow_height;
			// alert(this.scroll_cnt_height + ' - ' + this.scroll_div_height);
			if(this.scroll_cnt_height > this.scroll_div_height)
			{
				this.scroll_tslider.setStyle({ display: ''});
				this.scroll_slider_top.setStyle({ display: ''});
				this.scroll_slider_bot.setStyle({ display: ''});
				
				this.scroll_slider.style.height = (this.scroll_div_height) + 'px';
				this.scroll_handle.style.height = parseInt(this.scroll_div_height*this.scroll_div_height/this.scroll_cnt_height) + 'px';
				this.sh_style.style.height = this.scroll_handle.style.height;
				this.MyScroll_HandleHeight = this.scroll_handle.getHeight();
				this.MyScroll_HandleRate = (this.scroll_div_height-this.MyScroll_HandleHeight)/(this.scroll_cnt_height-this.scroll_div_height);
				this.MyScroll_HandleRateSlider = (this.scroll_cnt_height-this.scroll_div_height)/this.scroll_div_height;

				this.scroll_handle.setStyle({ top: 0 + 'px' });

				var oThis = this;		
				new Control.Slider(oThis.scroll_slider.select('.handle'), oThis.scroll_slider, {
					axis:'vertical',
					range: $R(0, oThis.scroll_div_height),
					// sliderValue: 50,
					// sliderValue: MyScroll_HandleTop*(this.MyScroll_HandleHeight/(this.scroll_div_height-this.MyScroll_HandleHeight)),
					onSlide: function(value) {
						oThis.scroll_cnt.setStyle({ top: -value*oThis.MyScroll_HandleRateSlider + 'px' });
						oThis.scroll_cnt_top = parseInt(oThis.scroll_cnt.style.top);
					},
					onChange: function(value) { 
						oThis.scroll_cnt.setStyle({ top: -value*oThis.MyScroll_HandleRateSlider + 'px' });
						oThis.scroll_cnt_top = parseInt(oThis.scroll_cnt.style.top);
					}
				});
			}
		},
		
		Init_Area: function( id, cntid )
		{
			$(cntid).innerHTML = '<div class="txt_wrap">' +
				'<div id="slider_top' + id + '" class="slider_top" style="display:none;"></div>' +
				'<div id="slider_bot' + id + '" class="slider_bot" style="display:none;"></div>' +
				'<div id="tslider' + id + '" class="tslider" style="display:none;">' +
					'<div id="scroll_slider' + id + '" class="slider">' +
						'<div id="scroll_handle' + id + '" class="handle">' +
							'<div id="sh_style' + id + '" style="position:relative;">' +
								'<div class="ss_top"></div>' +
								'<div class="ss_bottom"></div>' +
							'</div>' +
						'</div>' +
					'</div>' +
				'</div>' +
				'<div class="ttray">' +
					'<div class="tray">' +
						'<div id="scroll_cnt' + id + '" class="scroll_cnt">' + $(cntid).innerHTML +
						'</div>' +
					'</div>' +
				'</div>' +
			'</div>';
			this.Set_Ident();
		}
	}