function afficheBoite(elt){
	var body = document.getElementsByTagName('BODY')[0];
	var width = document.viewport.getWidth();
	var height = document.viewport.getHeight();
	var scrolls = document.viewport.getScrollOffsets();
	
		width += scrolls['left'];
		height += scrolls['top'];
		
	var masque = document.createElement('DIV');
		masque.id='masque';
		
		Element.setStyle(masque,{
				position : 'absolute',
					top : '0px',
					left : '0px',
				background : '#000',
				opacity : 0.5,
				width : width+'px',
				height : height+'px',
				zIndex : 98
		});
	//alert(body.firstChild);	
	body.insertBefore(masque,body.firstChild);
	
		Element.setStyle(elt,{
				position : 'absolute',
					top : '50%',
					left : '50%',
					marginTop : '-220px',
					marginLeft : '-150px',
				display : 'block',
				zIndex : 99
		});
	body.insertBefore(elt,body.firstChild);
	
	window.onresize = updateMasque;
	window.onscroll = updateMasque;
	
	putFrame(elt);
	putFrame(masque);
}

function masqueBoite(){
	var body = document.getElementsByTagName('BODY')[0];	
	
	body.removeChild($('masque'));
	$('feedBackForm').setStyle({display:'none'});
	
	window.onresize = '';
	window.onscroll = '';
	
	$('leForm').style.display = 'block';
	$('laConf').style.display = 'none';
	
	var iframes = $A(document.getElementsByTagName('IFRAME'));
		iframes.each(function(frame){frame.style.display='none'});
	
}

/** AJOUTE UNE IFRAME POUR CONTRER BUG IE (DIV AU DESSUS DE SELECT **/
function putFrame(elt){
	var f    = document.createElement("IFRAME");

	with(f.style){
		position	= "absolute";
	 	width    	= elt.offsetWidth+"px";
	  	height		= elt.offsetHeight+"px";;
	 	top			= elt.offsetTop+"px";
	  	left		= elt.offsetLeft+"px";
	   	zIndex		= "1";
	}
	Element.setStyle(f,{opacity:0})

	document.body.appendChild(f);
}

var updateMasque = function(){
	var masque = $('masque');

	var width = document.viewport.getWidth();
	var height = document.viewport.getHeight();
	var scrolls = document.viewport.getScrollOffsets();
	
		width += scrolls['left'];
		height += scrolls['top'];
		
		Element.setStyle(masque,{
				width : width+'px',
				height : height+'px'
		});
}


function feedBackAjax(){
	
	var err=0;

	if( $('emailFeedBack').value.length<1 ){
		err++;
		$('emailErr').style.visibility='visible';
	}else{
		if( !verifMail($('emailFeedBack').value) ){
			err++;
			$('emailErr').innerHTML='merci d\'utiliser un email valide.';
			$('emailErr').style.visibility='visible';
		}else{
			$('emailErr').innerHTML='ce champ est obligatoire.';
			$('emailErr').style.visibility='hidden';
		}
	}
	
	
	
	if( $('messageFeedBack').value.length<1 ){
		err++;
		$('messageErr').style.visibility='visible';
	}else{
		$('messageErr').style.visibility='hidden';
	}
	
	
	if(err>0) return false;
	
	var url = "/fonctions/feedBack.func.php";
	
	var param = {
					nom:$('nomFeedBack').value,
					prenom:$('prenomFeedBack').value,
					email:$('emailFeedBack').value,
					message:$('messageFeedBack').value
				};

	new Ajax.Request(url,{
		method: 'post',
		parameters : param,
		asynchronous : true,
		onSuccess: function(transport) {
			var retour = transport.responseText
			if(retour==1){
				$('leForm').style.display = 'none';
				$('laConf').style.display = 'block';
				setTimeout('masqueBoite()',3000);
			}
		}
	});
	return false;
}