function Menu(menuSelector, application)
{
	this.application = application;

	this.signupSelector    = menuSelector + " ul li.signup";
	this.loginSelector     = menuSelector + " ul li.login";
	this.logoutSelector    = menuSelector + " ul li.logout";
	this.myaccountSelector = menuSelector + " ul li.my_account";

	this.menuElement   = $(menuSelector);
}

Menu.prototype.init = function() {
	this.menuElement.load("/_menu.html", $.proxy(this._menuActions, this));
}

Menu.prototype.update = function() {
	$("#myaccount div.firstname input").val(this.application.user.firstname);
	$("#myaccount div.surname input").val(this.application.user.surname);
	$("#myaccount div.email input").val(this.application.user.email);

	if (this.application.user.isEmpty()) {
		$(this.signupSelector).removeClass("hide");
		$(this.loginSelector).removeClass("hide");
		$(this.logoutSelector).addClass("hide");
		$(this.myaccountSelector).addClass("hide");
	} else {
		$(this.signupSelector).addClass("hide");
		$(this.loginSelector).addClass("hide");
		$(this.logoutSelector).removeClass("hide");
		$(this.myaccountSelector).removeClass("hide");
	}
}


Menu.prototype._menuActions = function() {
	$(this.signupSelector).click(function(ev) {
		if ($("#signup-container").hasClass("hide")) {
			$("#login-container").addClass("hide");
			$("#signup-container").css("top", ev.pageY + 20);
			$("#signup-container").css("left", ev.pageX - 100);
			$("#signup-container").removeClass("hide");
		} else {
			$("#signup-container").addClass("hide");
		}
	});

	$(this.loginSelector).click(function(ev) {
		if ($("#login-container").hasClass("hide")) {
			$("#signup-container").addClass("hide");
			$("#login-container").css("top", ev.pageY + 20);
			$("#login-container").css("left", ev.pageX - 100);
			$("#login-container").removeClass("hide");
		} else {
			$("#login-container").addClass("hide");
		}
	});

	$(this.logoutSelector)
		.click($.proxy(this.application.logout, this.application));

	$(this.myaccountSelector).click(function(ev) {
		if ($("#myaccount-container").hasClass("hide")) {
			$("#myaccount-container").css("top", ev.pageY + 20);
			$("#myaccount-container").css("left", ev.pageX - 100);
			$("#myaccount-container").removeClass("hide");
		} else {
			$("#myaccount-container").addClass("hide");
		}
	});

}

// vim: set ts=4 sw=4: