/**
 * layer
 */
var layer = {
	
	id:'',
	
	registerOnClickHandler: function() {

		var anchors = $$('a[class="closeLayer"]');
		anchors.each(function(anchor, index) {
			Event.observe(anchor, 'click', function(event) {
				Event.stop(event);
				new Effect.Fade($(anchor.up('.layerBox')), {duration:0.5});
				$('shadeBox').hide();
		
			});
		});

		/* open windows */
		var anchors = $$('a[rel="showLayer"]');
		anchors.each(function(anchor, index) {
			
			var type = $(anchor).readAttribute('type');
			layer.id = type;

			Event.observe(anchor, 'click', function(event) {
				Event.stop(event);		
				layer.showLayer(type);
			});
		});
	},
	
	showLayer: function(type) {
		
		$('shadeBox').show();
		new Effect.Appear(type);
		
	},

};
Event.observe(window, 'load', function() {
	layer.registerOnClickHandler();
});