/* hover! */
Element.implement({
	'hover': function(fn1,fn2) {
		return this.addEvents({
			'mouseenter': function(e) {
				fn1.attempt(e,this);
			},
			'mouseleave': function(e) {
				fn2.attempt(e,this);
			}
		})
	}
});


var Ticker = new Class({
	setOptions: function(options) {
		this.options = $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().y;
				this.items.each(function(li,index) {
				w += li.getSize().x;
			});
		} else {
			w = this.el.getSize().x;
			this.items.each(function(li,index) {
				h += li.getSize().y;
			});
		}
		this.el.setStyles({
			//position: 'absolute',
			top: 0,
			left: 0,
			width: w,
			height: h
		});
		this.fx = new Fx.Morph( this.el, {
			duration:this.options.speed,
			onStart: function(){
				iprocess = true;
			},
			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
				});
				iprocess = false;
			}.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 loginClickTimes = 0;
var passwordClickTimes = 0;

var mytimer = null;
var iprocess = false;

window.addEvent('domready', function() {    
		
	// var hor = new Ticker('TickerVertical', {
	// 			speed : 1800, 
	// 			delay : 5000, 
	// 			direction : 'vertical'
	// 		});  
	// 	$$('#TickerVertical li').hover(function(e) {
	// 			hor.pause();
	// 	}, function(e) {
	// 		if( iprocess == false ) {
	// 			hor.resume();
	// 		}
	// 	}); 
    
});