// JavaScript Document

window.addEvent('domready', function(){

//POPIN OPEN
	var aBtnpopin = $$('.btnpopin');
	aBtnpopin.each(function(el){
		el.addEvents({
			'click': function() {
				var id = el.get('rel');
				var stateDisplay = $(id).getStyle('display');
				//alert(stateDisplay);
				if(stateDisplay == 'none'){
					OpenLayer(id, 1);
				}else{
					//return false
				}
			}
		});
	});
	
	
	//POPIN CLOSE
	var aClosepopin = $$('.closepopin');
	aClosepopin.each(function(el){
		el.addEvents({
			'click': function() {
				var parentID = el.getParent('.popin');
				//alert(parentID);
				OpenLayer(parentID, 0);
			}
		});
	});
	
	//Opacity CLOSE
	var aCloseCache = $$('.closecache');
	var popin = $$('.popin');
	aCloseCache.each(function(el){
		el.addEvents({
			'click': function() {
				var stateDisplay = popin.getStyle('display');
				//alert(stateDisplay);
				for (i = 0; i < popin.length; i++){
					if(stateDisplay[i] == 'block'){
						var id = popin[i].get('id');
						//alert(id);
						OpenLayer(id, 0);
					}
				}
			}
		});
	});
	

});

/* ::::::::::::::::::::::::::::::::::::::::::
   POPIN LAYER
   ::::::::::::::::::::::::::::::::::::::::::
*/
	
	
	// TOP SITE
	function ToTop(){ new Fx.Scroll(window).toTop(); }
	
	// SCREEN LAYER
	function CacheStart(){
			$('Opacity').setStyle('opacity',0);
			$('Opacity').setStyle('display','block');
			$('Opacity').fade(0.6);
	}
	
	function CacheLeave(){
			$('Opacity').fade(0);
	}
	
	function OpenLayer(id, sense){
		if(sense==1){
			//ToTop();
			ShowLayer(id);
			CacheStart();
			//initMS();
		} else if(sense==0){
			HideLayer(id);
			CacheLeave();
		}
	}
	
	
    function ShowLayer(id){
		if(Browser.Engine.trident==true){
			new Fx.Morph(id,{duration: 1000,transition: Fx.Transitions.Quint.easeOut}).start({display:['none','block']});
		}else{
			 new Fx.Morph(id,{duration: 1000,transition: Fx.Transitions.Quint.easeOut}).start({opacity:[0,1], display:['none','block']});	
		}
	}
	
	
	function HideLayer(id){ 
		if(Browser.Engine.trident==true){
			new Fx.Morph(id,{
				duration: 1000,
				transition: Fx.Transitions.Quint.easeOut
			}).start({display:['block','none']});
		
		}else{
			new Fx.Morph(id,{
				duration: 1000,
				transition: Fx.Transitions.Quint.easeOut,
				 onComplete:function()
				  {
					$(id).setStyle('display', 'none');
				  }
			}).start({opacity:[1,0]});
		}
	}
	
/* OPEN VIDEO */
function openVideo(){
	CacheStart();
	$('Video-Popin').setStyle('display','block');	
}
/* CLOSE VIDEO */
function closeVideo(){
	CacheLeave();
	$('Video-Popin').destroy();	
}