var MainMenu = {
	
	scrollY: 0,
	scrollX: 0,
	
	setBindings: function(id) {
		$("#" + id + " .mouse").each(function(i){
			$(this).bind("mouseenter", function(e){
				MainMenu.hideDoor(this);
			});
			$(this).bind("mouseleave", function(e){
				MainMenu.showDoor(this);
			});
			
			/*$(this).bind("click", function(e){
				window.location = this.parentNode.title;
			});*/
		});
	},
	
	hideDoor: function(obj) {
		var xs = MainMenu.scrollX;
		var ys = MainMenu.scrollY;
		
		$(obj).parent().find(".overlay").each(function(i) {
			$(this).stop().animate({
				marginTop: ys + "px"
			}, 200);
		});
	},
	
	showDoor: function(obj) {		
		$(obj).parent().find(".overlay").each(function(i) {
			$(this).stop().animate({
				marginTop: "0px"
			}, 500);
		});
	}
}