<!--////////////////////////////////////////////////////////////////////////////////                      Show/Hide With a Slide Script                       ////////////////////////////////////////////////////////////////////////////////// Written by Julien Bertolini - October 2007var barContainerId = new Array("bar_container0","bar_container1","bar_container2","bar_container3");var barInnerTextId = new Array("bar_inner0","bar_inner1","bar_inner2","bar_inner3");var barImageId = new Array("bar_img0","bar_img1","bar_img2","bar_img3");var buttonId = new Array("button0","button1","button2","button3");var barTitleId = new Array("bar_title0","bar_title1","bar_title2","bar_title3");var currentHeight = new Array();var durationMilliseconds = 1000;	// Iteration every 1svar startTimeMilliseconds = 0;var offset = 24; // needed to have a align img and text ...function setup() {	//if(window.console) {window.console.log("Enter setup()");}	var initialBar=0;	var i=0;	for(i=0;i<barContainerId.length;i++)	{		// Set the height		if(i != initialBar){			document.getElementById(barContainerId[i]).style.height = '0px';		}else{			document.getElementById(barContainerId[i]).style.display = 'block';			var tempHeight = document.getElementById(barContainerId[i]).offsetHeight + (offset/2);			document.getElementById(barContainerId[i]).style.height = tempHeight+'px';			document.getElementById(buttonId[i]).setAttribute(document.all?"className":"class", "button_on");		}		// Populate currentHeight		currentHeight[i] = document.getElementById(barContainerId[i]).offsetHeight;	}}function showBar(barNumber) {		//if(window.console) {window.console.log("Enter showBar()");} 	var i=0;	// Manage Title	for(i=0;i<barContainerId.length;i++){		if(i==barNumber){	 			document.getElementById(buttonId[i]).setAttribute(document.all?"className":"class", "button_on");			document.getElementById(barContainerId[i]).style.display = 'block';		}else{			document.getElementById(buttonId[i]).setAttribute(document.all?"className":"class", "button_off");		}	}	// Launch slideBar	startTimeMilliseconds = (new Date()).getTime();	slideBar(barNumber);}function slideBar(barNumber) {	// Recursive function to slide a chunk of pixels ...	var nowMilliseconds = (new Date()).getTime();	var coeffOn = ((nowMilliseconds - startTimeMilliseconds) / durationMilliseconds); // between 0 and 1	if(coeffOn>1)		coeffOn = 1;	var coeffOff = 1 - coeffOn; // between 0 and 1	var i=0;	for(i=0;i<barContainerId.length;i++){		var textHeight = document.getElementById(barInnerTextId[i]).offsetHeight;		var imageHeight = document.getElementById(barImageId[i]).offsetHeight;		var titleHeight = document.getElementById(barTitleId[i]).offsetHeight;		imageHeight += titleHeight; // Because the img is under the title ...		var initialHeight = Math.max(textHeight, imageHeight);		initialHeight += offset; 		if(i==barNumber){	// Show bar i						currentHeight[i] = initialHeight * coeffOn;		}else if (currentHeight[i] > 0){		// Hide bar i			currentHeight[i] = initialHeight * coeffOff;		}		document.getElementById(barContainerId[i]).style.height = currentHeight[i]+'px';	}	if(coeffOn<1){		var func = 'slideBar(' + barNumber + ')';		setTimeout(func,10);	}}-->