Magilia = {};
Magilia.ticker = Class.create();
Magilia.ticker.prototype = {
	initialize: function()
	{
		// Get elements
		this.interval = 4000;
		this.container = $("home-slideshow");
		if(!this.container)
			return;
		
		this.messages  = $$(".ticker-item");
		this.number_of_messages = this.messages.length;
		if (this.number_of_messages == 0)
			return;
		
		this.current_message = 0;
		this.previous_message = null;
		this.hideMessages();
		this.showMessage();
		// Install timer
		this.timer = setInterval(this.showMessage.bind(this), this.interval);
  	},
	showMessage: function()
	{
		Effect.Appear(this.messages[this.current_message], {duration: 0.6});
		setTimeout(this.fadeMessage.bind(this), this.interval-1000);
		if (this.current_message < this.number_of_messages-1)
		{
			this.previous_message = this.current_message;
			this.current_message = this.current_message + 1;
		} else {
			this.current_message = 0;
			this.previous_message = this.number_of_messages - 1;
		}
	},
	fadeMessage: function()
	{
		Effect.Fade(this.messages[this.previous_message], {duration: 0.6});
	},
	hideMessages: function()
	{
		this.messages.each(function(message)
		{
			Element.hide(message);
		})
	},
	toggle: function()
	{
		Effect.BlindUp(this.container, 1000);
	}
}

Event.observe(window, 'load', function() {	
	if($("home-slideshow"))
		new Magilia.ticker();
	});