function expandImage(image, largeur, hauteur) {
	// desexpandImage();
	
	var divExp = document.getElementById("limageExp");
	largeur = largeur + 40;
	hauteur = hauteur + 40;
	divExp.style.width = largeur.toString() + "px";
	divExp.style.height = hauteur.toString() + "px";
	divExp.innerHTML = "<table cellpadding=3 border=0 width='100%' height='100%'><tr><td width='100%' height='100%' align='center' valign='middle'><img class='imageMedia' src='" + image + "' border=0 alt='Cliquez pour fermer'></td></tr></table>";
	
	divExp.style.display = "block";
	return true;
}

function desexpandImage() {
	document.getElementById("limageExp").style.display = "none";
	return true;
}

function ouvrePreview(lien) {
	window.open(lien, '_blank', 'scrollbars=yes,resizable=yes,alwaysRaised=yes,dependent=yes,width=940,height=720');
}

function ptitpopup(lien) {
	window.open(lien, 'ptitpopup', 'scrollbars=yes,resizable=yes,alwaysRaised=yes,dependent=yes,width=400,height=280');
}

function swappeTruc(idTruc) {

	if(document.getElementById(idTruc).style.display == "none")
		document.getElementById(idTruc).style.display = "block";
	else
		document.getElementById(idTruc).style.display = "none";

}

function swappeDiv(idTruc) {

	if(document.getElementById(idTruc).style.display == "none")
		document.getElementById(idTruc).style.display = "block";
	else
		document.getElementById(idTruc).style.display = "none";

}


sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

function openIllus() {
	//document.getElementById('bandeauArchipel').innerHTML();
	
	document.getElementById('bandeauArchipel').innerHTML = "<ul id=\"illustrations\">\n<li><a href=\"#f\" onMouseOver=\"getElementById('illus1').src='_styles/imagespec/illus/fauteuilroulCoul.gif';\" onMouseOut=\"getElementById('illus1').src='_styles/imagespec/illus/fauteuilroul.gif';\"><img id=\"illus1\" style=\"display: none;\" src=\"_styles/imagespec/illus/fauteuilroul.gif\" border=\"0\" alt=\"\" /></a></li>\n<li><a href=\"#f\" onMouseOver=\"getElementById('illus2').src='_styles/imagespec/illus/caddieCoul.gif';\" onMouseOut=\"getElementById('illus2').src='_styles/imagespec/illus/caddie.gif';\"><img id=\"illus2\" style=\"display: none;\" src=\"_styles/imagespec/illus/caddie.gif\" border=\"0\" alt=\"\" /></a></li>\n<li><a href=\"#f\" onMouseOver=\"getElementById('illus3').src='_styles/imagespec/illus/enfantsCoul.gif';\" onMouseOut=\"getElementById('illus3').src='_styles/imagespec/illus/enfants.gif';\"><img id=\"illus3\" style=\"display: none;\" src=\"_styles/imagespec/illus/enfants.gif\" border=\"0\" alt=\"\" /></a></li>\n<li><a href=\"#f\" onMouseOver=\"getElementById('illus4').src='_styles/imagespec/illus/repassageCoul.gif';\" onMouseOut=\"getElementById('illus4').src='_styles/imagespec/illus/repassage.gif';\"><img id=\"illus4\" style=\"display: none;\" src=\"_styles/imagespec/illus/repassage.gif\" border=\"0\" alt=\"\" /></a></li>\n<li><a href=\"#f\" onMouseOver=\"getElementById('illus5').src='_styles/imagespec/illus/perfCoul.gif';\" onMouseOut=\"getElementById('illus5').src='_styles/imagespec/illus/perf.gif';\"><img id=\"illus5\" style=\"display: none;\" src=\"_styles/imagespec/illus/perf.gif\" border=\"0\" alt=\"\" /></a></li>\n</ul>";
	
	Effect.Appear('illus1', {delay: 0.1});
	Effect.Appear('illus2', {delay: 0.3});
	Effect.Appear('illus3', {delay: 0.5});
	Effect.Appear('illus4', {delay: 0.7});
	Effect.Appear('illus5', {delay: 0.9});
	Sortable.create("illustrations", {constraint:false});
	return false;
}