var content = {

	size: 0,
	height: 279,

	init: function(){
		if($('text')){
			var textArea = $('text');
			
			content.size = textArea.getSize().size;
			
			if(content.size.y > content.height){
				textArea.setStyle('width', '279px');
				
				var el = new Element('div', {'id': 'scrolling'});
				var scrollbar = new Element('div', {'id': 'scrollbar'}).injectInside(el);
				var scroll = new Element('div', {'id': 'scroll'}).injectInside(el);
				var scrollImage = new Element('img', {'src': url+'/public/img/scroll.gif', 'id': 'scrollImage'}).injectInside(scroll);
				el.injectInside($('content'));
				
				Element.Events.extend({
					'wheelup': {
						type: Element.Events.mousewheel.type,
						map: function(event){
							event = new Event(event);
							if (event.wheel >= 0) this.fireEvent('wheelup', event)
						}
					},
				 
					'wheeldown': {
						type: Element.Events.mousewheel.type,
						map: function(event){
							event = new Event(event);
							if (event.wheel <= 0) this.fireEvent('wheeldown', event)
						}
					}
				});
				
				var slider = new Slider($('scrollbar'), $('scroll'), {
					steps: 100,	
					mode: 'vertical',	
					onChange: function(step){
						var difference = content.size.y + 10 - content.height;
						textArea.setStyle('top', '-'+(difference/100*step)+'px');
					}
				}).set(0);
				
				$('text').addEvents({
					'wheelup': function(e) {
						e = new Event(e).stop();
						
						slider.set(slider.step-5);
					},
				 
					'wheeldown': function(e) {
						e = new Event(e).stop();
						
						slider.set(slider.step+5);
					}
				});
			}
		}
	}
	
}

window.addEvent('domready', content.init);