//inclure popupDr.css

function popupStillRunning(){
	var res = false;
	$$('.conteneurDrPopup').each(function(el,i){
		if(!res && el.getStyle('display') == 'none')
			res = false;
		else
			res = true;
	});
	return res;
}

var popupDrEmpty = new Class({
	initialize: function(width, widthMax, height, heightMax){
		this.width = width;
		this.height = height;
		this.maxWidthDiv = widthMax;//taille final
		this.maxHeightDiv = heightMax;//taille final
		this.closed = false;
		this.buildDiv();
	},
	buildDiv: function(){					
		this.divConteneur = new Element('div', {
			'class':'conteneurDrPopup'										
		});
		this.fond = new Element('div', {
			'class' : 'fondDrPopup'
		});
		this.div = new Element('div', {
			'class' : 'whiteDivDrPopup'
		});
		this.fond.setStyles({
			'opacity': '0',
			'left': '0'
		}).addEvent('click', function(){
			this.close();
		}.bind(this));
		this.div.injectInside(this.divConteneur);
		this.fond.injectInside(this.divConteneur);
		this.divConteneur.injectBefore($$("body div")[0]);
		
		
		var leftDiv = (window.getWidth() - this.div.getStyle('width').toInt()) /2;
		var topDiv = (window.getHeight() - this.div.getStyle('height').toInt()) /2;
		this.div.setStyles({
			left: leftDiv + 'px',
			top: topDiv + 'px'
		});
		this.span = new Element('span', {'id':'spanCloseDrPopup'});
		this.span.setStyle('display', 'none');
		this.span.setStyle('width', this.maxWidthDiv);
		this.span.setStyle('text-align', 'right');
		this.span.appendText('Fermer ');
		
		this.div.adopt(this.span);
		
		this.span.addEvent('click', function(){
			this.close();
		}.bind(this));
		
	},
	close: function(){
		this.divConteneur.setStyle('display', 'none');
		//this.divConteneur.remove();
		this.onClose();
	},
	setOnClose: function(fonction) {
		this.onClose = fonction;
	},
	onClose: function() {
		
	},
	launch: function(){
		var hauteur = window.getScrollHeight();
		this.fond.setStyle('height', hauteur);
		new Fx.Style(this.fond,'opacity').start(0,0.8);
		var tailleDiv = this.div.effects({duration: 1000});
		var positionDiv = this.div.effects({duration: 1000});
		tailleDiv.start({
			'width':[this.width, this.maxWidthDiv],
			'height':[this.height, this.maxHeightDiv]
		});
		
		var topD = (window.getHeight() - this.height) /2 + window.getScrollTop();
		var topF = (window.getHeight() - this.maxHeightDiv) /2 + window.getScrollTop();
		if(topF < 0)
			topF = 0;
		var leftD = (window.getWidth() - this.width) /2 + window.getScrollLeft();
		
		var leftF = (window.getWidth() - this.maxWidthDiv) /2 + window.getScrollLeft();
		
		positionDiv.start({
			'top':[topD, topF],
			'left':[leftD, leftF]
		}).chain(function(){this.span.setStyle('display', 'block');}.bind(this));
		
		var tailleD = this.div.getStyle('height').toInt() - 20;
		var tailleF = this.maxHeightDiv - 20;
		
	}
					
});