var Ticker = new Class({
	setOptions: function(options) {
		this.options = Object.extend({
			speed: 1500,
			delay: 5000,
			direction: 'vertical',
			onComplete: Class.empty,
			onStart: Class.empty
		}, options || {});
	},
	initialize: function(el,options){
		this.setOptions(options);
		this.el = $(el);
		this.items = this.el.getElements('li');
		var w = 0;
		var h = 0;
		if(this.options.direction.toLowerCase()=='horizontal') {
			h = this.el.getSize().size.y;
				this.items.each(function(li,index) {
				w += li.getSize().size.x;
			});
	} else {
			w = this.el.getSize().size.x;
			this.items.each(function(li,index) {
				h += li.getSize().size.y;
			});
		}
		this.el.setStyles({
			position: 'absolute',
			top: 0,
			left: 0,
			width: w,
			height: h
		});
		
		
		this.fx2 = new Fx.Styles(this.el,{duration:this.options.speed,onComplete:function() {
			//alert(this.current);
			
			if(this.dir=="prev")
			{
					if (this.current==0){ i = this.items.length-1;  }
					else i = this.current-1;
					
					this.items[i].inject(this.el,"top");
					this.el.setStyles({	left:0,	top:-this.items[i].getSize().size.y+"px" });
			}else{
				var i = (this.current==0) ? this.items.length : this.current;
				this.items[i-1].injectInside(this.el);
				this.el.setStyles({ left:0,	top:0});	
			}
			
		}.bind(this)});
		
		/*this.fx = new Fx.Styles(this.el,{duration:this.options.speed,onComplete:function() {
			var i = (this.current==0)?this.items.length:this.current;
			this.items[i-1].injectInside(this.el);
			this.el.setStyles({
				left:0,
				top:0
			});
		}.bind(this)});*/
		
		this.current = 0;
		this.next();
		
		},
	
	pause: function() {
	    $clear(mytimer);
	    mytimer = null;
	},
	resume: function() {
		if(this.dir=="prev" && mytimer == null )
	    	this.prev();
	    else if (mytimer== null)
			this.next();
	},
	prev: function() {
		$clear(mytimer);
	    mytimer = null;
		this.bandprev=1;
		if(this.bandnext == 1)
		{
			this.items 		= 	this.el.getElements('li');
			this.bandnext	=	0;
			this.current=1;
		}
		
		this.current--;
		if (this.current < 0) {
			this.current = this.items.length-1;
			var pos = this.items[this.items.length-1];
		}else
			var pos = this.items[this.current];
			
		this.dir="prev";
		this.fx2.start({
			top: +pos.offsetTop,
			left: +pos.offsetLeft
		});
		mytimer = this.prev.bind(this).delay(this.options.delay+this.options.speed);
	},
	next: function() {
		$clear(mytimer);
	    mytimer = null;
		this.bandnext=1;
		if(this.bandprev==1){
			this.items = this.el.getElements('li');
			this.current=0;
			this.bandprev=0;
		}
		this.current++;
		if (this.current >= this.items.length) this.current = 0;
		var pos = this.items[this.current];
		
		this.dir="next";
		this.fx2.start({
			top: -pos.offsetTop,
			left: -pos.offsetLeft
		});
		mytimer = this.next.bind(this).delay(this.options.delay+this.options.speed);
	}
});

var mytimer = null;

window.addEvent('domready', function() {
   var hor = new Ticker('TickerVertical', {
      speed : 2000, delay : 1000, direction : 'vertical'});
    $('stop_scroll').addEvent('click', function() {
		$('play_scroll_cont').style.display='block';
		$('stop_scroll_cont').style.display='none';
		hor.pause();
	});
    $('play_scroll').addEvent('click', function() {
		$('stop_scroll_cont').style.display='block';
		$('play_scroll_cont').style.display='none';
		hor.resume();
	});
	$('play_up').addEvent('click', function() {
		$('up_cont').style.display='none';
		$('down_cont').style.display='block';									
		hor.next();
	});
	$('play_down').addEvent('click', function() {
		$('down_cont').style.display='none';
		$('up_cont').style.display='block';
		hor.prev();
	});
	
	
	
});