var clrz_lightbox = new Class({
	Implements: [Options,Events],

	options: {
		closeText:"Fermer",
		containerW:540,
		containerH:415,
		link: '',
		rel: '',
		url: 'wp-content/themes/vetideo/libraries/',
		destruct: false
	},
	
	initialize :function(options){
		
		this.setOptions(options);
			
		this.centerW = (window.getHeight()/2)+window.getScrollTop();
		this.containerCenter = (window.getWidth().toInt()/2)-(this.options.containerW/2);
		
		if(this.options.destruct == true)
		{
			this.preDestruct();
			this.divover = $('divover');
			
		}
		else
		{
			this.divover = new Element('div', {'id':'divover','styles': {'cursor':'pointer','display': 'block', 'background-color': 'black','position':'absolute','top':'0px','left':'0px','z-index':1000,'width':window.getWidth(),'margin-top':this.centerW,'opacity':0 }}).inject(document.body,'top');
		}
			

		this.divover_fx = new Fx.Morph(this.divover, {duration: 600, wait: false,transition: Fx.Transitions.Quart.easeInOut});
		
		this.divcontainer = new Element('div', {'id': 'container'+this.options.rel,'class':'clrz_divover','styles': {'z-index':1000,'overflow':'hidden','display': 'block', 'position':'absolute','top':(window.getScrollTop()+80),'left':this.containerCenter,'width':this.options.containerW,'height':this.options.containerH,'opacity':0 }});
			
		this.divcontainer_fx = new Fx.Morph(this.divcontainer, {duration: 600, wait: false,transition: Fx.Transitions.Quart.easeInOut});
		
		this.divcontainer.inject(this.divover,'after');

                /* Création Bouton Close */

                var pClose = new Element('p',{'class':'btn_close'});
                pClose.setStyles({
                    'margin-left': this.options.containerW - 20 + 'px',
                    'margin-top' : '5px'

                });
                var aClose = new Element('a',{'id':'fermer','title':'Fermer','href' : '#'});
                aClose.inject(pClose,'top');
                pClose.inject(this.divcontainer,'top');


		this.setup();
	},
	
	preDestruct: function(){
	
		var divovers = $$('.clrz_divover');
		
		divovers.each(function(el,i){
		
			el.setStyle('display','none');
		
		});
	
	},
	
	initClosing: function(){
	
		var myclass = this;
			
		this.divover.addEvent("click",function(e){	
			e = new Event(e).stop();
			myclass.destruct();	
		});

                $('fermer').addEvent("click",function(e){
			e = new Event(e).stop();
			myclass.destruct();
		});
		
	},
	
	setup:function(){
	
		 var myclass = this;
		 myclass.letsmoove();	
	
		

                var myIFrame = new IFrame({

                src: this.options.url,

                styles: {
                    width: this.options.containerW,
                    height: this.options.containerH,
                    border: 'none'
                },

                events: {



                   load: function(){

                            myclass.initClosing();
                            myclass.frameloaded();
                    }

            }

            });
            
            myIFrame.inject(this.divcontainer);
			
	},
		
	frameloaded:function(){
		
		this.fireEvent('frameloaded');
               
	},
	
	letsmoove : function(){
	
		var myclass = this;
		
		this.divover.setStyle('display','block');
		
		if(myclass.options.destruct == false)
			this.divcontainer.setStyle('display','block');
				
		if(this.options.destruct != true)
		{	
			this.divover_fx.set({'height':window.getScrollHeight(),'margin-top':0,'margin-left':0});	
		

			this.divover_fx.start({'opacity':[0,.8],'width':[0,window.getWidth().toInt()]}).chain(function()
			{

				myclass.divcontainer_fx.start({'opacity':1,'left':[0,myclass.containerCenter],'margin-top':0}).chain(function(){
				myclass.fireEvent('onMoveComplete'); 
			
				});
			
			});
		}
		else
		{
				myclass.divcontainer_fx.start({'opacity':[0,1],'left':[0,myclass.containerCenter],'margin-top':0}).chain(function(){
				myclass.fireEvent('onMoveComplete'); 
			
				});
		}

	
	},
	
	destruct : function(){
		var myclass = this;
		
		var btnClose = $('fermer');
		 
		/*document.body.setStyle('overflow-x','hidden');*/
		
		new Fx.Morph(btnClose, {duration: 600, wait: false,transition: Fx.Transitions.Quart.easeInOut}).start().chain(function()
		{
			myclass.divcontainer_fx.start({'opacity':0,'left':window.getWidth().toInt()}).chain(function()
			{
				myclass.divover_fx.start({'width':0,'opacity':0,'margin-left':window.getWidth().toInt()}).chain(function(){ myclass.elreset(); });
			});
		});	
	
	},
	
	elreset : function(){
		/*document.body.setStyle('overflow-x','auto');*/
		this.divover.setStyle('display','none');
		this.divcontainer.setStyle('display','none');
		this.divcontainer.set('html','');
	}

});