//Fonctions de gestion de la Greybox
function greyBoxShow(page, close, rel_path, _width, _height){
	if(!$('overlay')){
		$('content').insert({after:'<div id="overlay"></div>'});
	}
	if(!$('greyBox')){
		$('overlay').insert({after:'</div><div id="greyBox"><div onclick="greyBoxHide();" class="close"><img src="'+rel_path+'medias/img/greybox/close.gif" alt="'+close+'" /></div><div id="top" class="top"><div id="top-left"></div><div id="top-center"></div><div id="top-right"></div></div><table cellpadding="0" cellspacing="0" border="0"><tr><td id="content-left"></td><td><div class="content" id="greyBoxContent"></div></td><td id="content-right"></td></tr></table><div id="bottom" class="bottom"><div id="bottom-left"></div><div id="bottom-center"></div><div id="bottom-right"></div></div>'});
	}
	
	var navigatorVersion = Prototype.Browser.IE6=Prototype.Browser.IE && parseInt(navigator.userAgent.substring(navigator.userAgent.indexOf("MSIE")+5))==6;
	if(navigatorVersion){
		$$('select').each(function(el){$(el).setStyle({'visibility':'hidden'});});
	}
	$('overlay').setOpacity(0);
	$('overlay').setStyle({'display':'block'});
	$('content').scrollTo();
	$('overlay').fade({
		duration: 0.5,
		from: 0,
		to: 0.75,
		afterFinish: function(){			
      $('greyBox').setStyle({'display':'block'});
			$('greyBox').setStyle({'width':_width+'px'});
			$('greyBox').setStyle({'left':'-'+(_width/2)+'px'});
			$('top').setStyle({'width':_width+'px'});
			$('top-center').setStyle({'width':(_width-44)+'px'});	
			$('bottom').setStyle({'width':_width+'px'});
			$('bottom-center').setStyle({'width':(_width-44)+'px'});
			
			$('greyBoxContent').setStyle({'width':(_width-44)+'px'});
      
      $('greyBoxContent').innerHTML = '<iframe src="'+page+'" border="0" frameborder="0" height="'+_height+'" width="'+(_width-44)+'" allowTransparency="true"></iframe>';
		}
	});
		
}
function greyBoxHide(){
	var navigatorVersion = Prototype.Browser.IE6=Prototype.Browser.IE && parseInt(navigator.userAgent.substring(navigator.userAgent.indexOf("MSIE")+5))==6;
	if(navigatorVersion){
		$('overlay').setStyle({'display':'none'});
		$('greyBox').setStyle({'display':'none'});
		$$('select').each(function(el){$(el).setStyle({'visibility':'visible'});});
	}
	else{
		$('greyBox').fade({
			duration: 0.5,
			from: 1,
			to: 0,
			afterFinish: function(){
				$('overlay').fade({
					duration: 0.3,
					from: 0.75,
					to: 0
				});
			}
		});
	}
}