//Opacité du fond NOIR
var greyBoxOverlayOpacity = 0.6;
//greyBoxShow() : OUVERTURE GREYBOX
function greyBoxShow(mode, url, width, height, overflow){
	//Si OVERLAY n'existe pas
	if(!$('#overlay').length){
		// On l'ajoute dynamiquement
		$('body').append('<div id="overlay" onclick="greyBoxHide();"></div>');
	}
	//Si GREYBOX n'existe pas
	if(!$('#greyBox').length){
		// On l'ajoute dynamiquement
		// greyBox			==> Positionnement en absolute centré
		// greyBoxContent	==> Contenus de la box
		// greyBoxLoader		==> Gif annimé de chargement
		// close			==> Div de fermeture
		$('body').append('<div id="greyBox"><div class="content" id="greyBoxContent"></div><div onclick="greyBoxHide();" class="close"></div></div>');
	}
	
	// On dimensionne la box suivant les paramètres passés
	$('#greyBoxContent').html('<div id="greyBoxLoader"></div>');
	if(typeof(overflow)!='undefined' && overflow==true){
		$('#greyBox').attr('style', '').css('width', width+'px');
		$('#greyBoxContent').attr('style', '').css('height', height+'px');
	}
	else{
		$('#greyBox').attr('style', '').css('width', width+'px');
		$('#greyBoxContent').attr('style', '');
	}
	// On centre la box suivant les dimensions passés
	$('#greyBox').css('left', '-'+(Math.ceil(width/2))+'px');
	
	// On dimensionne la taille de l'overlay sur IE6
	if(jQuery.browser.msie && jQuery.browser.version=="6.0"){
		windowHeightIeFix = $(document.body).height();
		if($(document.body).height() == 0){
			var windowHeightIeFix = 670;
		}
		$('#overlay').css('height',windowHeightIeFix+'px');
		$('select').hide();
	}
	
	// Mode de contenu à afficher
	switch(mode){
		// AJAX		==> Page ajax à charger
		case 'ajax':
			if(jQuery.browser.msie && jQuery.browser.version=="6.0"){
				$('#greyBoxContent').load(url,'',function(){
					$('#overlay').show();
					$('#greyBox').show();
				});
			}
			else{
				$('#overlay').css('opacity','0');
				$('#overlay').show();
				$('#overlay').fadeTo('slow',greyBoxOverlayOpacity,function(){
					$('#greyBox').show();
					$('#greyBoxContent').load(url,'',function(){});
				});
			}
			break;
		// IFRAME		==> Iframe ajax à afficher
		case 'iframe':
			var paddings = parseInt($('#greyBoxContent').css('padding-left')) + parseInt($('#greyBoxContent').css('padding-right'));
			$('#greyBoxContent').html('<iframe src="'+url+'" border="0" frameborder="0" width="'+(width-paddings)+'" height="'+height+'" allowTransparency="true"></iframe>');
			if(jQuery.browser.msie && jQuery.browser.version=="6.0"){
				$('#overlay').show();
				$('#greyBox').show();
			}
			else{
				$('#overlay').css('opacity','0');
				$('#overlay').show();
				$('#overlay').fadeTo('slow',greyBoxOverlayOpacity,function(){
					$('#greyBox').show();
				});
			}
			break;
		// YOUTUBE	==> Code video youtube à afficher
		case 'youtube':
			var paddings = parseInt($('#greyBoxContent').css('padding-left')) + parseInt($('#greyBoxContent').css('padding-right'));
			$('#greyBoxContent').html('<object width="'+(width-paddings)+'" height="'+height+'"><param name="movie" value="http://www.youtube.com/v/'+url+'&hl=fr_FR&fs=1&rel=0&color1=0x006699&color2=0x54abd6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/'+url+'&hl=fr_FR&fs=1&rel=0&color1=0x006699&color2=0x54abd6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="'+(width-paddings)+'" height="'+height+'"></embed></object>');
			if(jQuery.browser.msie && jQuery.browser.version=="6.0"){
				$('#overlay').show();
				$('#greyBox').show();
			}
			else{
				$('#overlay').css('opacity','0');
				$('#overlay').show();
				$('#overlay').fadeTo('slow',greyBoxOverlayOpacity,function(){
					$('#greyBox').show();
				});
			}
			break;
		// DAILYMOTION	==> Code video dailymotion à afficher
		case 'dailymotion':
			var paddings = parseInt($('#greyBoxContent').css('padding-left')) + parseInt($('#greyBoxContent').css('padding-right'));
			$('#greyBoxContent').html('<object width="'+(width-paddings)+'" height="'+height+'"><param name="movie" value="http://www.dailymotion.com/swf/video/'+url+'"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed type="application/x-shockwave-flash" src="http://www.dailymotion.com/swf/video/'+url+'" width="'+(width-paddings)+'" height="'+height+'" allowfullscreen="true" allowscriptaccess="always"></embed></object>');
			if(jQuery.browser.msie && jQuery.browser.version=="6.0"){
				$('#overlay').show();
				$('#greyBox').show();
			}
			else{
				$('#overlay').css('opacity','0');
				$('#overlay').show();
				$('#overlay').fadeTo('slow',greyBoxOverlayOpacity,function(){
					$('#greyBox').show();
				});
			}
			break;
		// IMAGE		==> Image à afficher
		case 'image':
			var paddings = parseInt($('#greyBoxContent').css('padding-left')) + parseInt($('#greyBoxContent').css('padding-right'));
			$('#greyBox').css('width', (width+paddings)+'px').css('left', (parseInt($('#greyBox').css('left')) - (paddings/2))+'px');
			$('#greyBoxContent').html('<img src="'+url+'" alt="" />');
			if(jQuery.browser.msie && jQuery.browser.version=="6.0"){
				$('#overlay').show();
				$('#greyBox').show();
			}
			else{
				$('#overlay').css('opacity','0');
				$('#overlay').show();
				$('#overlay').fadeTo('slow',greyBoxOverlayOpacity,function(){
					$('#greyBox').show();
				});
			}
			break;
		default:
			break;
	}
	
	// On remonte le scroll en haut de page
	$(document).scrollTop(0);
	
	return false;
}

//greyBoxHide() : FERMETURE GREYBOX
function greyBoxHide(){
	if(jQuery.browser.msie && jQuery.browser.version=="6.0"){
		$('#overlay').hide();
		$('#greyBox').hide();
		$('#greyBoxContent').html('');
		$('select').show();
	}
	else{
		$('#greyBox').fadeOut('medium',function(){
			$('#greyBoxContent').html('');
			$('#overlay').fadeOut('fast');
		});
	}
}