/* ::::::::::::::::::::::::::::::::::::::::::
   POPIN LAYER
   ::::::::::::::::::::::::::::::::::::::::::
*/


function OpenLayer(id, sense){
	if(sense==1){
		ShowLayer(id);
	} else if(sense==0){
		HideLayer(id);
	}
}

function ShowLikeBox(){
	var stateDisplay = $('LikeBoxFb').getStyle('display');
	//alert(stateDisplay);
	if(stateDisplay == 'none'){
		OpenLayer('LikeBoxFb', 1);
	}else{
		OpenLayer('LikeBoxFb', 0);
	}
		
}

function initLikeBox(){
	OpenLayer('LikeBoxFb', 1);	
}

function closeLikeBox(){
	OpenLayer('LikeBoxFb', 0);	
}


function ShowLayer(id){ 
	new Fx.Morph(id,{
		duration: 700,
		transition: Fx.Transitions.Quint.easeOut
	}).start({opacity:[0,1], display:['none','block']}); }

function HideLayer(id){ 
	new Fx.Morph(id,{
		duration: 400,
		transition: Fx.Transitions.Quint.easeOut,
		 onComplete:function()
		  {
			$(id).setStyle('display', 'none');
		  }
	}).start({opacity:[1,0]});
 }


window.addEvent('domready', function() {
	//POPIN CLOSE
	$('LikeBoxFb').addEvents({
		'mouseleave': function() {
			OpenLayer('LikeBoxFb', 0);
		}
	});
});