// Create namespace
if (at == undefined) var at = {};
if (at.bartelme == undefined) at.bartelme = {};

// Newsticker Class
at.bartelme.newsticker = Class.create();
at.bartelme.newsticker.prototype = {
	initialize: function()
	{
		// Get elements
		this.interval = 10000;
		this.container = $("newsticker");
		this.navigator = $("newstickernavigator");
		this.messages  = $A(this.container.getElementsByTagName("li"));
		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;
		// Create navigator
		var nt = this;
		this.messages.each(function(message, index){
				var img = document.createElement("img");
				img.id = "newsBalls"+index;
				img.className = "hole";
				img.src = 'images/scroller-ball.jpg'
				img.width = 7;
				img.height = 14;
				Event.observe(img, "click", nt.forceMessage.bindAsEventListener(nt), false);
				nt.navigator.appendChild(img);	
			});
		// Create toggle button
		this.toggle_button = document.createElement("a");
		this.toggle_button.href = "#";
		this.toggle_button.id = "togglenewsticker";
		this.toggle_button.innerHTML = "Toggle";
		Event.observe(this.toggle_button, "click", this.toggle.bindAsEventListener(this), false);
		this.container.appendChild(this.toggle_button);
		this.hideMessages();
		this.showMessage();
		// Install timer
		this.timerInterval = setInterval(this.showMessage.bind(this), this.interval);
  	},
	showMessage: function()
	{
		Effect.Appear(this.messages[this.current_message]);
		if(this.previous_message != null)
			$("newsBalls"+this.previous_message).className = "hole";
		$("newsBalls"+this.current_message).className = "filled";
		this.timerTimeout = 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.messages.each(function(message)
		{
			Element.hide(message);
		})
	},
	toggle: function()
	{
		Effect.BlindUp(this.container, 1000);
	},
	forceMessage: function(evt)
	{
		clearInterval(this.timerInterval);
		clearTimeout(this.timerTimeout);
		var a = Event.element(evt);
		var message_number = parseInt(a.id.substring("newsBalls".length));
		this.fadeMessage();
		this.current_message = message_number;
		setTimeout(this.restart.bind(this), 1000);
	},
	restart: function()
	{
		this.showMessage();
		// Re-install timer
		this.timerInterval = setInterval(this.showMessage.bind(this), this.interval);
	},
	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 at.bartelme.newsticker()}, false);