/*  Window.Growl, version 2.0: http://icebeat.bitacoras.com
 *  Daniel Mota aka IceBeat <daniel.mota@gmail.com>
 *	Updated to 1.2b2 by Paul Streise <paulstreise@gmail.com>
 *  Updated to 1.2 by Lennart Pilon (http://ljpilon.nl)
--------------------------------------------------------------------------*/
var Gr0wl = {};

Gr0wl.Base = new Class({

	Implements: Options,	
	options: {
		title: 'Window.Growl by Daniel Mota',
		text: 'Update to 1.2 by Lennart Pilon',
		duration: 220
	},
	
	initialize: function(image, options) {
		this.image = new Asset.image(image, { onload: this.create.bind(this) });
		this.setOptions(options);
		return this.show.bind(this);
	},
	
	create: function(styles) {
		this.image.setStyles(
			{
				'position':'absolute',
				'display':'none',
				'z-index':'999'
			}
		).setOpacity(0).injectInside(document.body);
		this.block = new Element('div').setStyles(
			$extend(
			{
				'position': 'absolute',
				'display': 'none',
				'z-index':'999',
				'color':'#fff',
				'font': '22px/14px "Lucida Grande", Arial, Helvetica, Verdana, sans-serif'
			},
			styles.div)
			).setOpacity(0).injectInside(document.body);
		new Element('img').setStyles(styles.img).injectInside(this.block);
		new Element('h3').setStyles(styles.h3).injectInside(this.block);
		new Element('p').setStyles(styles.p).injectInside(this.block);
	},
	
	show: function(options) {
		options = $merge(this.options, options);
		options.position = this.getPosition();
		
		var elements = [this.image.clone(), this.block.clone()];
		elements.each(function(e, i) {
			e.injectInside(document.body);
			e.setStyles(options.position);
			if(i) e.getFirst().setProperty('src', options.image).getNext().set('html', options.title).getNext().set('html', options.text);
		});
		new Fx.Elements(elements, {duration:10}).start({
			'0': { 'opacity': [0, 100] }, '1': { 'opacity': 1 }
		});
		this.hide.delay(options.duration*10, this, [elements]);
	},
	
	hide: function(elements, effect) {
		var effects = new Fx.Elements(elements, {duration:400, onComplete: function() {
			this.elements[0].erase();
			this.elements[1].empty().erase();
		}}).start({'0': effect, '1': effect });
	},

	getPosition: function() {
		return {'top': '200px', 'right':'200px', 'display':'block'};
	}
	
});

Gr0wl.Bezel = new Class ({

	Extends: Gr0wl.Base,
	Implements: Chain,
	create: function() {
		this.i=0;
		this.parent({
			div:
			{
				'width': '211px',
				'height':'206px',
				'text-align':'center'
			},
			img:
			{
				'margin-top':'10px',
				'width':'4px',
				'height':'4px'
			},
			h3:
			{
				'margin': '0',
				'padding':'0px',
				'padding-top': '22px',
				'font-size': '14px'
			},
			p:
			{
				'margin': '15px',
				'font-size': '12px'
			}
		});
	},
	
	getPosition: function(options) {
		var size = window.getScroll();
		var sizeWin = window.getSize();
			
		var top = size.y + ( sizeWin.y /2)-180,
		left = size.x + ( sizeWin.x /2)-103;
		return {'top':top+'px', 'left':left+'px', 'display':'block'};
	},
		
	hide: function(elements) {
		this.queue.delay(400,this);
		this.parent(elements, { 'opacity': 0, 'margin-top': [0,50] });
	},
	
	queue: function() {
		this.i--;
		this.callChain();
	}
	
});

Gr0wl.Bezel.implement(new Chain);

var Growl = function(options) {
	if(Growl[options.type]) Growl[options.type].call(options);
	else Growl.Smoke(options);
};

window.addEvent('domready',function() {
	Growl.Bezel = new Gr0wl.Bezel('/images/growl/bezel.png');
});