// JavaScript Document 
/*
 * // mostra alerta si hi ha algu en la divisio q marquem //
	//alertas = new Alerta({divAlerta:$('alerta')});

	// mostrem el text que volem al clicar //
	//ventanas = new Ventana({botones:$$('.notificacion'), divVentana:$('cventana'), textohtml:'s'});

	// mostrem la finestra si hi ha algu escrit a la divisio cventana //
	ventanas = new Ventana({divVentana:$('alerta'),w:400,h:50});
	
	// mostrem la finestra quan es clica el boto //
	ventanass = new Ventana({botones:$$('.mbd'), w:400,h:90, colorBorde:'#990000', anchoBorde:20, url:'/inc_fragmentos/herramientas/recordar-pass'}); 
	
	// fireEvent //
	$('alerta').set('html',texto);
	
	$('alerta').addEvent('click',function(){
		ventanas = new Ventana({divVentana:$('alerta'),w:400,h:50});
	});
	
	$('alerta').fireEvent('click');
 */
var Ventana = new Class(
{
	Implements: Options,
	
	options: 
	{
		divVentana: null,	
		divFondo: null,
		divBorde: null,
		divContent: null,
		colorBorde: '#000000',
		anchoBorde: 10,
		w: null,
		h: null,
		tamh: null,
		tamw: null,
		classePopup: null,
		top: null,
		left: null,
		textohtml: null,
		url:null,
		finalista:null,
		idusuario:null,
		idmensaje:null
	},
	 
	initialize: function(options)
	{
		this.setOptions(options);
		
		if(this.options.w){
			this.options.tamw = this.options.w;
			this.options.tamh = this.options.h;
		}else{
			tamanos = this.options.divVentana.get('class');
			items = tamanos.split('-');
			this.options.tamw = parseInt(items[0]);
			this.options.tamh = parseInt(items[1]);
		}
		
		if(this.options.tamw == '250'){
			this.options.classePopup = 'popup_s'
		}else if(this.options.tamw == '400'){
			this.options.classePopup = 'popup_m'
		}else if(this.options.tamw == '550'){
			this.options.classePopup = 'popup_l'
		}else if(this.options.tamw == '900'){
			this.options.classePopup = 'popup_xl'
		}
		
		if(this.options.divVentana)
		{
			this.getVentana();
		}
	},
	
	getVentana: function()
	{
		if (this.options.url) {
			this.getContenido('a');
		}
		else {
			texto = this.options.divVentana.get('html');
			
			if (texto != '') {
				
				ocultar_select();
				
				this.options.divVentana.set('html', '');
				
				var scrollh = window.getScrollHeight();
				
				this.getPosTop();
				this.getPosLeft();
				
				fondo2 = new Element('div', {
					'id': 'fondoVentana'
				}).inject(document.body, 'inside');
				this.options.divFondo = fondo2;
				
				fondo2.setStyle("height", scrollh);
				fondo2.setStyle("display", "block");
				
				fondo2.addEvent('click', this.cerrarVentana.bind(this));
				
				ventana_1 = new Element('div', {'class': 'popup '+this.options.classePopup}).inject(document.body, 'inside');
				this.options.divContent = ventana_1;
				
				ventana_1.setStyle("display", "block");
				ventana_1.setStyle("height", 0); //this.options.h);
				ventana_1.setStyle("width", 0); //this.options.w); 
				ventana_1.setStyle("top", this.options.top);
				ventana_1.setStyle("left", this.options.left);
	
				content_1 = new Element('div', {'class': 'contenedor_popup'}).inject(ventana_1, 'inside');
							
				cabecera_1 = new Element('div', {'class': 'cabecera'}).inject(content_1, 'inside');
				cerrar_1 = new Element('a', {'class': 'cerrar_popup'}).inject(content_1, 'inside');
				cerrar_1.set('html','<span class="nodisplay>cerrar</span>"');
				cerrar_1.addEvent('click', this.cerrarVentana.bind(this));
				
				contenido_p_1 = new Element('div', {'class': 'contenido_popup'}).inject(content_1, 'inside');
				this.options.divBorde = contenido_p_1;
				
				contenido_p_1.set('html', texto);
				
				this.mostrarAlerta();
			}
		}	
	},
	
	getContenido: function(ids)
	{
		ocultar_select();
		
		this.getPosTop();
		this.getPosLeft();
		
		if(this.options.url)
		{
			url = this.options.url;
		}
		else
		{
			url = ids[0];
		}
		
		var time = new Date();
		ns = time.getTime();
		if(this.options.finalista)
		{
			ns=ns+'&finalista='+this.options.finalista;
		}
		
		var req = new Request(
		{   
			method: 'post',   
			url: url+'.php?ns='+ns,   
			data: 
			{ 
				accion:'nuevo_amigo',
				idusuario:this.options.idusuario,
				idmensaje:this.options.idmensaje,
				nick_usuario: 'tu' 
			},   
			onRequest: function() 
			{ 
			},   
			onComplete: function(e) 
			{
				var scrollh = window.getScrollHeight();
				
				fondo = new Element('div', {'id': 'fondoVentana'}).inject(document.body, 'inside');
				this.options.divFondo = fondo;
		
				fondo.setStyle("height",scrollh);
				fondo.setStyle("display","block");
				
				fondo.addEvent('click', this.cerrarVentana.bind(this));
				
				ventana_2 = new Element('div', {'class': 'popup '+this.options.classePopup}).inject(document.body, 'inside');
				this.options.divContent = ventana_2;
				
				
				ventana_2.setStyle("display", "block");
				ventana_2.setStyle("height", 0); //this.options.h);
				ventana_2.setStyle("width", 0); //this.options.w); 
				ventana_2.setStyle("top", this.options.top);
				ventana_2.setStyle("left", this.options.left);
				
				content_2 = new Element('div', {'class': 'contenedor_popup'}).inject(ventana_2, 'inside');
				
				cabecera_2 = new Element('div', {'class': 'cabecera'}).inject(content_2, 'inside');
				cerrar_2 = new Element('a', {'class': 'cerrar_popup'}).inject(content_2, 'inside');
				cerrar_2.set('html','<span class="nodisplay>cerrar</span>"');
				cerrar_2.addEvent('click', this.cerrarVentana.bind(this));
				
				contenido_p_2 = new Element('div', {'class': 'contenido_popup'}).inject(content_2, 'inside');
				this.options.divBorde = contenido_p_2;
				
				contenido_p_2.set('html', e);
				
				this.mostrarAlerta();
				
				
			}.bind(this)
		}).send(); 
	},
	
	mostrarAlerta: function()
	{
		this.options.divContent.setStyle("top",this.options.top-(this.options.tamh)/2);
		this.options.divContent.setStyle("left",this.options.left-(this.options.tamw)/2);
		
		this.options.divContent.setStyle("height", this.options.tamh);
		this.options.divContent.setStyle("width", this.options.tamw);
		
		this.options.divBorde.setStyle("height", this.options.tamh-50);
	},
	
	cerrarVentana: function()
	{
		mostrar_select();
		this.options.divFondo.destroy();
		this.options.divContent.destroy();
	},
	
	getPosTop: function()
	{
		this.options.top = window.getScrollTop()+(window.getHeight()/2);
	},
	
	getPosLeft: function()
	{
		this.options.left = (window.getWidth()/2);
	}
	
});

	function ocultar_select(){
		$$('select').setStyle("visibility","hidden");

	};

	function mostrar_select(){
		$$('select').setStyle("visibility","visible");

	};