function close_fadeout(element,time){
	var fx = new Fx.Styles(element, {duration: time});
	fx.addEvent('onComplete',function () {element.remove(); });
	fx.start({
		'opacity' : [1,0]
	});
}

window.addEvent('domready', function(){
	var container = $('master');
	var btn_new_recom = $('new_recommend');
	var btn_close_recom;
	
	btn_new_recom.addEvent('click',function(e){
		e = new Event(e).stop();
		if(!$('form_recommend'))
		{
			if(lang == 'fr')
			{
				var newTog = new Element('div', {'class': 'form_recommend_fr', 'id': 'form_recommend'}).setHTML('<form name="form_send_recommend" id="form_sendrecommend"  action="/ajax/send_recommend.php" method="post"><div id="form_handle">&nbsp;</div><input name="post_recommend" type="hidden" value="1"/><input name="form_lang" type="hidden" value="fr"/><input class="form_name" name="form_name" type="text"/><input class="form_email" name="form_email" type="text"/><input class="form_recipient" name="form_recipient" type="text"/><input class="form_captcha" name="form_captcha"/><a onclick="javascript:document.images.captcha_1.src=\'/secure_captcha.php?cfg=1&amp;&amp;\'+Math.round(Math.random(0)*1000)+1" style="cursor: pointer;" title="Actualiser le code"><img alt="Verification Code" src="/secure_captcha.php?cfg=1" id="captcha_1"/></a><textarea class="form_message" name="form_message"></textarea><a id="post_recommend" class="btn btn_100" href="#">Envoyer</a><a id="close_recommend" class="btn btn_100" href="#">Fermer</a></form>');
			}
			else
			{
				var newTog = new Element('div', {'class': 'form_recommend_en', 'id': 'form_recommend'}).setHTML('<form name="form_send_recommend" id="form_sendrecommend"  action="/ajax/send_recommend.php" method="post"><div id="form_handle">&nbsp;</div><input name="post_recommend" type="hidden" value="1"/><input name="form_lang" type="hidden" value="en"/><input class="form_name" name="form_name" type="text"/><input class="form_email" name="form_email" type="text"/><input class="form_recipient" name="form_recipient" type="text"/><input class="form_captcha" name="form_captcha"/><a onclick="javascript:document.images.captcha_1.src=\'/secure_captcha.php?cfg=1&amp;&amp;\'+Math.round(Math.random(0)*1000)+1" style="cursor: pointer;" title="Refresh the code"><img alt="Verification Code" src="/secure_captcha.php?cfg=1" id="captcha_1"/></a><textarea class="form_message" name="form_message"></textarea><a id="post_recommend" class="btn btn_100" href="#">Send</a><a id="close_recommend" class="btn btn_100" href="#">Close</a></form>');
			}
			
			
			show_form_recom(newTog);
			newTog.injectTop(container);
			close_form_recom(newTog);
			
			//Bouton Send
			var btn_new = $('post_recommend');
			btn_new.addEvent('click', function(e){	
				new Event(e).stop();
				var log = $('log_update').empty().addClass('ajax-loading');
				$('form_sendrecommend').send({
					update: log,
					onComplete: function() {
						log.removeClass('ajax-loading');
						if( $('log_res') && $('log_res').hasClass('warn_ok'))
						{
							close_fadeout.delay(2000,$('log_res'),[$('log_res'),2000]);
							close_fadeout.delay(2000,$('form_recommend'),[$('form_recommend'),2000]);
						}
					}
				});
			});
			
			new Drag.Move('form_recommend', {'container': container, 'handle' : $('form_handle')});
		}
		else
		{
			if($('form_recommend').getStyle('opacity') == 0)
			{
				show_form_recom($('form_recommend'));
			}
		}
	});
	
 
});

function show_form_recom(element)
{
	var fx = new Fx.Styles(element, {duration:1000,transition: Fx.Transitions.linear, wait:false});
	fx.start({
		'opacity' : [0,1]
	});			
}

function close_form_recom(element)
{
	var btn_close_recom = $('close_recommend');
	btn_close_recom.addEvent('click',function(e){
		e = new Event(e).stop();
		var fx = new Fx.Styles(element, {duration:1000,transition: Fx.Transitions.linear, wait:false});
		fx.start({
		'opacity' : [1,0]
		});
	});
	
}