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.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 (mytimer == null) {
    this.next();
    }
},
next: function() {
	this.current++;
	if (this.current >= this.items.length) this.current = 0;
	var pos = this.items[this.current];
	this.fx.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 : 500, delay : 5000, 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();
});
});