window.addEvent('domready', function() {
	var gadget = $('facebook-gadget');
	if(gadget.getStyle('display') != 'none') {
		var fx = new Fx.Morph(gadget, {
			'duration': 500,
			'link': 'cancel'
		});
		gadget.addEvents({
			'mouseover': function() {
				fx.start({
					'right': 0
				});
			},
			'mouseout': function() {
				fx.start({
					'right': -250
				});
			}
		});
	}
})

var gotofacebook = function(addr, delay) {
	var d = delay.toInt();
	(function() {
		document.location = Base64.decode(addr);
	}).delay(d > 0 ? d * 1000 : 5000);
};

if (!$chk(Overlay)) {
	var Overlay = new Class({

		element: null,

		initialize: function() {
			this.element = new Element('div', {
				'styles': {
					'opacity': 0,
					'z-index': '600',
					'background': '#111',
					'top': 0,
					'left': 0,
					'position': 'absolute',
					'width': '100%',
					'height': $(document.body).getScrollSize().y
				}
			}).inject(document.body);
		},

		open: function() {
			new Fx.Morph(this.element).start({
				'opacity': 0.35
			}).chain(function() {

			}.bind(this));

		},

		close: function() {
			new Fx.Morph(this.element).start({
				'opacity': 0
			}).chain(function() {
				this.element.destroy();
			}.bind(this));
		}

	});
}

var WMC_Layer = new Class({
	initialize: function(html) {
		var overlay = new Overlay();
		overlay.open();
		var layer = new Element('div').setStyles({
			'-webkit-box-shadow': '0px 0px 20px #2e2e2e',
			'-moz-box-shadow': '0px 0px 20px #2e2e2e',
			'box-shadow': '0px 0px 20px #2e2e2e',
			'position': 'fixed',
			'-moz-border-radius': '10px',
			'border-radius': '10px',
			'background': '#fff',
			'width': '770px',
			'height': '470px',
			'padding': '15px',
			'left': (($(document.window).getSize().x - 770) / 2).toInt(),
			'top': (($(document.window).getSize().y - 470) / 2).toInt(),
			'z-index': 10001
		});
		var content = new Element('div').setStyles({
			'position': 'relative',
			'padding-top': '20px'
		}).set('html', Base64.decode(html));
		var close = new Element('a', {
			'href': 'javascript:void(null)',
			'text': 'Zamknij',
			'styles': {
				'position': 'absolute',
				'top': '0',
				'right': '10px',
				'height': '26px',
				'width': '26px',
				'outline': 'none',
				'text-indent': '-3000em',
				'overflow': 'hidden',
				'background': 'url(/Module/Gallery/Page/images/style1.sprite.png) no-repeat -52px 0px'
			},
			'events': {
				'mouseover': function() {
					this.setStyle('background-position', '-52px -26px');
				},
				'mouseout': function() {
					this.setStyle('background-position', '-52px 0px');
				},
				'click': function(event) {
					event.stop();
					layer.destroy();
					overlay.close();
				}
			}
		});
		close.inject(content.inject(layer.inject(document.body)));
		overlay.element.addEvent('click', function() {
			layer.destroy();
			overlay.close();
		});
	}
});