/*  *************************************
	FONCTION OPEN / CLOSE LAYER
	*************************************
*/

function CacheStart(){
	$('Opacity').setStyle('opacity',0);
	$('Opacity').setStyle('display','block');
	$('Opacity').fade(0.6);
}

function CacheLeave(){
	$('Opacity').fade(0);
}

var layer;
function OpenLayer(id, sense, relation_id){
	if (undefined!==relation_id){
		$('subom_relation_id').set('value',relation_id);
	}

	if(id!=''){ layer=id; }
	if(sense==1){
		if(id != 'Add-Survey' && id != 'Sendfriends' && id != 'SendfriendsConcours' && id != 'Add-Subject' && id != 'Lay-ReportAbus'){clearValueFrm(id);};
		if(id != 'Errors-Frm_add_comm' || id != 'ModerationStoped'){
			//ToTop();
		}
		//CacheStart();
		ShowLayer(id);
		
		if(id!='Correspondance'){
			$(id).setStyle('display','block');
		}
		
	} else if(sense==0){
		//CacheLeave();
		HideLayer(id);
		//$(layer).setStyle('display','none');
	}
}

function ShowLayer(el){
	if(el=='Add-Survey' || el=='AddComm-level1'|| el=='Explain' || el=='Add-Subject' || el=='Lay-ReportAbus'){
		var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeOut,
		 onComplete:function()
		  {
			$(layer).setStyle('top', 273);
		  }
		});
		myEffect.start({top:[-400,273]});
	}else if(el=='Errors-Frm_add_comm'){
		$(layer).setStyle('display', 'block');
	}else if(el=='Sendfriends'|| el=='Errors-Frm_sendfriends'|| el=='SendfriendsConcours'|| el=='Errors-Frm_SendfriendsConcours'|| el=='Errors-Concours_Envoyer_Form'){
		var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeOut,
		 onComplete:function()
		  {
			$(el).setStyle('top', 200);
		  }
		});
		myEffect.start({top:[-600,200]});
	}else if(el=='NoVoteAgain'){
		var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeOut,
		 onComplete:function()
		  {
			$(layer).setStyle('top', 300);
		  }
		});
		myEffect.start({top:[-400,300]});
	}else if(el=='PopinTips'){
		$$('.selectbox').setStyle('visibility','hidden');
		var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeOut,
		 onComplete:function()
		  {
			$(layer).setStyle('top', 100);
		  }
		});
		myEffect.start({top:[-400,100]});
	}else if(el=='Concours-Reglement'){
		ToTop();
		$$('.selectbox').setStyle('visibility','hidden');
		var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeOut,
		 onComplete:function()
		  {
			$(layer).setStyle('top', 200);
		  }
		});
		myEffect.start({top:[-500,200]});
	}else if(el=='Concours-Envoyer'){
		ToTop();
		$$('.selectbox').setStyle('visibility','hidden');
		var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeOut,
		 onComplete:function()
		  {
			$(el).setStyle('top', 200);
		  }
		});
		myEffect.start({top:[-600,200]});
	}else if(el=='Concours-Valid'){
		ToTop();
		$$('.selectbox').setStyle('visibility','hidden');
		var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeOut,
		 onComplete:function()
		  {
			$(layer).setStyle('top', 200);
		  }
		});
		myEffect.start({top:[-500,200]});
	}else if(el=='Correspondance'){
		//ToTop();

		/*var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeOut
		});
		myEffect.start({top:[-800,130]});
		*/
		
		
		if(Browser.Engine.trident==true){
		var fx = new Fx.Morph(el,{duration: 1000,transition: Fx.Transitions.Quint.easeOut}).start({display:['none','block']});
		//fx.cancel();
		fx.start();
		
		}else{
			var fx = new Fx.Morph(el,{duration: 1000,transition: Fx.Transitions.Quint.easeOut}).start({opacity:[0,1], display:['none','block']});
			// fx.cancel();
			fx.start();	
		}
		
	}else if(el=='Lay-reg-photo'){
		var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeOut
		});
		myEffect.start({top:[-800,240]});
	}
}

function HideLayer(el){

	if(el=='Add-Survey' || el=='AddComm-level1' || el=='Explain' || el=='Add-Subject'){
		var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeIn,
		 onComplete:function()
		  {
			$(layer).setStyle('top', -400);
			$$('.selectbox').setStyle('visibility','visible');
		  }
		});
		myEffect.start({top:[273,-400]});
	}else if(el=='Sendfriends' || el=='Errors-Frm_sendfriends' || el=='SendfriendsConcours'|| el=='Errors-Frm_SendfriendsConcours'|| el=='Errors-Concours_Envoyer_Form'){
		var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeIn,
		 onComplete:function()
		  {
			$(el).setStyle('top', -400);
		  }
		});
		myEffect.start({top:[200,-400]});
	}else if(el=='Errors-Frm_add_comm'){
		$(layer).setStyle('display', 'none');
	}else if(el=='NoVoteAgain'){
		var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeIn,
		 onComplete:function()
		  {
			$(layer).setStyle('top', -400);
		  }
		});
		myEffect.start({top:[300,-400]});
	}else if(el=='PopinTips'){
		var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeIn,
		 onComplete:function()
		  {
			$(layer).setStyle('top', -400);
			$$('.selectbox').setStyle('visibility','visible');
		  }
		});
		myEffect.start({top:[100,-400]});
	}else if(el=='Concours-Reglement'){
		var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeIn,
		 onComplete:function()
		  {
			$(layer).setStyle('top', -500);
			$$('.selectbox').setStyle('visibility','visible');
		  }
		});
		myEffect.start({top:[200,-500]});
	}else if(el=='Concours-Envoyer'){
		var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeIn,
		 onComplete:function()
		  {
			$(layer).setStyle('top', -600);
			$$('.selectbox').setStyle('visibility','visible');
		  }
		});
		myEffect.start({top:[200,-600]});
	}else if(el=='Concours-Valid'){
		var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeIn,
		 onComplete:function()
		  {
			$(layer).setStyle('top', -500);
			$$('.selectbox').setStyle('visibility','visible');
		  }
		});
		myEffect.start({top:[200,-500]});
	}else if(el=='Correspondance'){
		
		/*var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeIn
		});
		myEffect.start({top:[130,-800]});*/
		
		
		
		if(Browser.Engine.trident==true){
			new Fx.Morph(el,{
				duration: 1000,
				transition: Fx.Transitions.Quint.easeOut
			}).start({display:['block','none']});
		}else{
			new Fx.Morph(el,{
				duration: 1000,
				transition: Fx.Transitions.Quint.easeOut,
				 onComplete:function()
				  {
					$(el).setStyle('display', 'none');
				  }
			}).start({opacity:[1,0]});
		}
		
		
	}else if(el=='Lay-reg-photo'){
		var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeIn
		});
		myEffect.start({top:[240,-800]});
	}else if(el=='Lay-ReportAbus'){
		var myEffect = new Fx.Morph(el,
		{
		 duration: 600,
		 transition: Fx.Transitions.Back.easeIn,
		 onComplete:function()
		  {
			$(layer).setStyle('top', -400);
			$(el).fade(1);
			clearValueFrm(el);
			$('report_email').set('value', 'Ton e-mail');
			$('report_message').set('value', 'Ton message...');
		  }
		});
		myEffect.start({top:[273,-400]});
	}else{
		$(layer).setStyle('visibility', 'hidden');
		$$('#'+layer+' .close').setStyle('visibility', 'hidden');
	}
}

/******************************
	FX ONSUCCESS LAYER
*******************************/
function ShowOnSuccess(el){
	$(el).fade(0);
	$$('#AddComm-level1 .identification').setStyle('visibility','hidden');
	var myFx = new Fx.Morph('SUCCESS-'+el+'', {
		duration: 7000,
		 onComplete:function()
		  {
			  HideLayer(layer);
		 	  var effect = new Fx.Morph('SUCCESS-'+el+'', {
				  duration: 1500,
				  onComplete:function()
				  {
					  $(el).fade(1);
					  clearValueFrm(el);
				  }
			  });
			  effect.start({opacity:[1,0]});
		  }
	});
	myFx.start({opacity:[0,1]});
}

function ShowSuccessAbus(){
	 layer = 'Lay-ReportAbus';
	 HideLayer(layer);
}


/******************************
	FX NOTIFICATION
*******************************/
function ShowNotification(){
	$('Notification').setStyle('display', 'block');
	var myEffect = new Fx.Morph('Notification',
		{
		 duration: 900,
		 transition: Fx.Transitions.Back.easeOut,
		 onComplete:function()
		  {
			$('Notification').setStyle('top', 150);
		  }
		});
		myEffect.start({top:[-400,150]});
}

function HideNotification(){

	var myEffect = new Fx.Morph('Notification',
		{
		 duration: 900,
		 transition: Fx.Transitions.Back.easeIn,
		 onComplete:function()
		  {
			$('Notification').setStyle('top', -400);
		  }
		});
		myEffect.start({top:[150,-400]});
}