i4_Action_sidebar = {
	id: 'i4_action', 
	
	render: function () {
		if ($(this.id)) {
			$(this.id).insert(
				new Element('div', { 'id': 'clickable_bar' }).setStyle({
					'width': '10px',
					'height': '100%'
				}).
				setOpacity(0.1).
				observe('click', (function(){
					if ($(this.id).getStyle('right') == '0px') {
						$(this.id).morph('right: -'+($(this.id).getWidth()-10)+'px', { duration: 0.2});
					} else {
						$(this.id).morph('right: 0px', { duration: 0.2});
					}
				}).bind(this)).
				observe('mouseover', (function(){
					$('clickable_bar').setOpacity(0.3);
				}).bind(this)).
				observe('mouseout', (function(){
					$('clickable_bar').setOpacity(0.1);
				}).bind(this))
			);
			
			if ($(this.id).down('.aggregator_item')) {
				$(this.id).setStyle({ 'right': '0px' });
			} else {
				$(this.id).setStyle({ 'right': '-'+($(this.id).getWidth()-10)+'px' });
			}
			
			
			
			$(this.id).show();
		}
		
	}
}