//var myAnim = new YAHOO.util.Anim(e, { left: { from: 1, to: 600 }}, 6, YAHOO.util.Easing.easeOut); 
//var el = YAHOO.util.Dom.get('#ticker');

//console.log(el);

YAHOO.util.Event.onAvailable('ticker', function () {
		
		var ele = YAHOO.util.Dom.getElementsByClassName('oneticker'); 
		
		var down = new Array();
		var stay = new Array();
		var up = new Array();
		
		
		var blurin = new Array();
		var blurout = new Array();
		
		
		//set speed
		var inout_speed = 1.5;
		var stay_speed = 4.5;

		var blur_speed = 2;
		
		var loop = 0;
		
		for(e in ele){
			var li = ele[e];
			
			//console.log(e);
			
			down[e] = new YAHOO.util.Anim(li, { 
					top: { by: 78},
					opacity: { to: 1}
			}, inout_speed, YAHOO.util.Easing.easeIn); 
						
			//console.log(down);
			stay[e] = new YAHOO.util.Anim(li, { 
					opacity: { from: 1, to: 1}
			}, stay_speed, YAHOO.util.Easing.easeIn); 
			
			up[e] = new YAHOO.util.Anim(li, { 
					top: { by: -78},
					opacity: { to: 0}
			}, inout_speed, YAHOO.util.Easing.easeOut); 

			
			blurout[e] = new YAHOO.util.Anim(li, { 
					opacity: { from: 1, to: 0.3}
			}, blur_speed, YAHOO.util.Easing.easeIn); 


			blurin[e] = new YAHOO.util.Anim(li, { 
					opacity: { from: 0.3, to: 1}
			}, blur_speed, YAHOO.util.Easing.easeIn); 

			
			down[e].onComplete.subscribe( function() {
					stay[loop].animate();
			});

			
			stay[e].onComplete.subscribe( function() { 
					// only animate if more then one ticker
					if (down.length > 1) {
						up[loop].animate();
					} else {
						blurout[loop].animate();
					}
			});
			
			up[e].onComplete.subscribe( function() {  
					loop++;
					
					if (down.length == loop) { loop = 0};
					//console.log(loop);
					down[loop].animate();
			});

			blurout[e].onComplete.subscribe( function() {
					blurin[loop].animate();
			});
			
			
			blurin[e].onComplete.subscribe( function() {
					blurout[loop].animate();
			});
			
			
		}
		
		down[0].animate();
		
})