var smoothBanner = new Class({
    initialize: function(box,box2){
		lista=box+"_lista";
		lista2=box2+"_lista";
		
		nodos =($(lista).childNodes.length-1)/2;
		nodos2 =($(lista2).childNodes.length-1)/2;
					
		for(i=1;i<=nodos;i++){			
			$(box+'_item_'+i).setStyles({
				width:$(box).getStyle('width'),
				height:$(box).getStyle('height'),
				overflow: 'hidden'
			});
		};
		
		for(i=1;i<=nodos2;i++){			
			$(box2+'_item_'+i).setStyles({
				width:$(box2).getStyle('width'),
				height:$(box2).getStyle('height'),
				overflow: 'hidden'
			});
		};
		
		this.alto = $(box).getStyle('height'); this.alto = this.alto.replace("px","");	
		this.alto2 = $(box2).getStyle('height'); this.alto2 = this.alto2.replace("px","");	
		
		$(lista).setStyles({
			width:$(box).getStyle('width'),
			height:((this.alto*nodos))+"px",
			position:"relative",
			overflow:"visible",
			left:"0px"		
		});
		
		$(lista2).setStyles({
			width:$(box2).getStyle('width'),
			height: ((this.alto2*nodos2))+"px",
			position:"relative",
			overflow:"visible",
			left:"0px"		
		});

		fin = ($(box).getStyle('height')).replace("px","");	
		t=1;

		fin2 = ($(box2).getStyle('height')).replace("px","");	
		t2=1;
		
		this.swich.periodical(6000);	
	
	},
	swich:function(){
		inicio = ($(lista).getStyle('top')).replace("px","");
		inicio2 = ($(lista2).getStyle('top')).replace("px","");
		var myMorph = new Fx.Morph($(lista), {
			duration:1000,
			transition:Fx.Transitions.Back.easeInOut,
			onComplete: function(){
				var myMorph = new Fx.Morph($(lista2), {
					duration:1000,
					transition:Fx.Transitions.Back.easeInOut,					
				});myMorph.start({ 'top': [inicio2,-(fin2*t2)] });				
				
				if (t2>=nodos2-1){
					t2=0;
				}else{
					t2++;
				};
				
				if (t>=nodos-1){
					t=0;
				}else{
					t++;
				};
				
			}			
		});myMorph.start({ 'top': [inicio,-(fin*t)] });			
	}
});