// JavaScript Document
function envoyer_ami(lg){
	if(!lg) lg = 'fr';
	if($('container') != null){
			$('container').dispose();
	}
	
	//creation des elements
	container = new Element('div', {
										'styles': 
										{
											'display': 'block',
											'width': '100%',
											'height': '100%',
											'padding': '0px',
											'left': '0',
											'margin': '0px',
											'position': 'fixed',
											'top': '0',
											'text-align': 'center',
											'background-image': 'url(/images/overlay.png)',
											'z-index': '5'
										}
								  }
							);
	
	if (window.ie && !window.ie7){
		container.style.position = 'absolute';
		container.style.height = document.documentElement.clientHeight;
		container.style.background = 'none';
		container.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/overlay.png')";
		container.style.zIndex = '0';
		
		container2 = new Element('div', {
										'styles': 
										{
											'display': 'block',
											'width': '100%',
											'height': '100%',
											'padding': '0px',
											'left': '0',
											'margin': '0px',
											'position': 'absolute',
											'top': '0',
											'text-align': 'center',
											'z-index': '10'
										}
								  }
							);
		//pour ie6 (pour avoir les liens cliquables
		container2.setAttribute('id','container2');
		container2.injectInside(document.body);
	}
	
	container.setAttribute('id','container');
	container.injectInside(document.body);
	
	//afficher barre de chargement
	loading = new Element('div', {
										'styles': 
										{
											'display': 'block',
											'width': '220px',
											'height': '19px',
											'padding': '0px',
											'text-align': 'left',
											'margin':'0 auto',
											'background-image': 'url(/images/smoothgallery/loading-bar-black.gif)',
											'top' : '50%'
										}
								  }
						 );
	loading.setAttribute('id','loading');
	loading.injectInside(container);
	//centrer verticalement par rapport à la page
	valigncenter(loading);
	
	var url_to_contact='/pl/snd_friend.pl';
	var get_html_panier = new Request({url: url_to_contact, 
		method: 'post',
		data: 'url_for_mail='+window.location.href+'&lg='+lg,
		onSuccess: function(){
			//document.write(get_html_panier.response.text);
			afficher_reponse(lg, get_html_panier.response.text)
		},
		onFailure: echec
	}).send();
}

function afficher_reponse(lg, reponse){
	var info_envoyer_ami = new Element('div', {
													'styles': 
													{
														'display': 'block',
														'padding': '0px',
														'text-align': 'left',
														'margin':'0 auto',
														'z-index':'1000',
														'position':'absolute'
													}
											  }
										);
		 
	info_envoyer_ami.setAttribute('id','info_envoyer_ami');
	
	if (window.ie && !window.ie7){
		info_envoyer_ami.injectInside($('container2'));
	}else{
		info_envoyer_ami.injectInside($('container'));
	}
	
	$('info_envoyer_ami').innerHTML = reponse;
	
	valigncenter(info_envoyer_ami);
	$('loading').dispose();	
	
	ajout_comportement();
	
	$('info_envoyer_ami').tween('opacity',0,1);
}
function ajout_comportement(){
	if ($('fermer')){
		$('fermer').addEvent('click', function(){
										var container = $('container');
										//effet de fondu avant la fermeture
										var myFx = new Fx.Tween(container, {
											onComplete : function(){
												//on detruit la galerie
												container.dispose();
												if (window.ie && !window.ie7){
													$('container2').dispose();
												}	
											}
										});
										myFx.start('opacity', 1, 0);
									});
	}
	
	if ($('form_envoyer_ami')){
		$('form_envoyer_ami').addEvent('submit', function(e) {
			//ne pas envoyer le formulaire
			new Event(e).stop();
	 		$('button').disabled = 'disabled';
			$('info_envoyer_ami').tween('opacity', 1,0);
			
			this.set('send', {
				 onComplete: function(response) {
					$('info_envoyer_ami').innerHTML = response;
					$('loading').dispose();	
					ajout_comportement();
					valigncenter($('info_envoyer_ami'));
					$('info_envoyer_ami').tween('opacity', 0,1);
				 }
			});
			
			//poster le form
			this.send();
			
			$('info_envoyer_ami').empty();
			//afficher barre de chargement
			loading = new Element('div', {
												'styles': 
												{
													'display': 'block',
													'width': '220px',
													'height': '19px',
													'padding': '0px',
													'text-align': 'left',
													'margin':'0 auto',
													'background-image': 'url(/images/smoothgallery/loading-bar-black.gif)',
													'top' : '50%'
												}
										  }
								 );
			loading.setAttribute('id','loading');
			loading.injectInside($('container'));
			//centrer verticalement par rapport à la page
			valigncenter(loading);
		});	
	}
}
function echec(){
	if($('container') != null){
			$('container').dispose();
	}
	if($('loading') != null){
		$('loading').dispose();
	}
	
	//feinte pour le problème des accents
	var txt = new Element('span');
	txt.innerHTML = 'Le formulaire envoyé à un ami n\'est pas disponible \n';
	//txt.injectTop(document.body);
	alert(txt.innerHTML);
	$('container').dispose();
	if (window.ie && !window.ie7){
		$('container2').dispose();
	}
}
function valigncenter(lmt)
{
	var page = document.documentElement;
	if(lmt && page)
	{
	    var containerHeight;
	    if (page.innerWidth)
	    {
            containerHeight = page.innerHeight;
		}
		else
		{
            containerHeight = page.clientHeight;
		}
	    var lmtHeight;
	    if (lmt.innerWidth)
	    {
            lmtHeight = lmt.innerHeight;
		}
		else
		{
            lmtHeight = lmt.offsetHeight;
		}
		var y = Math.ceil((containerHeight - lmtHeight) / 2);
		if(y < 0)
		{
			y = 0;
		}
		lmt.style.position = "relative";
		lmt.style.top = y + "px";
	}
	if (document.getElementById)
	{
		document.body.style.visibility = 'visible';
	}
}

