/*  Window.Growl, version 1.0: http://icebeat.bitacoras.com
 *  Daniel Mota aka IceBeat <daniel.mota@gmail.com>
/*--------------------------------------------------------------------------*/
var Growl = {
  init: function(img,duration) {
    Growl.src = img;
    Growl.msg = [];
    Growl.active = false;
    Growl.duration = (duration || 2)*1000;
    Window.onDomReady(Growl.create);
  },
  create: function() {
    var imgPreloader = new Image();
    imgPreloader.onload = Growl.box.pass(imgPreloader);
    imgPreloader.src = Growl.src;
  	new Element('div').setProperty('id','growl').setStyles({
  	  'display':'none','position':'absolute','opacity':'0','z-index':'999',
  	  'background': 'transparent url('+Growl.src+') no-repeat'
  	}).injectInside(document.body);
  	new Element('p').setProperty('id','growlmsg').setStyles({
  	  'display':'none','position':'absolute','opacity':'0','z-index':'1000','padding-top':'35px',
      'font':'18px/25px "Lucida Grande", Arial','color':'#fff','text-align':'center'
  	}).injectBefore('growl');
  },
  box: function(img) {
    Growl.height = img.height/2;
    Growl.width = img.width/2;
    $('growl').setStyles({'height':img.height+'px','width':img.width+'px'});
    $('growlmsg').setStyles({'width':img.width+'px'})
  },
  queue: function() {
    var msg = Growl.msg.pop();
    if(msg) Growl.show(msg);
  },
  show: function(msg) {
    if(Growl.active) {
      Growl.msg.push(msg);
      return;
    }
    Growl.active = true;
    var top = Window.getScrollTop(), left = Window.getScrollLeft(), h = Window.getHeight()/2 , w = Window.getWidth()/2;
		var he = top+h-Growl.height, we = left+w-Growl.width;
		$('growlmsg').setStyles({'top':he+'px','left':we+'px','display':'block'}).setHTML(msg).setOpacity(1);
		$('growl').setStyles({'top':he+'px','left':we+'px','display':'block'}).setOpacity(0.8);
		Growl.hide.delay(Growl.duration);
  },
  hide: function() {
    $('growlmsg').effect('opacity',{onComplete:Growl.display}).custom(1,0);
    $('growl').effect('opacity',{onComplete: function(e) {
      Growl.display(e);
      Growl.active = false;
      Growl.queue.delay(200);
    }}).custom(0.8,0);
  },
  display: function(e) {
    e.setStyle('display','none');
  }
};

//modificar la ruta y el numero de segundos
Growl.init('images/growl.png',4);
Window.extend({Growl:Growl.show});