/*
	* MyWebWindow v1.1.0
	* http://www.myww.ranchelmehari.com
	*
	* Copyright 2010, Catounaud Yannis
	*
	* Utilise jquery 1.4.2
	* http://jquery.com
	* Copyright 2010, The Dojo Foundation
	* Released under the MIT, BSD, and GPL Licenses.
	*
	* Date: 04/04/2010 
*/

//Fonction d'initialisation
function WW_init()
{
	$('head').append('<script type="text/javascript" src="MyWW/MyWW-config.js"></script>');
	$('head').append('<link rel="stylesheet" href="MyWW/Theme/'+get_themeGraphique()+'/MyWW.css" type="text/css" />');
	$('body').mousemove(function(e) { deplacer_fenetre(e); });
	$('body').append('<div id="WW_fond" class="WW_FOND"></div>');
	$('body').append('<div id="WW_barreBas" class="barre_fenetre_reduite"></div>');
	if (get_windowBar()){
		$('#WW_barreBas').css({ 'display':'block' }); }
}
function WW_majFond()
{
	if (!get_windowBar())
	{
		if ($('#WW_fond').css('display')!='block')
		{
			$('#WW_barreBas').fadeIn('slow');
		}
		else
		{
			$('#WW_barreBas').fadeOut('slow');
		}
	}
	if ($('#WW_fond').css('display')!='block')
	{
		$('#WW_fond').height(getPageSize());
		$('#WW_fond').css('opacity', 0.7);
		$('#WW_fond').click(function() { WW_quitterModeFenetre(); } );
		$('#WW_fond').fadeIn('slow');
	}
	else
	{
		$('#WW_fond').click();
		$('#WW_fond').fadeOut('slow');
	}
}

function WW_quitterModeFenetre()
{
	var exist = 0;
	for (var i=1; i<numero_fenetre; i++)
	{
		if (document.getElementById('fenetre'+i))
		{
			exist++;
		}
	}
	if (exist>=2) {
		WW_creerFenetreDefined('displayFond'); }
	else {
		WW_detruireTout(); }
}

function WW_display(id,etat)
{
	if (etat==0) {
		$('#fenetre'+id).fadeOut(500);
		}
	else {
		$('#fenetre'+id).fadeIn(1000); 
		}
}

function WW_detruireTout()
{
	for (var i=1; i<numero_fenetre; i++)
	{
		if (document.getElementById('fenetre'+i)) {
			WW_detruire(i); }
		if (document.getElementById('fenetreR'+i)) {
			WW_detruire_miniature(i); }
	}
}

function WW_detruire_miniature(id)
{
	$('#fenetreRTexte'+id).remove();
	$('#fenetreR'+id).remove();
}

function WW_detruire(id)
{
	WW_detruire_miniature(id);
	$('#bas'+id).remove();
	$('#milieu_centre'+id).remove();
	$('#milieu_droite'+id).remove();
	$('#milieu_gauche'+id).remove();
	$('#milieu'+id).remove();
	$('#haut_centre'+id).remove();
	$('#haut_droite'+id).remove();
	$('#haut_gauche'+id).remove();
	$('#haut_croix'+id).remove();
	$('#haut_croixReduc'+id).remove();
	$('#haut_texte'+id).remove();
	$('#haut'+id).remove();
	$('#fenetre'+id).remove();
	//On met à jour le fond
	var majFond=true;
	for (var i=1; i<numero_fenetre; i++)
	{
		if (document.getElementById('fenetre'+i)) {
			majFond=false; }
	}
	if (majFond) {
		WW_majFond(); }
}

var numero_fenetre=1;
var zindex=101;
var fenetre_deplacee=0;
var fenetre_deplacee_difx=0;
var fenetre_deplacee_dify=0;
function WW_creerFenetreDefined(type) 
{
	if ($('#WW_fond').css('display')!='block')
	{
		WW_majFond();
	}
	//On récupére les infos dont on a besoin avec Ajax
	var info = $.ajax({
	url: "MyWW/MyWW.php?type="+type+"&request=info",
	async: false
	}).responseText;
	var curseur = info.indexOf('[hauteur]',0);
	var largeur = info.substr(0,curseur);
	var curseur2 = info.indexOf('[titre]',hauteur);
	var hauteur = info.substring(curseur+9,curseur2);
	var titre = info.substr(curseur2+7);
	var contenu = $.ajax({
	url: "MyWW/MyWW.php?type="+type+"&request=contain&id="+numero_fenetre+"",
	async: false
	}).responseText;
	//On vérifie que la fenêtre demandé existe bien
	if (!contenu)
	{
		WW_creerFenetreDefined('erreur');
	}
	else
	{
		//On créer la fenêtre
		var fenetre = document.createElement("div");
		fenetre.name=numero_fenetre;
		fenetre.id='fenetre'+numero_fenetre;
		fenetre.className="fenetre";
		fenetre.style.position='fixed';
		fenetre.style.left="50%";
		fenetre.style.marginLeft='-'+(largeur/2)+'px';
		fenetre.style.top="50%";
		fenetre.style.marginTop='-'+(hauteur/2)+'px';
		//$('#'+fenetre.id).css('height',hauteur+'px');
		/*fenetre.style.width=largeur+"px";
		fenetre.style.height=hauteur+"px";*/
		//On crée de la même manière la div "haut" :
		var haut = document.createElement("div");
		haut.id='haut'+numero_fenetre;
		haut.className="haut";
		//On crée ensuite les div qui y figureront :
		var haut_gauche = document.createElement("div");
		haut_gauche.id='haut_gauche'+numero_fenetre;
		haut_gauche.className="haut_gauche";
		var haut_droite = document.createElement("div");
		haut_droite.id='haut_droite'+numero_fenetre;
		haut_droite.className="haut_droite";
		var haut_centre = document.createElement("div");
		haut_centre.id='haut_centre'+numero_fenetre;
		haut_centre.className="haut_centre";
		var haut_texte = document.createElement("div");
		haut_texte.id='haut_texte'+numero_fenetre;
		haut_texte.className="haut_texte";
		haut_texte.innerHTML=titre;
		var haut_croixReduc = document.createElement("div");
		haut_croixReduc.id='haut_croixReduc'+numero_fenetre;
		haut_croixReduc.className="haut_croixReduc";
		var clickCroixReduc = 'haut_croixReduc'+numero_fenetre;
		var haut_croix = document.createElement("div");
		haut_croix.id='haut_croix'+numero_fenetre;
		haut_croix.className="haut_croix";
		var haut_croixAgrand = document.createElement("div");
		haut_croixAgrand.id='haut_croixAgrand'+numero_fenetre;
		haut_croixAgrand.className="haut_croixAgrand";
		//Puis on les insère une par une dans notre bloc "haut" :
		haut.appendChild(haut_gauche);
		haut.appendChild(haut_droite);
		haut.appendChild(haut_centre);
		haut_centre.appendChild(haut_texte);
		haut_centre.appendChild(haut_croix);
		haut_centre.appendChild(haut_croixAgrand);
		haut_centre.appendChild(haut_croixReduc);
		//On insère le tout (la div "haut" et les trois div à l'intérieur) dans le bloc "fenetre" :
		fenetre.appendChild(haut);
		//On fait de même pour la div "milieu"
		var milieu = document.createElement("div");
		milieu.id='milieu'+numero_fenetre;
		milieu.className="milieu";
		var milieu_gauche = document.createElement("div");
		milieu_gauche.id='milieu_gauche'+numero_fenetre;
		milieu_gauche.className="milieu_gauche";
		var milieu_droite = document.createElement("div");
		milieu_droite.id='milieu_droite'+numero_fenetre;
		milieu_droite.className="milieu_droite";
		var milieu_centre = document.createElement("div");
		milieu_centre.id='milieu_centre'+numero_fenetre;
		milieu_centre.className="milieu_centre";
		milieu_centre.innerHTML=contenu;
		milieu.appendChild(milieu_gauche);
		milieu.appendChild(milieu_droite);
		milieu.appendChild(milieu_centre);
		fenetre.appendChild(milieu);
		//On fait de même pour la div "bas"
		var bas = document.createElement("div");
		bas.id='bas'+numero_fenetre;
		bas.className="bas";
		fenetre.appendChild(bas);
		premier_plan(fenetre); //On met au premier plan notre fenêtre
		document.body.appendChild(fenetre); //On insère le tout dans notre document, dans le corp
		$('#'+fenetre.id).css({ 'width':largeur+'px', 'height':hauteur+'px' });
		//On met en place la miniature dans la windowBar
		WW_miniature(fenetre,fenetre.name,titre,fenetre.style.width,fenetre.style.height,fenetre.name,titre);
		//On ajoute les événements de la fenêtre
		$('#'+haut.id).mouseup(function () { arreter_deplacement(fenetre.id,hauteur); } );
		$('#'+haut.id).mousedown(function (event) { commencer_deplacement(event,fenetre,fenetre.id); } );
		$('#'+fenetre.id).mousedown(function () { premier_plan(fenetre); } );
		$('#'+haut_croixReduc.id).click(function() { WW_reduire(fenetre.name); } );
		$('#'+haut_croix.id).click(function() { WW_detruire(fenetre.name); } );
		$('#'+haut_croixAgrand.id).click(function() { WW_pleinEcran(fenetre,fenetre.id,fenetre.name,fenetre.style.width,fenetre.style.height); } );
		//Enfin, on fait apparaitre la fenêtre
		$('#'+fenetre.id+'').fadeIn(1000);
		numero_fenetre++;
	}
}
function WW_creerFenetreHTML(width,height,titre,texte) 
{
	if ($('#WW_fond').css('display')!='block')
	{
		WW_majFond();
	}
	//On créer la fenêtre
	var fenetre = document.createElement("div");
	fenetre.name=numero_fenetre;
	fenetre.id='fenetre'+numero_fenetre;
	fenetre.className="fenetre";
	fenetre.style.position='fixed';
	fenetre.style.left="50%";
	fenetre.style.marginLeft='-'+(width/2)+'px';
	fenetre.style.top="50%";
	fenetre.style.marginTop='-'+(height/2)+'px';
	fenetre.style.width=width+"px";
	fenetre.style.height=height+"px";
	//On crée de la même manière la div "haut" :
	var haut = document.createElement("div");
	haut.id='haut'+numero_fenetre;
	haut.className="haut";
	addEvent(haut,"mouseup",arreter_deplacement);
	//On crée ensuite les div qui y figureront :
	var haut_gauche = document.createElement("div");
	haut_gauche.id='haut_gauche'+numero_fenetre;
	haut_gauche.className="haut_gauche";
	var haut_droite = document.createElement("div");
	haut_droite.id='haut_droite'+numero_fenetre;
	haut_droite.className="haut_droite";
	var haut_centre = document.createElement("div");
	haut_centre.id='haut_centre'+numero_fenetre;
	haut_centre.className="haut_centre";
	var haut_texte = document.createElement("div");
	haut_texte.id='haut_texte'+numero_fenetre;
	haut_texte.className="haut_texte";
	haut_texte.innerHTML=titre;
	var haut_croixReduc = document.createElement("div");
	haut_croixReduc.id='haut_croixReduc'+numero_fenetre;
	haut_croixReduc.className="haut_croixReduc";
	var haut_croix = document.createElement("div");
	haut_croix.id='haut_croix'+numero_fenetre;
	haut_croix.className="haut_croix";
	var haut_croixAgrand = document.createElement("div");
	haut_croixAgrand.id='haut_croixAgrand'+numero_fenetre;
	haut_croixAgrand.className="haut_croixAgrand";
	//Puis on les insère une par une dans notre bloc "haut" :
	haut.appendChild(haut_gauche);
	haut.appendChild(haut_droite);
	haut.appendChild(haut_centre);
	haut_centre.appendChild(haut_texte);
	haut_centre.appendChild(haut_croix);
	haut_centre.appendChild(haut_croixAgrand);
	haut_centre.appendChild(haut_croixReduc);
	//On insère le tout (la div "haut" et les trois div à l'intérieur) dans le bloc "fenetre" :
	fenetre.appendChild(haut);
	//On fait de même pour la div "milieu"
	var milieu = document.createElement("div");
	milieu.id='milieu'+numero_fenetre;
	milieu.className="milieu";
	var milieu_gauche = document.createElement("div");
	milieu_gauche.id='milieu_gauche'+numero_fenetre;
	milieu_gauche.className="milieu_gauche";
	var milieu_droite = document.createElement("div");
	milieu_droite.id='milieu_droite'+numero_fenetre;
	milieu_droite.className="milieu_droite";
	var milieu_centre = document.createElement("div");
	milieu_centre.id='milieu_centre'+numero_fenetre;
	milieu_centre.className="milieu_centre";
	milieu_centre.innerHTML=texte;
	milieu.appendChild(milieu_gauche);
	milieu.appendChild(milieu_droite);
	milieu.appendChild(milieu_centre);
	fenetre.appendChild(milieu);
	//On fait de même pour la div "bas"
	var bas = document.createElement("div");
	bas.id='bas'+numero_fenetre;
	bas.className="bas";
	fenetre.appendChild(bas);
	premier_plan(fenetre); //On met au premier plan notre fenêtre
	document.body.appendChild(fenetre); //On insère le tout dans notre document, dans le corp
	//On met en place la miniature dans la windowBar
	WW_miniature(fenetre,fenetre.name,titre,fenetre.style.width,fenetre.style.height,fenetre.name,titre);
	//On ajoute les événements de la fenêtre
	$('#'+haut.id).mouseup(function () { arreter_deplacement(fenetre.id,height); } );
	$('#'+haut.id).mousedown(function (event) { commencer_deplacement(event,fenetre,fenetre.id); } );
	$('#'+fenetre.id).mousedown(function () { premier_plan(fenetre); } );
	$('#'+haut_croixReduc.id).click(function() { WW_reduire(fenetre.name); } );
	$('#'+haut_croix.id).click(function() { WW_detruire(fenetre.name); } );
	$('#'+haut_croixAgrand.id).click(function() { WW_pleinEcran(fenetre,fenetre.id,fenetre.name,fenetre.style.width,fenetre.style.height); } );
	//Enfin, on fait apparaitre la fenêtre
	$('#'+fenetre.id+'').fadeIn(1000);
	numero_fenetre++;
}
function WW_creerFenetrePerso(adresseContenu) 
{
	if ($('#WW_fond').css('display')!='block')
	{
		WW_majFond();
	}
	//On récupére les infos dont on a besoin avec Ajax
	var info = $.ajax({
	url: adresseContenu+"&request=info",
	async: false
	}).responseText;
	var curseur = info.indexOf('[hauteur]',0);
	var largeur = info.substr(0,curseur);
	var curseur2 = info.indexOf('[titre]',hauteur);
	var hauteur = info.substring(curseur+9,curseur2);
	var titre = info.substr(curseur2+7);
	var contenu = $.ajax({
	url: adresseContenu+"&request=contain&id="+numero_fenetre+"",
	async: false
	}).responseText;
	if (!contenu)
	{
		WW_creerFenetreDefined('erreur');
	}
	else
	{
		//On créer la fenêtre
		var fenetre = document.createElement("div");
		fenetre.name=numero_fenetre;
		fenetre.id='fenetre'+numero_fenetre;
		fenetre.className="fenetre";
		fenetre.style.position='fixed';
		fenetre.style.left="50%";
		fenetre.style.marginLeft='-'+(largeur/2)+'px';
		fenetre.style.top="50%";
		fenetre.style.marginTop='-'+(hauteur/2)+'px';
		//On crée de la même manière la div "haut" :
		var haut = document.createElement("div");
		haut.id='haut'+numero_fenetre;
		haut.className="haut";
		//On crée ensuite les div qui y figureront :
		var haut_gauche = document.createElement("div");
		haut_gauche.id='haut_gauche'+numero_fenetre;
		haut_gauche.className="haut_gauche";
		var haut_droite = document.createElement("div");
		haut_droite.id='haut_droite'+numero_fenetre;
		haut_droite.className="haut_droite";
		var haut_centre = document.createElement("div");
		haut_centre.id='haut_centre'+numero_fenetre;
		haut_centre.className="haut_centre";
		var haut_texte = document.createElement("div");
		haut_texte.id='haut_texte'+numero_fenetre;
		haut_texte.className="haut_texte";
		haut_texte.innerHTML=titre;
		var haut_croixReduc = document.createElement("div");
		haut_croixReduc.id='haut_croixReduc'+numero_fenetre;
		haut_croixReduc.className="haut_croixReduc";
		var haut_croix = document.createElement("div");
		haut_croix.id='haut_croix'+numero_fenetre;
		haut_croix.className="haut_croix";
		var haut_croixAgrand = document.createElement("div");
		haut_croixAgrand.id='haut_croixAgrand'+numero_fenetre;
		haut_croixAgrand.className="haut_croixAgrand";
		//Puis on les insère une par une dans notre bloc "haut" :
		haut.appendChild(haut_gauche);
		haut.appendChild(haut_droite);
		haut.appendChild(haut_centre);
		haut_centre.appendChild(haut_texte);
		haut_centre.appendChild(haut_croix);
		haut_centre.appendChild(haut_croixAgrand);
		haut_centre.appendChild(haut_croixReduc);
		//On insère le tout (la div "haut" et les trois div à l'intérieur) dans le bloc "fenetre" :
		fenetre.appendChild(haut);
		//On fait de même pour la div "milieu"
		var milieu = document.createElement("div");
		milieu.id='milieu'+numero_fenetre;
		milieu.className="milieu";
		var milieu_gauche = document.createElement("div");
		milieu_gauche.id='milieu_gauche'+numero_fenetre;
		milieu_gauche.className="milieu_gauche";
		var milieu_droite = document.createElement("div");
		milieu_droite.id='milieu_droite'+numero_fenetre;
		milieu_droite.className="milieu_droite";
		var milieu_centre = document.createElement("div");
		milieu_centre.id='milieu_centre'+numero_fenetre;
		milieu_centre.className="milieu_centre";
		milieu_centre.innerHTML=contenu;
		milieu.appendChild(milieu_gauche);
		milieu.appendChild(milieu_droite);
		milieu.appendChild(milieu_centre);
		fenetre.appendChild(milieu);
		//On fait de même pour la div "bas"
		var bas = document.createElement("div");
		bas.id='bas'+numero_fenetre;
		bas.className="bas";
		fenetre.appendChild(bas);
		premier_plan(fenetre); //On met au premier plan notre fenêtre
		document.body.appendChild(fenetre); //On insère le tout dans notre document, dans le corp
		$('#'+fenetre.id).css({ 'width':largeur+'px', 'height':hauteur+'px' });
		//On met en place la miniature dans la windowBar
		WW_miniature(fenetre,fenetre.name,titre,fenetre.style.width,fenetre.style.height,fenetre.name,titre);
		//On ajoute les événements de la fenêtre
		$('#'+haut.id).mouseup(function () { arreter_deplacement(fenetre.id,hauteur); } );
		$('#'+haut.id).mousedown(function (event) { commencer_deplacement(event,fenetre,fenetre.id); } );
		$('#'+fenetre.id).mousedown(function () { premier_plan(fenetre); } );
		$('#'+haut_croixReduc.id).click(function() { WW_reduire(fenetre.name); } );
		$('#'+haut_croix.id).click(function() { WW_detruire(fenetre.name); } );
		$('#'+haut_croixAgrand.id).click(function() { WW_pleinEcran(fenetre,fenetre.id,fenetre.name,fenetre.style.width,fenetre.style.height); } );
		//Enfin, on fait apparaitre la fenêtre
		$('#'+fenetre.id+'').fadeIn(1000);
		numero_fenetre++;
	}
}

function WW_pleinEcran(fenetre,fenId,id,width,height)
{
	if($.browser.msie) //Bug de la fonction animate de jquery sous IE 7 & 8
		$('#fenetre'+id).css({ 'width':'100%', 'position':'fixed', 'height':'100%', 'left':'0px', 'top':'0px', 'margin-left':'0px', 'margin-top':'0px' });
	else
		$('#fenetre'+id).animate({ 'width':'100%', 'position':'fixed', 'height':'100%', 'left':'0px', 'top':'0px', 'margin-left':'0px', 'margin-top':'0px' });
	$('#haut'+id).unbind();
	$('#haut_croixAgrand'+id).unbind();
	$('#haut_croixAgrand'+id).removeClass();
	$('#haut_croixAgrand'+id).addClass('haut_croixAgrandPlein');
	$('#haut_croixAgrand'+id).click(function() { WW_normalEcran(fenetre,fenId,id,width,height); } );
}
function WW_normalEcran(fenetre,fenId,id,width,height)
{
	var curseurW = width.indexOf('px'); 
	width = width.substring(0,curseurW);
	var curseurH = height.indexOf('px'); 
	height = height.substring(0,curseurH);
	if($.browser.msie) //Bug de la fonction animate de jquery sous IE 7 & 8
		$('#fenetre'+id).css({ 'width':width+'px', 'height':height+'px', 'position':'fixed', 'left':'50%', 'top':'50%', 'margin-left':'-'+(width/2)+'px', 'margin-top':'-'+(height/2)+'px' });
	else
		$('#fenetre'+id).animate({ 'width':width+'px', 'height':height+'px', 'position':'fixed', 'left':'50%', 'top':'50%', 'margin-left':'-'+(width/2)+'px', 'margin-top':'-'+(height/2)+'px' });
	$('#haut'+id).mousedown(function (event) { commencer_deplacement(event,fenetre,fenId); } );
	$('#haut'+id).mouseup(function () { arreter_deplacement(fenId,height); } );
	$('#fenetre'+id).mousedown(function () { premier_plan(fenetre); } );
	$('#haut_croixAgrand'+id).unbind();
	$('#haut_croixAgrand'+id).removeClass();
	$('#haut_croixAgrand'+id).addClass('haut_croixAgrand');
	$('#haut_croixAgrand'+id).click(function() { WW_pleinEcran(fenetre,fenId,id,width+'px',height+'px'); } );
}

function WW_miniature(fenetre, id, titre, width, height,name,titre)
{
	//On affiche la miniature dans le footer
	var fenetre_reduite = document.createElement("div");
	fenetre_reduite.id='fenetreR'+id;
	fenetre_reduite.className='fenetre_reduite_select';
	//Création du cadre miniature
	var fenetre_reduite_cadre = document.createElement("div");
	fenetre_reduite_cadre.id='fenetreRCadre'+id;
	fenetre_reduite_cadre.className='cadre_miniature_hover';
	var fenetre_reduite_cadre_barreFermer = document.createElement("div");
	fenetre_reduite_cadre_barreFermer.id='fenetreRBarreFermer'+id;
	fenetre_reduite_cadre_barreFermer.className='cadre_miniature_barre';
	fenetre_reduite_cadre_barreFermer.innerHTML='<table border="0"><tr><td width="180px">Fermer</td><td><span class="min_img_close"></span></td></tr></table>';
	var fenetre_reduite_cadre_barreAgrand = document.createElement("div");
	fenetre_reduite_cadre_barreAgrand.id='fenetreRBarreAgrand'+id;
	fenetre_reduite_cadre_barreAgrand.className='cadre_miniature_barre';
	fenetre_reduite_cadre_barreAgrand.innerHTML='<table border="0"><tr><td width="180px">Plein écran</td><td><span class="min_img_agrand"></span></td></tr></table>';
	var fenetre_reduite_cadre_barreRestaure = document.createElement("div");
	fenetre_reduite_cadre_barreRestaure.id='fenetreRBarreRestaure'+id;
	fenetre_reduite_cadre_barreRestaure.className='cadre_miniature_barre';
	fenetre_reduite_cadre_barreRestaure.innerHTML='<table border="0"><tr><td width="180px">Restaurer</td><td><span class="min_img_restaure"></span></td></tr></table>';
	var fenetre_reduite_cadre_barreReduit = document.createElement("div");
	fenetre_reduite_cadre_barreReduit.id='fenetreRBarreReduit'+id;
	fenetre_reduite_cadre_barreReduit.className='cadre_miniature_barre';
	fenetre_reduite_cadre_barreReduit.innerHTML='<table border="0"><tr><td width="180px">Réduire</td><td><span class="min_img_reduit"></span></td></tr></table>';
	//Suite...
	var fenetre_reduite_texte = document.createElement("div");
	fenetre_reduite_texte.id='fenetreRTexte'+id;
	fenetre_reduite_texte.className='fenetre_reduite_texte';
	fenetre_reduite_texte.innerHTML='<center>'+titre+'</center>';
	fenetre_reduite.appendChild(fenetre_reduite_texte);
	fenetre_reduite.appendChild(fenetre_reduite_cadre);
	fenetre_reduite_cadre.appendChild(fenetre_reduite_cadre_barreReduit);
	fenetre_reduite_cadre.appendChild(fenetre_reduite_cadre_barreRestaure);
	fenetre_reduite_cadre.appendChild(fenetre_reduite_cadre_barreAgrand);
	fenetre_reduite_cadre.appendChild(fenetre_reduite_cadre_barreFermer);
	//On insert le tout dans le footer
	var insert = document.getElementById('WW_barreBas');
	insert.appendChild(fenetre_reduite);
	//On ajoute les événements de notre miniature
	$('#'+fenetre_reduite.id).click(function() { premier_plan(fenetre); } );
	$('#'+fenetre_reduite.id).mouseenter(function() { WW_active_cadre(id,name,fenetre,width,height,titre); } );
	$('#'+fenetre_reduite.id).mouseleave(function() { WW_desactive_cadre(id); } );
	//On affiche notre miniature
	$('#'+fenetre_reduite.id).fadeIn(500);
}

function WW_active_cadre(id,name,fenetre,width,height,titre)
{
	$('#fenetreRCadre'+id).slideDown(500);
	$('#fenetreR'+id).unbind();
	$('#fenetreR'+id).mouseleave(function() { WW_desactive_cadre(id); } );
	$('#fenetreR'+id).mouseenter(function() { WW_active_cadre(id,name,fenetre,width,height,titre); } );
	$('#fenetreRBarreFermer'+id).click(function() { WW_detruire(name); });
	$('#fenetreRBarreRestaure'+id).click(function() { WW_agrandir(id); });
	$('#fenetreRBarreReduit'+id).click(function() { WW_reduire(name); });
	$('#fenetreRBarreAgrand'+id).click(function() { WW_pleinEcran(fenetre,id,name,width,height); });
}
function WW_desactive_cadre(id)
{
	$('#fenetreRCadre'+id).slideUp(500);
}

function WW_agrandir(id)
{
	//On met la fenêtre en display:block pour la réafficher
	WW_display(id,1);
	//On met le style de base de la miniature
	$('#fenetreR'+id).removeClass().addClass('fenetre_reduite_select');
}

function WW_reduire(id)
{
	//On met la fenêtre en display:none pour la cacher
	WW_display(id,0);
	//On met le style de réduit de la miniature
	$('#fenetreR'+id).addClass('fenetre_reduite_deselect');
}

function premier_plan(fenetre) 
{
	zindex++; //On incrémente la variable globale
	fenetre.style.zIndex=zindex; //On affecte sa valeur au z-index de la fenêtre concernée
}

function commencer_deplacement(ev,fenetre,id)
{
	$('#'+id).css('opacity',0.25);
	fenetre_deplacee=fenetre; //On définit quelle fenêtre est en cours de déplacement
	old_mouseCoords=mouseCoords(ev); //On récupère la position de la souris
	old_windowCoords=getPosition(fenetre); //Et la position de notre fenêtre
	//On stocke les différences dans les variables globales
	fenetre_deplacee_difx=old_mouseCoords.x-old_windowCoords.x;
	fenetre_deplacee_dify=old_mouseCoords.y-old_windowCoords.y;
}

function arreter_deplacement(id,hauteur) 
{
	fenetre_deplacee=0; //La variable vaut 0
	//Petit bug sous IE, pour remettre la taille normal
	if ($.browser.msie) {
		var newHauteur = parseInt(hauteur)+30;
		$('#'+id).css('height',newHauteur); }
	$('#'+id).css('opacity',1.0);
}

function addEvent(obj,event,fct)
{
	if(obj.attachEvent)
	{
		obj.attachEvent('on' + event,fct);
	}
	else
	{
		obj.addEventListener(event,fct,true);
	}
}

function deplacer_fenetre(ev) 
{
	if(fenetre_deplacee!=0)
	{
		var souris=mouseCoords(ev);
		if (fenetre_deplacee.style.marginLeft!=0) { //Au cas où la fenêtre a été placé au centre, on fait ca pour éviter un petit bug
			fenetre_deplacee.style.marginLeft=0; }
		if (fenetre_deplacee.style.marginTop!=0) { //Au cas où la fenêtre a été placé au centre, on fait ca pour éviter un petit bug
			fenetre_deplacee.style.marginTop=0; }
		fenetre_deplacee.style.left=(souris.x-fenetre_deplacee_difx)+'px'; //On soustrait l'abscisse du curseur par rapport au coin gauche de la fenêtre
		fenetre_deplacee.style.top=(souris.y-fenetre_deplacee_dify)+'px'; //On fait de même avec l'ordonnée
	}
}


function mouseCoords(ev)
{
	if(ev.pageX || ev.pageY)
	{
		return {x:ev.pageX, y:ev.pageY};
	}
	return {x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop  - document.body.clientTop};
}

function getPosition(e)
{
	var left = 0;
	var top  = 0;
	while (e.offsetParent)
	{
		left += e.offsetLeft;
		top  += e.offsetTop;
		e     = e.offsetParent;
	}
	left += e.offsetLeft;
	top  += e.offsetTop;
	return {x:left, y:top};
}

//Fonction qui retourne la hauteur d'une fenêtre
function getPageSize() 
{
	var yScroll;
	if (window.innerHeight && window.scrollMaxY) 
	{	
		yScroll = window.innerHeight + window.scrollMaxY;
	} 
	else if (document.body.scrollHeight > document.body.offsetHeight)
	{ 
		yScroll = document.body.scrollHeight;
	} 
	else 
	{
		yScroll = document.body.offsetHeight;
	}
	var windowHeight;
	if (self.innerHeight) 
	{
		windowHeight = self.innerHeight;
	} 
	else if (document.documentElement && document.documentElement.clientHeight) 
	{ // Explorer 6 Strict Mode
		windowHeight = document.documentElement.clientHeight;
	} 
	else if (document.body) 
	{ // other Explorers
		windowHeight = document.body.clientHeight;
	}	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight)
	{
		pageHeight = windowHeight;
	} 
	else
	{ 
		pageHeight = yScroll;
	}
	return pageHeight;
}