window.addEvent('domready', function() {
	var blankScreen = new Element('div', {
					'styles':
						{
							'visibility': 'hidden',
							'position': 'absolute',
							'width': '100%',
							'height': '100%',
							'text-align': 'left'
						},
					'id': 'blankscreen'
					});
	blankScreen.injectTop($E('body'));

	new Element('div', { 'styles': { 'position': 'absolute' }, 'id': 'gallery-frame' }).injectInside(blankScreen);
	
	var closeLink = new Element('a', { 'styles': { 'cursor': 'pointer', 'padding': '15px', 'color': 'white', 'font-weight': 'bold', 'font-size': '18px', 'position': 'absolute' }, 'id': 'close-link'}).injectInside(blankScreen);
	closeLink.setText("X Fermer");
	
	var links = $ES('a[class="gallery-starter"]');
	links.each(function(e) {
		e.addEvent('click', function(event) {
			new Event(event).stop();
			
			relocateGalleryFrame();
			
			galleryPath = defaultGalleryPath + e.rel + '/';
			galleryPathURLEncoded = defaultGalleryPathURLEncoded + e.rel;

			new Fx.Style(blankScreen, 'opacity', { duration: 1000, onComplete: startGallery }).start(0, 1);
		});
	});
	
	function relocateGalleryFrame()
	{
		var gfSize = $('gallery-frame').getSize().size;
		var bsSize = blankScreen.getSize().size;
		$('gallery-frame').setStyle('top', ((bsSize.y - gfSize.y) / 2) + 'px');
		$('gallery-frame').setStyle('left', ((bsSize.x - gfSize.x) / 2) + 'px');
	}
	
	window.addEvent('scroll', function() {
		blankScreen.setStyle('top', window.getScrollTop());
		relocateGalleryFrame();
	});
	
	window.addEvent('resize', function() {
		relocateGalleryFrame();
	});
	
	closeLink.addEvent('click', function(event) {
		new Event(event).stop();
		
		stopGallery();
		new Fx.Style(blankScreen, 'opacity', { duration: 1000 }).start(0);
	});
});