var Box = new Class({
	initialize: function(els){
		lThis = this;
		allbody = $$('body');
		this.overlay = $('overlay').addEvent('click', function(event){lThis.setup(false)});
		this.iframe = new IFrame().inject(this.overlay, 'after');
		$$(this.overlay,this.iframe).set('opacity',0).setStyles({
			'height':( Window.getHeight()+15 )+'px',
			'left':'0',
			'top':'-15px',
			'display':'block',
			'z-index':102,
			'width':'100%',
			'background-color':'#000000'
		});
		var size = document.body.getSize();
		this.iframe.setStyles({'z-index':100,'height':size.y+'px','border':'0px solid red','display':'none'}).set('opacity',0.01);
		this.eventPosition = this.posOverlay.bind(this);
		this.eventPosCont = this.posContent.bind(this);
		if( Browser.Engine.version < 5 && Browser.Engine.trident ){
			$$(this.overlay,this.iframe).setStyle('position','absolute');
		}else
		$$(this.overlay,this.iframe).setStyle('position','fixed');
		var size = this.overlay.getCoordinates();
		var marge = Math.ceil( (size.width - 600) / 2 );
		this.content = new Element('div',{'id':'inOverlay'}).setStyles({
			'position':'absolute',
			'display':'none',
			'top':'145px',
			'border': '0px solid red',
			'z-index':103,
			'width':'665px',
			'background-color':'#ffffff'
		}).inject(allbody[0]);
		this.cross_close = new Element('div',{'id':'close_box','html':close_message}).inject(this.content).addEvent('click', function(event){lThis.setup(false)});
		this.content2 = new Element('div').inject(this.content);
		this.loading = new Element('img',{'src':'images/loading2.gif','id':'b_loading'}).setStyles({'position':'absolute','top':'120px','left':'42%','margin':'20px'}).inject(this.content);
		els.each(function(el){
			el.addEvent('click', function(){
				var imagePrest = el.getElement('img');
				var id = imagePrest.get('name');
				lThis.open(id);
			});
		});
		this.boxFx = new Fx.Tween(this.overlay);
	},
	open: function( id ){
		thisOpen = this;
		this.setup(true);
		this.content.setStyle('top', (Window.getScrollTop() + 50)+'px')//.empty();
		this.loading.setStyle('display','block');
		$$(this.content2,this.cross_close).setStyle('display','none');
		this.posContent();
		new Request.HTML({
			update:thisOpen.content2,
			url:'TCVMOD/ajax/description.php?h='+id,
			onComplete: function(){
				thisOpen.loading.setStyle('display','none');
				$$(thisOpen.content2,thisOpen.cross_close).setStyle('display','block');
				//thisOpen.content2.inject(thisOpen.content);
				new Carrousel( $('dFrame'), $('inFrame'), $$('.d_show'), $$('.sliderIn'));
				if($chk($('test')))
				new Diaporama( $('test'), $$('.d-ico'), {stop:$('stop'), play:$('play')} )
			}
		}).send()
	},
	setup: function(open) {
		thisSet = this;
		$$(this.content,this.iframe).setStyle('display',(open?'block':'none'));
		this.boxFx.start('opacity',(open?'0.5':'0'))
		var fn = open ? 'addEvent' : 'removeEvent';
		if( Browser.Engine.version < 5 && Browser.Engine.trident ){
			window[fn]('scroll', this.eventPosition)
			this.overlay.setStyle('top', (Window.getScrollTop()-15)+'px');
		}
		window[fn]('resize',this.eventPosCont);
	},
	posOverlay: function() {
		this.overlay.setStyles({top: (Window.getScrollTop()-15)+'px', height: (Window.getHeight())+'px'});
	},
	posContent: function(){
		var size = this.content.getSize();
		var leftPos = Math.floor((Window.getWidth() - size.x) /2);
		this.content.setStyles({'left': leftPos+'px'});
		if( Browser.Engine.version < 5 && Browser.Engine.trident )this.eventPosition;
	}
});