/*  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: {
		image: wwwroot+'/media/system/img/32-op.png',
		title: 'Window.Growl by Daniel Mota',
		text: 'Update to 1.2 by Lennart Pilon',
		duration: 2,
		autoClose : true
	},
	
	initialize: function(image, options) {
		this.image = new Asset.image(image, { onload: this.create.bind(this) });
		this.setOptions(options);
		this.create();
		return this.show.bind(this);
	},
	
	create: function(styles) {
		this.image.setStyles(
			{
				'position':'absolute',
				'display':'none'
			}
			).setOpacity(0).injectInside(document.body);
		this.block = new Element('div').setStyles(
			$extend(
			{
				'position': 'absolute',
				'display': 'none',
				'z-index':'999',
				'color':'#fff',
				'font': '12px/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:400}).start({
			'0': { 'opacity': [0, 0.75] }, '1': { 'opacity': 1 }
		});

		if(options.autoClose)
		  this.hide.delay(options.duration*1000, 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.Smoke = new Class ({

	Extends: Gr0wl.Base,	
	create: function(options) {
		this.queue = [];
		this.parent({
			div:
				{
					'width':'298px',
					'height':'73px'	
				},
			img:
				{
					'float':'left',
					'margin':'12px'
				},
			h3:
				{
					'margin':'0',
					'padding':'10px 0px',
					'font-size':'13px'
				},
			
			p:
				{
					'margin':'0px 10px',
					'font-size':'12px'	
				}
		});
	},
	getPosition: function() {
		var last = this.queue.getLast(),
		delta = window.getScroll()['y']+10+(last*83);
		var pos = {'top':delta+'px', 'right':'10px', 'display':'block'};
		this.queue.push(last+1);
		return pos
	},

	hide: function(elements) {
		this.queue.shift();
		this.parent(elements,{ 'opacity': 0 });
	}
	
});

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':'25px'
			},
			h3:
			{
				'margin': '0',
				'padding':'0px',
				'padding-top': '15px',
				'font-size': '14px'
			},
			p:
			{
				'margin': '15px',
				'font-size': '12px'
			}
		});
	},
	
	getPosition: function(options) {
		
		var scroll = window.getScroll();		
		var top = scroll['y']+(window.getHeight()/2)-105,
		left = scroll['x']+(window.getWidth()/2)-103;
		return {'top':top+'px', 'left':left+'px', 'display':'block'};

	},
	/*
	show: function(options) {
		this.i++;
		this.chain(this.parent.pass(options,this));
		if(this.i==1) this.callChain();
	},*/
		
	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);
};

/*
 *	Change url image
 *	Example:
	Growl.Smoke({
	title: 'Window.Growl By Daniel Mota',
	text: 'http://icebeat.bitacoras.com',
	image: 'growl.jpg',
	duration: 2
	});
*/
window.addEvent('domready',function() {
	Growl.Bezel = new Gr0wl.Bezel(wwwroot+'/media/system/img/bezel.png');
	Growl.Smoke = new Gr0wl.Smoke(wwwroot+'/media/system/img/smoke.png');
});