var Marquee={ 
	holder:'banner_list_holder',
	number_holder:$('banner_number'),
	number_list:null,
	delay:5,
	transition_duration:100,
	frames:null,
	total:0,
	current:0,
	previous:0,
	first_run:true,

	go_to:function(a){
		return function(){
			var queue = Effect.Queues.get('menuxscope');
			queue.each(function(effect) { effect.cancel(); });
			
			Marquee.frames[Marquee.current].fade({afterFinish:function(){	Marquee.number_list[Marquee.current].className='inactive';
																			Marquee.current=a;
																			Marquee.slide();
																		}});
		}
	},

	slide:function(){
		if (Marquee.current>=Marquee.total) Marquee.current=0;
		this_frame=Marquee.previous=Marquee.current;
		Marquee.number_list[this_frame].className='active';
		// alert(Marquee.frames[this_frame]);
		new Effect.Appear(Marquee.frames[this_frame],{ queue: { position: 'front', scope: 'menuxscope' } }) 
		//Marquee.frames[this_frame].appear({ queue: { position: 'front', scope: 'menuxscope' } });
		Marquee.frames[this_frame].fade({delay:Marquee.delay, queue: { position: 'end', scope: 'menuxscope' },afterFinish:function(){
																		Marquee.number_list[Marquee.current].className='inactive';
																		Marquee.current++;
																		setTimeout("Marquee.slide();",Marquee.transition_duration);
																 } });
	},

	create_numbers:function(){
		for(var a=0; a<this.total;a++){
			var li=document.createElement('li');
			li.innerHTML=(a+1);
			li.className=(this.current==a)?'active':'inactive';
			li.onclick=Marquee.go_to(a);
			this.number_holder.appendChild(li);
		}
		$('banner_number_remove').remove();
		this.number_list=this.number_holder.getElementsByTagName('li');
	},

	initialize:function(){
		this.frames=$(Marquee.holder).getElementsByTagName('li');

		this.total=this.frames.length;
		if (this.total){
			this.current=0;
			for(var a=1; a<this.frames.length; a++){
				this.frames[a].style.display='none';
			}
		}
		this.create_numbers();
	}
};

document.observe("dom:loaded", function(event) {
	Marquee.initialize();
	setTimeout("Marquee.slide()",1000);
});