function $(id){return document.getElementById(id);}

var Event = {
	add:function(obj,trigger,func){
		if(document.attachEvent){obj.attachEvent('on'+trigger,func);} 
		else{obj.addEventListener(trigger,func,false);}
	},
	stop:function(event){
		if(event.srcElement){
			event.cancelBubble=true;
			event.returnValue=false;
		} else{
			event.stopPropagation();
			event.preventDefault();
		}
	}
}

var Overlay = {
	setup : function() {
		Event.add($('order'), 'click', Overlay.display);
		Event.add($('feedback'), 'click', Overlay.display);
		Event.add($('close'), 'click', Overlay.hide);
	},
	
	display : function(event) {
		Event.stop(event);
		$('overlay').style.display = 'block';
	},
	
	hide : function(event) {
		Event.stop(event);
		$('overlay').style.display = 'none';
	}
}

function setup() {
	if ($('order') != null) { Overlay.setup(); }
	if ($('order2') != null) {
		Event.add($('order2'), 'click', Overlay.display);
	}
}

window.onload = setup;