/**
 *
 * application
 *
 * Classe permettant de gérer plus simplement l'interactivité de la page
 * 
 * @version v0.1
 *
 * @return
 */
function application() {

	this.displayOverlay=function ()
	{
	    try{
	    	$('black_overlay').tween('display', 'block');
	    	$('panel').tween('display', 'block');
	    }catch(e){}
	};

	this.unDisplayOverlay=function ()
	{
	

	    	$('panel').set("html","");
	    	$('black_overlay').tween('display', 'none');
	    	$('panel').tween('display', 'none');

	};

	this.create_overlay= function(){
		
		if($('black_overlay')== null){
			var divBlackOverlay=new Element('div', {
				'id'	:	'black_overlay',
				'class'	:	'black_overlay',
				'events':{
					'click':	function ()
					{
						
						application.unDisplayOverlay();
					}}
				});
		}

		if($('panel')== null){
			var divPanelOverlay= new Element('div', {
				'id'	:	'panel',
				'class'	:	'panel_overlay'
			})

			var divB100=new Element('div', {
				'class' :	'b100 alignD'
			})

			var aFermer=new Element('div', {
				'class' :	'croix_overlay',
				'events':{
					'click'	: function(){
						application.unDisplayOverlay();
					}
				}
			})

			var divB1002=new Element('div', {
				'id'	: 	'panel_overlayy',
				'class' :	'b100 alignG'
			})


			divPanelOverlay.adopt(aFermer);

			divPanelOverlay.adopt(divB1002);


		}

		$(document.body).adopt([divBlackOverlay,divPanelOverlay]);

		this.displayOverlay();
	};

	this.construct_loader= function(idDiv)
	{
		$(idDiv).set("html","");

		var conteneur= new Element ('div', {
			'class' : 'b100 alignC'
		});

		var img=new Element('img', {
			'src'	: "../library/img/fwk/loading.gif",
			'width' : 60,
			'style' : 'margin-top : 30px'
		});

		conteneur.adopt(img);
		$(idDiv).adopt(conteneur);
	};
}



//on instancie l'application (on peut la surcharger à présent)
var application = new application ;