imagen = new Image();
imagen.src = 'http://www.click-code.com/imagenes/fondo_alerta.gif';
imagen.height = 190;
imagen.width = 324;

var iGrowl = {
  init: function(img,duration) {
    iGrowl.src = img;
    iGrowl.msg = [];
    iGrowl.active = false;
    iGrowl.duration = (duration || 2)*1000;
    Window.onDomReady(iGrowl.create);
  },
  create: function() {
    var imgiGrowl = new Image();
    imgiGrowl.onload = iGrowl.box.pass(imgiGrowl);
    imgiGrowl.src = iGrowl.src;
  },
  box: function(img) {
    iGrowl.height = img.height/2;
    iGrowl.width = img.width/2;
	new Element('div').setProperty('id','growlfondo').setStyles({      
  	  'display':'none','position':'absolute','opacity':'0','z-index':'998',
  	  'background': '#000'
  	}).injectInside(document.body);
    new Element('div').setProperty('id','growl').setStyles({
      'height':img.height + 22 +'px','width':img.width+'px',
  	  'display':'none','position':'absolute','opacity':'0','color':'#fff','z-index':'999',
  	  'background': 'url('+img.src+') no-repeat'
  	}).injectInside(document.body);
	new Element('div').setProperty('id','growlImg').setStyles({
  	  'width':'60px',
  	  'display':'none','position':'absolute','opacity':'0','z-index':'1000','padding-top':'35px',
      'font':'18px/25px Arial','color':'#fff','text-align':'center'
  	}).injectBefore($('growl'));
  	new Element('div').setProperty('id','growlmsg').setStyles({
  	  'width':img.width - 60+'px',
  	  'display':'none','position':'absolute','opacity':'0','z-index':'1000','margin-top':'50px',
      'font':'18px/25px Arial','color':'#000','text-align':'left'
  	}).injectBefore($('growl'));
  },
  queue: function() {
    var msg = iGrowl.msg.pop();
    if(msg) iGrowl.show(msg);
  },
  show: function(msg) {	  
	iGrowl.box(imagen);
    if(iGrowl.active) {
      iGrowl.msg.push(msg);
      return;
    }
    iGrowl.active = true;
    	var top = window.getScrollTop(), left = window.getScrollLeft(), h = window.getHeight()/2 , w = window.getWidth()/2;
		var he = top+h-iGrowl.height, we = left+w-iGrowl.width;
		$('growlfondo').setStyles({'height':window.getHeight()+(window.getScrollHeight() - window.getHeight())+'px','width':window.getWidth()+'px',	'top':'0px','left':'0px','display':'block'});
		$('growlfondo').effect('opacity').custom(0,0.4);
		//alert(window.getHeight()+ " - " + window.getScrollTop())
		$('growlmsg').setStyles({'top':he - 15+'px','left':we + 60+'px','display':'block'}).setHTML(msg);	
		$('growlmsg').effect('opacity').custom(0,1);
		
		imgAlerta = "<img src='http://www.click-code.com/imagenes/ico_alerta.gif' border='0' />"
		$('growlImg').setStyles({'top':he+'px','left':we+'px','display':'block'}).setHTML(imgAlerta);
		$('growlImg').effect('opacity').custom(0,1);
		
		$('growl').setStyles({'top':he+'px','left':we+'px','display':'block'}).setHTML("<div style='float: right; width: 10px;'>&nbsp;</div><div id='cerrarGrowl' style='width: 20px; padding-top: 5px; padding-right: 5px; text-align: right; float: right; font-family: arial;'><img src='http://www.click-code.com/imagenes/close.gif' onclick='iGrowl.hide.delay();' style='cursor: pointer;' /></div>");
		$('growl').effect('opacity').custom(0,1);
		
  },
  hide: function() {
	$('growlfondo').effect('opacity',{onComplete:iGrowl.display}).custom(0.4,0);
    $('growlmsg').effect('opacity',{onComplete:iGrowl.display}).custom(1,0);
	$('growlImg').effect('opacity',{onComplete: function(e) {
      iGrowl.display(e);
      iGrowl.active = false;
      iGrowl.queue.delay(200);
    }}).custom(1,0);
    $('growl').effect('opacity',{onComplete: function(e) {
	  iGrowl.display(e);
      iGrowl.active = false;
      iGrowl.queue.delay(200);
    }}).custom(1,0);
  },
  display: function(e) {
    e.setStyle('display','none');
  }
};

var iLogado = {
  init: function(img,duration) {
    iLogado.src = img;
    iLogado.msg = [];
    iLogado.active = false;
    iLogado.duration = (duration || 2)*1000;
    Window.onDomReady(iLogado.create);
  },
  create: function() {
    var imgiLogado = new Image();
	imgiLogado.onload = iLogado.box.pass(imgiLogado);
    imgiLogado.src = iLogado.src;
  },
  box: function(img) {
    iLogado.height = 73;
    iLogado.width = 101;
	new Element('div').setProperty('id','fondo').setStyles({      
  	  'display':'none','position':'absolute','opacity':'0','z-index':'998',
  	  'background': '#333333'
  	}).injectInside(document.body);
    new Element('div').setProperty('id','logado').setStyles({
      'height':'146px','width':'202px', 
  	  'display':'none','position':'absolute','opacity':'0','color':'#fff','z-index':'999'
  	}).injectInside(document.body);
  	new Element('div').setProperty('id','logadomsg').setStyles({
  	  'width':'202px',
  	  'display':'none','position':'absolute','opacity':'0','z-index':'1000','margin-top':'17px','text-align':'left', 'margin-left':'-21px'
  	}).injectBefore($('logado'));
	new Element('div').setProperty('id','logadoAlerta').setStyles({
  	  'width':'202px',
  	  'display':'none','position':'absolute','opacity':'0','z-index':'1000','margin-top':'35px','text-align':'left'
  	}).injectBefore($('logado'));
  },
  queue: function() {
    var msg = iLogado.msg.pop();
    if(msg) iLogado.show(msg);
  },
  show: function(msg) {
	 iLogado.box(imagen)
    if(iLogado.active) {
      iLogado.msg.push(msg);
      return;
    }
    iLogado.active = true;
	    var top = window.getScrollTop(), left = window.getScrollLeft(), h = window.getHeight()/2 , w = window.getWidth()/2;
		var he = top+h-iLogado.height, we = left+w-iLogado.width;
		$('fondo').setStyles({'height':window.getHeight()+(window.getScrollHeight() - window.getHeight())+'px','width':window.getWidth()+'px',	'top':'0px','left':'0px','display':'block'});
		$('fondo').effect('opacity').custom(0,0.4);
		msg = '';
		/*msg = "<div id='div_login'>";
		msg += "<form id='form_login' name='form_login' action='' method='post'>";
		msg += "<div id='div_login_titulo'></div>";
		msg += "<div id='div_login_usuario'>Mail:</div>";
		msg += "<div id='div_login_usuario_caja'><input type='text' value='' name='usuario' id='usuario' class='CajaLogin' style='width: 195px; height: 16px;' tabindex='1' /></div>";
		msg += "<div id='div_login_pass'>Pass:</div>";
		msg += "<div id='div_login_pass_caja'><input type='password' value='' name='passw' id='passw' class='CajaLogin'' style='width: 195px; height: 16px;' tabindex='2' /></div>";
				
		//msg += "<div id='div_login_entrada'><img id='div_bot_entrar' src='/imagenes/bot_entrar.png' border='0' onmouseover='this.src=\"/imagenes/bot_entrar_over.png\";' onmouseout='this.src=\"/imagenes/bot_entrar.png\";' style='cursor: pointer;' onclick='logado();' onkeypress='" + accion + "' tabindex='3' /></div>";

		//msg += "<div id='div_login_entrada'><span  style=\"cursor:pointer; float:left; font-size:10px;\" onclick=\"iLogado.hide.delay(iLogado.duration); window.Registro('');cargaPagina('registro.php','registromsg','des=1');\">Reg&iacute;strate</span><input type='button' border='0' class='boton_entrar' value='Entrar'  id='div_bot_entrar' tabindex='3' onclick='logado();' style ='margin-right:20px;' /></div>";
		msg += "<div id='div_login_entrada'>";
		msg += "<img src='/imagenes/bot-registro.gif' border='0' tabindex='4' onclick=\"iLogado.hide.delay(iLogado.duration); window.Registro('');cargaPagina('registro.php','registromsg','des=1');\" style ='margin-right:20px;' />";		
		msg += "<img src='/imagenes/bot-aceptar.gif' border='0' tabindex='4' onclick='logado();' style ='margin-right:20px;' />";		
		msg += "<img src='/imagenes/bot-cerrar.gif' value='Cerrar' tabindex='5' onclick='iLogado.hide.delay(iLogado.duration);' style ='margin-right:20px;' /></div>";		
		msg += "</form>";
		msg += "</div>";*/
		
		$('logadomsg').setStyles({'top':he - 15+'px','left':we + 25+'px','display':'block'}).setHTML(msg);	
		$('logadomsg').effect('opacity').custom(0,1);
				
		//$('logado').setStyles({'top':he+'px','left':we+'px','display':'block'}).setHTML("<div style='float: right; width: 10px;'>&nbsp;</div><div id='cerrarLogado' style='width: 20px; padding-top: 5px; padding-right: 5px; text-align: right; float: right; font-family: arial;'><img src='http://www.click-code.com/imagenes/close.gif' style='cursor: pointer;' onclick='iLogado.hide.delay(iLogado.duration);' /></div>");
		$('logado').setStyles({'top':he+'px','left':we+'px','display':'block'});
		$('logado').effect('opacity').custom(0,1);
		
		//setTimeout("$('usuario').focus();", 500);
  },
  hide: function() {
	$('fondo').effect('opacity',{onComplete:iLogado.display}).custom(0.4,0);
    $('logadomsg').effect('opacity',{onComplete:iLogado.display}).custom(1,0);
	$('logadoAlerta').effect('opacity',{onComplete:iLogado.display}).custom(1,0);
    $('logado').effect('opacity',{onComplete: function(e) {
      iLogado.display(e);
      iLogado.active = false;
      iLogado.queue.delay(200);
    }}).custom(0.8,0);
	$('logadomsg').setHTML("");
  },
  display: function(e) {
    e.setStyle('display','none');
  }
};
var iDescarga = {
  init: function(img,duration) {
    iDescarga.src = img;
    iDescarga.msg = [];
    iDescarga.active = false;
    iDescarga.duration = (duration || 2)*1000;
    Window.onDomReady(iDescarga.create);
  },
  create: function() {
    var imgiDescarga = new Image();
    imgiDescarga.onload = iDescarga.box.pass(imgiDescarga);
    imgiDescarga.src = iDescarga.src;
  },
  box: function(img) {
    iDescarga.height = 231;
    iDescarga.width = 320;
	new Element('div').setProperty('id','descargafondo').setStyles({      
  	  'display':'none','position':'absolute','opacity':'0','z-index':'998',
  	  'background': '#000'
  	}).injectInside(document.body);
    new Element('div').setProperty('id','descargalmsg').setStyles({
      'height':'462px','width':'641px',
  	  'display':'none','position':'absolute','opacity':'0','z-index':'999'
  	}).injectInside(document.body);
  },
  queue: function() {
    var msg = iDescarga.msg.pop();
    if(msg) iDescarga.show(msg);
  },
  show: function(msg) {	  
	iDescarga.box(imagen);
    if(iDescarga.active) {
      iDescarga.msg.push(msg);
      return;
    }
    iDescarga.active = true;
    	var top = window.getScrollTop(), left = window.getScrollLeft(), h = window.getHeight()/2 , w = window.getWidth()/2;
		var he = top+h-iDescarga.height, we = left+w-iDescarga.width;
		$('descargafondo').setStyles({'height':window.getHeight()+(window.getScrollHeight() - window.getHeight())+'px','width':window.getWidth()+'px',	'top':'0px','left':'0px','display':'block'});
		$('descargafondo').effect('opacity').custom(0,0.4);	
		
		$('descargalmsg').setStyles({'top':he+'px','left':we+'px','display':'block'}).setHTML('&nbsp;');
		$('descargalmsg').effect('opacity').custom(0,1);
		
  },
  hide: function() {
	$('descargafondo').effect('opacity',{onComplete:iDescarga.display}).custom(0.4,0);
	
    $('descargalmsg').effect('opacity',{onComplete: function(e) {
	  iDescarga.display(e);
      iDescarga.active = false;
      iDescarga.queue.delay(200);
    }}).custom(1,0);
  },
  display: function(e) {
    e.setStyle('display','none');
  }
};

var iRegistro = {
  init: function(img,duration) {
    iRegistro.src = img;
    iRegistro.msg = [];
    iRegistro.active = false;
    iRegistro.duration = (duration || 2)*1000;
    Window.onDomReady(iRegistro.create);
  },
  create: function() {
    var imgiRegistro = new Image();
    imgiRegistro.onload = iRegistro.box.pass(imgiRegistro);
    imgiRegistro.src = iRegistro.src;
  },
  box: function(img) {
    iRegistro.height = 150;
    iRegistro.width = 250;
	new Element('div').setProperty('id','Registrofondo').setStyles({      
  	  'display':'none','position':'absolute','opacity':'0','z-index':'998',
  	  'background': '#333333'
  	}).injectInside(document.body);
    new Element('div').setProperty('id','registromsg').setStyles({
      'height':'300px','width':'500px',
  	  'display':'none','position':'absolute','opacity':'0','color':'#fff','z-index':'999',
  	  'background': '#FFFFFF'
  	}).injectInside(document.body);
  },
  queue: function() {
    var msg = iRegistro.msg.pop();
    if(msg) iRegistro.show(msg);
  },
  show: function(msg) {	  
	iRegistro.box(imagen);
    if(iRegistro.active) {
      iRegistro.msg.push(msg);
      return;
    }
    iRegistro.active = true;
    	var top = window.getScrollTop(), left = window.getScrollLeft(), h = window.getHeight()/2 , w = window.getWidth()/2;
		var he = top+h-iRegistro.height, we = left+w-iRegistro.width;
		$('Registrofondo').setStyles({'height':window.getHeight()+(window.getScrollHeight() - window.getHeight())+'px','width':window.getWidth()+'px',	'top':'0px','left':'0px','display':'block'});
		$('Registrofondo').effect('opacity').custom(0,0.4);	
		
		$('registromsg').setStyles({'top':he+'px','left':we+'px','display':'block'}).setHTML('&nbsp;');
		$('registromsg').effect('opacity').custom(0,1);
		
  },
  hide: function() {
	$('Registrofondo').effect('opacity',{onComplete:iRegistro.display}).custom(0.4,0);
	
    $('registromsg').effect('opacity',{onComplete: function(e) {
	  iRegistro.display(e);
      iRegistro.active = false;
      iRegistro.queue.delay(200);
    }}).custom(1,0);
  },
  display: function(e) {
    e.setStyle('display','none');
  }
};
/*-------------------------------------------------------------------------------------------*/
/*===========================================================================================*/
/* 'height':img.height + 22 +'px','width':img.width+'px', */

var iColgado = {
  init: function(img,duration) {
    iColgado.src = img;
    iColgado.msg = [];
    iColgado.active = false;
    iColgado.duration = (duration || 2)*1000;
    Window.onDomReady(iColgado.create);
  },
  create: function() {
    var imgiColgado = new Image();
	imgiColgado.onload = iColgado.box.pass(imgiColgado);
    imgiColgado.src = iColgado.src;
  },
  box: function(img) {
    iColgado.height = img.height/2;
    iColgado.width = img.width/2;
	new Element('div').setProperty('id','fondo').setStyles({      
  	  'display':'none','position':'absolute','opacity':'0','z-index':'998',
  	  'background': '#333333'
  	}).injectInside(document.body);
    new Element('div').setProperty('id','Colgado').setStyles({
      'height':160,'width':img.width+'px',
  	  'display':'none','position':'absolute','opacity':'0','color':'#fff','z-index':'999',
  	  'background': '#FFF url(/imagenes/fondo-ampliacion.jpg) bottom right no-repeat'
  	}).injectInside(document.body);
  	new Element('div').setProperty('id','Colgadomsg').setStyles({
  	  'width':img.width - 25+'px',
  	  'display':'none','position':'absolute','opacity':'0','z-index':'1000','margin-top':'35px','text-align':'left'
  	}).injectBefore($('Colgado'));
	new Element('div').setProperty('id','ColgadoAlerta').setStyles({
  	  'width':img.width - 25+'px',
  	  'display':'none','position':'absolute','opacity':'0','z-index':'1000','margin-top':'35px','text-align':'left'
  	}).injectBefore($('Colgado'));
  },
  queue: function() {
    var msg = iColgado.msg.pop();
    if(msg) iColgado.show(msg);
  },
  show: function(msg) {
	 iColgado.box(imagen)
    if(iColgado.active) {
      iColgado.msg.push(msg);
      return;
    }
    iColgado.active = true;
	    var top = window.getScrollTop(), left = window.getScrollLeft(), h = window.getHeight()/2 , w = window.getWidth()/2;
		var he = top+h-iColgado.height, we = left+w-iColgado.width;
		$('fondo').setStyles({'height':window.getHeight()+(window.getScrollHeight() - window.getHeight())+'px','width':window.getWidth()+'px',	'top':'0px','left':'0px','display':'block'});
		$('fondo').effect('opacity').custom(0,0.4);

		msg = '';
		/*msg = "<div id='div_login_titulo' style='margin:-23px 0 0 -25px;'></div>";
		msg += "<div style='width: 300px;'><img src='/imagenes/close.gif' value='Cerrar' tabindex='5' onclick='iColgado.hide.delay(iColgado.duration);' style= 'float:right; display:inline; margin-right:6px; margin-top:3px; cursor: pointer;' /></div>";
		msg += "<div id='div_login'>";
		msg += "<form id='form_login' name='form_login' action='' method='post'>";
		msg += "<div id='div_login_usuario'>Mail:</div>";
		msg += "<div id='div_login_usuario_caja'><input type='text' value='' name='usuario' id='usuario' class='CajaLogin' style='width: 195px; height: 16px;' tabindex='1' /></div>";
		msg += "<div id='div_login_pass'>Pass:</div>";
		msg += "<div id='div_login_pass_caja'><input type='password' value='' name='passw' id='passw' class='CajaLogin'' style='width: 195px; height: 16px;' tabindex='2' /></div>";

		msg += "<div id='div_login_entrada'>";
		msg += "<img src='/imagenes/bot-registrarse2.gif' border='0' tabindex='4' onclick=\"iColgado.hide.delay(iColgado.duration); window.Registro('');cargaPagina('registro.php','registromsg','des=1');\" style ='margin-right:20px; cursor: pointer;' />";
		msg += "<img src='/imagenes/bot-aceptar2.gif' border='0' tabindex='4' onclick='logado();' style ='margin-right:20px; cursor: pointer;' />";
		msg += "</div>";
		msg += "</form>";
		msg += "</div>";*/

		$('Colgadomsg').setStyles({'top':he - 15+'px','left':we + 25+'px','display':'block'}).setHTML(msg);
		$('Colgadomsg').effect('opacity').custom(0,1);

		$('Colgado').setStyles({'top':he+'px','left':we+'px','display':'block'});
		$('Colgado').effect('opacity').custom(0,1);

		setTimeout("$('usuario').focus();", 500);
  },
  hide: function() {
	$('fondo').effect('opacity',{onComplete:iColgado.display}).custom(0.4,0);
    $('Colgadomsg').effect('opacity',{onComplete:iColgado.display}).custom(1,0);
	$('ColgadoAlerta').effect('opacity',{onComplete:iColgado.display}).custom(1,0);
    $('Colgado').effect('opacity',{onComplete: function(e) {
      iColgado.display(e);
      iColgado.active = false;
      iColgado.queue.delay(200);
    }}).custom(0.8,0);
	$('Colgadomsg').setHTML("");
  },
  display: function(e) {
    e.setStyle('display','none');
  }
};
/*-------------------------------------------------------------------------------------------*/
/*===========================================================================================*/




iLogado.init(imagen.src,0.01);
window.extend({Logado:iLogado.show});

iGrowl.init(imagen.src,0.01);
window.extend({Growl:iGrowl.show});

iDescarga.init('',0.01);
window.extend({Descarga:iDescarga.show});

iRegistro.init('',0.01);
window.extend({Registro:iRegistro.show});

iColgado.init(imagen.src,0.01);
window.extend({Colgado:iColgado.show});