cssslider = '<style> .barrebistest {';
cssslider += 'BORDER-TOP: #333333 1px solid;';
cssslider += 'BORDER-BOTTOM: #333333 1px solid;';
cssslider += 'padding-top: 1px;';
cssslider += 'padding-bottom: 1px;';
cssslider += 'margin-top: 1px;';
cssslider += 'background-color: #f8f8f8;';
cssslider += 'width: 543;';
cssslider += 'height: 66px;';
cssslider += 'display: block;';
cssslider += 'overflow: hidden;';
cssslider += 'z-index: 0;';
cssslider += 'position: relative;';
cssslider += '}';
cssslider += '</style>';
document.write(cssslider);

var n = 0;
var goal;

function setContainerSize(truc) {
	var navroot = document.getElementById(truc);
	if ( navroot ) {
		var lis = navroot.getElementsByTagName("div");
		var ok = 0; var nok = 0;
		for ( i = 0; i < lis.length; i++ ) {
			if ( lis[i].parentNode != navroot )
				nok++;
			else 
				ok++;
		}
		goal = ok*22;
	}
}

function slide() {
var myEffects = new fx.Styles('details', {duration: 1000, Transitions: fx.linear});
myEffects.custom({
   'height': [66, goal]
});
n=1;
}

function slide2() {
var myEffects = new fx.Styles('details', {duration: 1000, Transitions: fx.linear});
myEffects.custom({
   'height': [goal, 65]
});
n=0;
}

function slideconfig() {
	if (goal <= 66) {
		document.getElementById('imgdetails').src='images/detailsgris.gif';
	}
}

function slidex() {
		if (goal <= 66 && n == 0) {
		return false;
		}
		if (n == 0) { 
		slide(); 
		setTimeout("document.getElementById('imgdetails').src='images/details2.gif';", 1000 );
		} 
		else
		{ 
		slide2(); 
		setTimeout("document.getElementById('imgdetails').src='images/details.gif';", 1000 ); 
		}
}