var ScrollableBar = {
	panel: null,
	logos: null,
	current: 0,
	duration: 1,
	init: function(arrowLeft,arrowRight, panel, duration){
		this.panel = panel;
		this.logos = $(panel).select("a.partnerLogo");
		if( !!duration )
			this.duration = duration;
	},
	sclrollLeft: function(){
		if( this.current == this.logos.length-1 )
			return;
		new Effect.Move($(this.panel),{x: -(this.logos[this.current].getWidth()+18), y: 0, mode:"relative", duration: this.duration });
		this.current++;
	},
	scrollRight: function(){
		if( this.current == 0 )
			return;
		new Effect.Move($(this.panel),{x: (this.logos[this.current].getWidth()+18), y: 0, mode:"relative", duration: this.duration });
		this.current--;
	}
};