messaging.js

/*
 * 417east Messaging
 *
 * Copyright (c) 2009 Austin Robert Bales
 * Licensed under the LGPL license.
 *
 */
message_index=0;
var Message = Class.create({
	initialize:function(messageText,className, clickToDismiss){
		var _class="message "+ className;
		var _span=new Element("span").update(messageText);
		message_index++;
		var _div=new Element("div",{style:"display:none;",id:"message-"+message_index}).update(_span);
		_div.addClassName(_class); // Because IE doesn't set the class name from a constructor.
		$('container').insert({before:_div}); 
		new Effect.Parallel([
			new Effect.Appear(_div, {sync: true}),
			new Effect.Move(_div, { sync: true, x: 300, y: 35, mode: 'relative' })
			]); 
		new Effect.Parallel([
			new Effect.Fade(_div, {sync: true}),
			new Effect.Move(_div, { sync: true, x: 300, y: 150, mode: 'relative' })
			], {delay: 3,duration:2});    
		_div.observe("click",function(){
			this.fade({
				afterFinish:function(){
					_div.stopObserving();
					_div.remove()
				}
			})
		});

		
		if(clickToDismiss){
			setTimeout(function(){
				_div.stopObserving();
				_div.fade({afterFinish:function(){
					_div.remove()
					}
					})
			},20000)
			}
		}
		});