// JavaScript Document
Cadre=function(width  ,titre , contenu, keepPaper , reduc , close , bottom )
{
	
	// cadre entier :
	this.me=$('<div/>');
	this.me.addClass('Cadre');
	this.me.width(width);
	
	// enregistrement des données :
	this._width=width;
	this._titre=titre;
	this._contenu=contenu;
	this._keepPaper=keepPaper;
	this._reduc=reduc;
	this._close=close;
	this._bottom=bottom;
	
	var moi=this;
	
	
	/*==================================================
		Titre
	=================================================*/
		this.titre=$('<table/>');
		this.titre.addClass('CadreTitre');
		this.row=$('<tr/>');
		
		
		// haut gauche :
		this.hautGauche=$('<td/>');
		this.hautGauche.addClass('CadreHautGauche');
		
		//haut droit :
		this.hautDroit=$('<td/>');
		this.hautDroit.addClass('CadreHautDroit');
		
		
		// centre
		this.hautCentre=$('<td/>');
		this.hautCentre.addClass('CadreHautCentre');
		this.hautCentre.html('<strong>'+titre+'</strong>');
	//	this.hautCentre.html(titre);
		this.hautCentre.width(parseInt(width)-102);
		
		// Bouton KeepPaper
		this.boutonKeepPaper=$('<td/>');
		this.boutonKeepPaper.addClass('CadreBoutonKeepPaper');
		
		
		if (keepPaper)
		{
			this.keepPaperIn=$('<img src="'+ModeleInteraction.root+'stylesheet/keepPaperIn.png"/>');
			this.keepPaperIn.addClass('CadreBoutonKeepPaperGadget');
			this.boutonKeepPaper.prepend(this.keepPaperIn);
		}
		if(reduc)
		{
			this.slideUp=$('<img src="'+ModeleInteraction.root+'stylesheet/slideUp.png"/>');
			this.slideUp.addClass('CadreBoutonKeepPaperGadget');
			this.boutonKeepPaper.prepend(this.slideUp);
		}
		if(close)
		{
			this.close=$('<img src="'+ModeleInteraction.root+'stylesheet/close.png"/>');
			this.close.addClass('CadreBoutonKeepPaperGadget');
			this.boutonKeepPaper.prepend(this.close);
		}
	
	/*==================================================
		Contenu
	=================================================*/
		this.conteneur=$('<div/>');
		this.conteneur.addClass('CadreConteneur');
		
		this.contenu=$('<div/>');
		this.contenu.addClass('CadreContenu');
		
		if((typeof contenu) != 'string')
		{
			this.contenu.css('padding' , '0px');
		}
		else
		{
		}
		
		this.contenu.append(contenu);
		
		this.bas=$('<table/>');
		this.bas.addClass('CadreTitre');
		
		this.rowBas=$('<tr/>');
		
		this.basGauche=$('<td/>');
		this.basGauche.addClass('CadreBasGauche');
		
		this.basCentre=$('<td/>');
		this.basCentre.addClass('CadreBasCentre');
		this.basCentre.width(parseInt(width)-42);
		
		this.basDroit=$('<td/>');
		this.basDroit.addClass('CadreBasDroit');
	
	
	
	/*==================================================
		Ajouts 
	=================================================*/
		this.row.append(this.hautGauche);
		this.row.append(this.hautCentre);
		this.row.append(this.boutonKeepPaper)
		this.row.append(this.hautDroit);
		this.titre.append(this.row);
		this.me.append(this.titre);
		
		this.conteneur.append(this.contenu);
		
		this.rowBas.append(this.basGauche);
		this.rowBas.append(this.basCentre);
		this.rowBas.append(this.basDroit);
		this.bas.append(this.rowBas);
		if (! bottom)
			this.conteneur.addClass('noBas');
		else
			this.conteneur.append(this.bas);
		this.me.append(this.conteneur);
	
	
	/*==================================================
		Evenements
	=================================================*/
	if (keepPaper)
		this.keepPaperIn.click(
			function()
			{
				ModeleKeepPaper.ajoutElement(moi);
				moi.me.remove();
			})
	
	if (close)
		this.close.click(
			function()
			{
				moi.me.remove();
			});
		
	if (reduc)
		this.slideUp.click(
			function()
			{
				if ($(this).attr('src') != ModeleInteraction.root+'stylesheet/slideUp.png')
				{
					$(this).attr('src' , ModeleInteraction.root+'stylesheet/slideUp.png');
					moi.conteneur.slideDown('slow')
				}
				else
				{
					$(this).attr('src' , ModeleInteraction.root+'stylesheet/slideDown.png');
					moi.conteneur.slideUp('slow');
				}
			});
}