InvestmentsScrollBar = {
	overlayElem : 'OvList',
	moveElem : 'mvList',
	scrollDistanse : 250,
	duration : 0.7,
	itemPath : 'div.itList',
	init : function() {
		elem = $(this.moveElem);
		if(!elem) {
			return false;
		}
		new_width = 0;
		items = elem.select(this.itemPath);
		for(i=0; i<items.length; ++i) {
			new_width += items[i].getWidth();
		}
		elem.setStyle({width: new_width+'px'});
	},
	scrollLeft : function() {
		var overlay = $(this.overlayElem);
		elem = $(this.moveElem);
		margin = this.getMargin(elem);
		margin -= this.scrollDistanse;
		max_margin = - ( elem.getWidth() - overlay.getWidth() );
		if(margin<max_margin) {
			margin = max_margin;
		}
		new Effect.Morph(elem, {
		  style: {'marginLeft' : margin+'px'},
		  duration: this.duration
		});
	},
	scrollRight : function() {
		var overlay = $(this.overlayElem);
		elem = $(this.moveElem);
		margin = this.getMargin(elem);
		margin += this.scrollDistanse;
		if(margin>0) {
			margin = 0;
		}
		new Effect.Morph(elem, {
		  style: {'marginLeft' : margin+'px'},
		  duration: this.duration
		});
	},
	getMargin : function(elem) {
		leftMargin = parseInt($(elem).getStyle('marginLeft'));
		if(isNaN(leftMargin)) {
			leftMargin = 0;
		}
		return leftMargin;
	}
};

Event.observe(window, 'load', function() {
	InvestmentsScrollBar.init();
	});