Event.observe(window, 'dom:loaded', hidesubtitle);
Event.observe(window, 'load', initsubtitle);
function hidesubtitle()
{
	if ($('subtitle') != null) $('subtitle').style.display = 'none';
}
function initsubtitle()
{
	if ($('subtitle') == null) return;
	Event.observe(window, 'resize', redim);
	Event.observe(window, 'scroll', redim);
	redim();
	if (Effect != null) Effect.Appear($('subtitle'),{duration:0.5});
	else $('subtitle').style.display = 'block';
}
function redim()
{	
	minPos = $('menu').offsetTop - (window.pageYOffset || document.documentElement.scrollTop  || document.body.scrollTop) + $('menu').getDimensions().height;
	maxPos = $('tableau').offsetTop - (window.pageYOffset || document.documentElement.scrollTop  || document.body.scrollTop) + $('tableau').getDimensions().height - $('subtitle').getDimensions().height + 100;
	posMasc = (window.innerHeight || document.documentElement.clientHeight) - $('subtitle').getDimensions().height;
	if(posMasc <= minPos)
		$('subtitle').setStyle({'position': 'absolute', 'top': 'auto', 'bottom': 'auto', 'left': '5px'});
	else if(posMasc >= maxPos)
		$('subtitle').setStyle({'position': 'absolute', 'top': maxPos+'px', 'bottom': 'auto', 'left': '5px'});
	else
	{
		left= 5 - (window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft);
		$('subtitle').setStyle({'position': 'fixed', 'top': 'auto', 'bottom': '0', 'left': left+'px'});
	}
}