//inclure popupDr.css

function popupStillRunning(){
	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.setStyle('opacity', '0').addEvent('click', function(){
						this.close();
					}.bind(this));
					this.div.injectInside(this.divConteneur);
					this.fond.injectInside(this.divConteneur);
					this.divConteneur.injectBefore('conteneur');
					
					leftDiv = (window.getWidth() - this.div.getStyle('width').toInt()) /2;
					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(){
					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]
					});
					
					topD = (window.getHeight() - this.height) /2 + window.getScrollTop();
					topF = (window.getHeight() - this.maxHeightDiv) /2 + window.getScrollTop();
					if(topF < 0)
						topF = 0;
					leftD = (window.getWidth() - this.width) /2 + window.getScrollLeft();
					
					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));
					
					tailleD = this.div.getStyle('height').toInt() - 20;
					tailleF = this.maxHeightDiv - 20;
					
				}
					
			});