var Overlay = {
	toggle: function(e){
		new Event(e).stop();
		if(this.hasClass('close_trigger')){
			this.getParent().getParent().addClass('hide');
		} else {
			var classes = this.className.split(" ");
			var classToMatch = classes[classes.length-1];
			var overlays = $$('.overlay');
			for(var i = 0; i < overlays.length; i++){
				if(overlays[i].hasClass(classToMatch)){
					if(overlays[i].hasClass('hide')){
						overlays[i].removeClass('hide');
					} else {
						overlays[i].addClass('hide');
					}
				}
			}
		} 
	},
	init: function(){
		//because of png fix, we need to load and then turn off the overlay
		$$('.overlay').addClass('hide');
		var overlayTriggers = $$('.overlay_trigger').addEvent('click', Overlay.toggle);
		var closeTriggers = $$('.close_trigger').addEvent('click', Overlay.toggle);
	}
}


window.addEvent('domready', Overlay.init);