window.addEvent('load', function() {
	var img = $('21-years-old');

	if(img && document.cookie.indexOf('over18ok=true') == -1) {
		img.addEvent('click', function() {
			document.cookie = 'over18ok=true';

			window.over18overlay.hide();
			new Fx.Tween(img, {
				duration: 500,
				onComplete: function() {
					img.setStyle('display', 'none');
					var i = $('all-signs-point');
					if(i) {
						i.setStyle('opacity', 0);
						i.setStyle('display', 'block');
						new Fx.Tween(i, {
							duration: 500
						}).start('opacity', 0.6);
					}
				}
			}).start('opacity', 0);
		});

		window.over18overlay = new OverlayDiv({
			duration:		500,
			color:			'#fff',
			opacity:		0.65,
			close_on_click:		false
		});


		img.setStyle('cursor', 'pointer');
		img.setStyle('opacity', 0);
		img.setStyle('display', 'block');

		window.over18overlay.show();
		new Fx.Tween(img, {
			duration: 500
		}).start('opacity', 0.8);
	}
	else {
		var i = $('all-signs-point');
		if(i) {
			i.setStyle('opacity', 0);
			i.setStyle('display', 'block');
			new Fx.Tween(i, {
				duration: 500
			}).start('opacity', 0.6);
		}
	}

});

window.addEvent('load', function() {
	var imgLst = document.getElementsByTagName('img');
	for(var i=0; i<imgLst.length; ++i) {
		if(imgLst[i].getAttribute('hover') == 'true') {
			var pimg = new Image(); pimg.src = imgLst[i].src.replace(/\.png/, '-over.png'); // preload hover image

			$(imgLst[i]).addEvent('mouseover', function() {
				this.src = this.src.replace(/\.png/, '-over.png');
			});
			$(imgLst[i]).addEvent('mouseout', function() {
				this.src = this.src.replace(/-over\.png/, '.png');
			});
		}
	}
});

window.addEvent('domready', function() {
	if(document.all) {
		var lst = document.getElementsByTagName('img');
		for(var i=0; i<lst.length; ++i) {
			if(lst[i].getAttribute('alphapng')=='true') {
				lst[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='" + lst[i].src + "')";
				lst[i].src = "assets/images/xparent.png";
			}
		}
	}
});

OverlayDiv = new Class({
	Implements: Options,

	options: {
		duration:		1000,
		transition:		Fx.Transitions.Cubic.easeOut,
		color:			'#000000',
		opacity:		0.5,
		close_on_click:		true,
		onClick:		function() {}
	},

	initialize: function(options) {
		this.setOptions(options);

		this._fx = null;
		this._inTransition = false;
		this._curWay = 0;
		this.id = this.__register();

		var self = this;
		var id = this.id;

		with( this.element = $(document.createElement('div')) ) {
			setStyle('position', 'absolute');
			setStyle('background-color', this.options.color);
			setStyle('z-index', 80);
			setStyle('opacity', 0);
		}
		this.setSize();

		if(this.options.close_on_click) {
			this.element.onclick = function() {
				self.hide();
				self.options.onClick();
			}
		}

		document.body.appendChild(this.element);

		window.addEvent('resize', function() { this.__registerOverlayDivClasses[id].setSize(); });
	},

	__register: function() {
		if(!window.__registerOverlayDivClasses) window.__registerOverlayDivClasses = new Array();
		window.__registerOverlayDivClasses.push(this);
		return window.__registerOverlayDivClasses.length - 1;
	},


	setSize: function() {
		this.element.setStyle('top', 0);
		this.element.setStyle('left', 0);
		this.element.setStyle('width', document.getWidth());
		this.element.setStyle('height', document.getHeight());
	},


	show: function() {
		if(this._inTransition) this._fx.cancel;

		var self = this;
		this._fx = new Fx.Morph( this.element, {
			duration: self.options.duration,
			transition: self.options.transition,
			onStart: function() {
				self._inTransition = true;
				self._curWay = 1;
			},
			onComplete: function() {
				self._inTransition = false;
			}
		});

		this._fx.start({
			'opacity': self.options.opacity
		});

	},

	hide: function() {
		if(this._inTransition) this._fx.cancel;

		var self = this;
		this._fx = new Fx.Morph( this.element, {
			duration: self.options.duration,
			transition: self.options.transition,
			onStart: function() {
				self._inTransition = true;
				self._curWay = 0;
			},
			onComplete: function() {
				self._inTransition = false;
			}
		});

		this._fx.start({
			'opacity': 0
		});

	}

});