var loadingPages = new Array();

function SmoothContentChange(divId, content, onDone) {

	if(loadingPages[divId] == undefined)
	{
		// Enregistrement du chargement
		loadingPages[divId] = true;
	}
	else
	{
		// Déjà en cours de chargement
		return;
	}

	// Récupération du conteneur
	var containerId = "mainContainer_" + divId;

	// Création de l'enfant
	var oldDiv = $("#" + divId);

	// Création du parent si besoin
	if(oldDiv.parent().get(0).tagName.toLowerCase() != "div"
		|| oldDiv.parents("div:first").attr("id") != containerId) {
		oldDiv.wrap("<div id=\"" + containerId + "\" />");
	}

	// Récupération du conteneur
	var container = $("#" + containerId);

	// Préparation de la div à afficher
	var newDiv = oldDiv.clone();
	newDiv.attr("id", oldDiv.attr("id") + "_2");


        newDiv.html(content);
	newDiv.hide();
	newDiv.css("position", "absolute");
	//newDiv.css("height", "");

        //alert(oldDiv.width() + "\r\n" + oldDiv.attr("offsetWidth"));
	newDiv.css("width", oldDiv.width());

	container.append(newDiv);
	container.append(oldDiv);

	newDiv.show();



	newDiv.animate({
                            opacity:1
			}, function() {

			});

	oldDiv.animate({
                            height:newDiv.height(),
                            opacity:0
			},
			function () {
				oldDiv.hide();
				oldDiv.remove();
				newDiv.css("position", "relative");
				newDiv.css("width", "");
				newDiv.attr("id", oldDiv.attr("id"));
								// Désenregistrement du chargement
								loadingPages[divId] = null;
                                if(onDone != null) {
                                    onDone();
                                }
			});
	//Change(firstDiv, secondDiv, content, container);
}
/*
function Change(oldDiv, newDiv, newDivContent, mainContainer) {

	newDiv.html(newDivContent);
	newDiv.hide();
	newDiv.css("position", "absolute");
	newDiv.css("height", "");
	newDiv.css("width", oldDiv.width());

	mainContainer.append(newDiv);
	mainContainer.append(oldDiv);

	newDiv.show();
	newDiv.animate({
				opacity:1
			}, function() {

			});
	oldDiv.animate({
			height:newDiv.height(),
			opacity:0
			},
			function () {
				oldDiv.hide();
				oldDiv.remove();
				newDiv.css("position", "relative");
				newDiv.css("width", "");
				newDiv.attr("id", oldDiv.attr("id"));
			});
}
*/