// Create namespace
if (jp == undefined) var jp = {};
if (jp.gotchamedia == undefined) jp.gotchamedia = {};

// Newsticker Class
jp.gotchamedia.newsticker = Class.create();
jp.gotchamedia.newsticker.prototype = {
	initialize: function()
	{
		// Get elements
		this.interval = 10000;
		this.container = $("news_ticker_center");		
		this.elements  = $A(this.container.getElementsByTagName("li"));
		
		// only switch between the news which class is showNews
		var showNews = $A();
		this.elements.each(function(msg) {
			if(msg.className == "showNews") {
				showNews.push(msg);
			}
		});
		this.messages = showNews;
		
		this.number_of_messages = this.messages.length;
		if (this.number_of_messages == 0)
		{
			this.showError();
			return false;
		}
		
		this.current_message = 0;
		this.previous_message = null;

		this.hideMessages();
		this.showMessage();
		
		// Install timer
		if (this.number_of_messages > 1)
			this.timer = setInterval(this.showMessage.bind(this), this.interval);
  	},
	showMessage: function()
	{
		Effect.Appear(this.messages[this.current_message]);
		
		if (this.number_of_messages > 1)
			setTimeout(this.fadeMessage.bind(this), this.interval-2000);
		
		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]);
	},
	hideMessages: function()
	{
		this.elements.each(function(msg)
		{
			Element.hide(msg);
		})
	},
	toggle: function()
	{
		Effect.BlindUp(this.container, 1000);
	},
	showError: function()
	{
		if (this.container.getElementsByTagName("ul").length == 0)
		{
			this.list = document.createElement("ul");
			this.container.appendChild(this.list);
		} else {
			this.list = this.container.getElementsByTagName("ul")[0];
		}
		this.errorMessage = document.createElement("li");
		this.errorMessage.className = "error";
		this.errorMessage.innerHTML = "Could not retrieve data";
		this.list.appendChild(this.errorMessage);
	}
}

Event.observe(window, "load", function(){new jp.gotchamedia.newsticker()}, false);