var Theatre = {
	
	init: function() {
		var overlay = new Element('div');
		overlay.setProperty('id', 'overlay');
		overlay.setStyles({display: "none",
							   	position: "absolute",
								top: 0,
								left: 0,
								zIndex: 90,
								width: "100%"});
		overlay.injectInside(document.body);
		
		Theatre.eventPosition = Theatre.position.bind(this);
	},
	
	show: function() {
		Theatre.setup(true);
		Theatre.position();
		$("overlay").setStyles({	height: window.getScrollHeight(), display: "block"	});
		$("theatre").setStyles({	display: "block"});
		$("level0").setStyles({visibility: "hidden"});
		$("copyright").setStyles({visibility: "hidden"});
	},
	
	hide: function() {
		Theatre.setup(false);
		$("overlay").setStyles({display: "none"});
		$("theatre").setStyles({display: "none"});
		$("level0").setStyles({visibility: "visible"});
		$("copyright").setStyles({visibility: "visible"});
		Corner.show();
	}, 
	
	position: function() {
		$("theatre").setStyles({	top: window.getScrollTop() + (window.getHeight() - 640) / 2,
					  				left: window.getScrollLeft() + (window.getWidth() - 994) / 2});
	}, 
	
	setup: function(open) {
		var fn = open ? 'addEvent' : 'removeEvent';
		window[fn]('scroll', Theatre.eventPosition)[fn]('resize', Theatre.eventPosition);
	}
	
}



var Corner = {
	
	init: function() {
		$("corner").setStyles({	display: "block",
							  	position: "absolute",
								right: 0,
								bottom: 0,
								zIndex: 100});
		
		Corner.eventPosition = Corner.position.bind(this);
		Corner.show();
	}, 
	
	show: function() {
		Corner.setup(true);
		Corner.position();
		$("corner").setStyles({	display: "block"});
	},
	
	hide: function() {
		$("corner").setStyles({ display: "none"});
		Corner.setup(false);
		Theatre.show();
	}, 
	
	position: function() {
		
		if(window.getWidth()<1200){
			$("corner").setStyles({	marginBottom: 154});
		}else{
			$("corner").setStyles({	marginBottom: 0});
		}
		
		$("corner").setStyles({	top: window.getScrollTop()+window.getHeight()-164 });
		
	}, 
	
	setup: function(open) {
		var fn = open ? 'addEvent' : 'removeEvent';
		window[fn]('scroll', Corner.eventPosition)[fn]('resize', Corner.eventPosition);
	}
	
}



addLoadEvent(Corner.init);
addLoadEvent(Theatre.init);