var Nav =
	{
	navIDs: {"nav_about":0,"nav_parties":0,"nav_users":0,"nav_patrons":0,"nav_reunions":0},
	aboutClick: function()
		{
		this.blur()
		$('#aboutMode').show()
		$('#patronMode').hide()
		$('#partiesMode').hide()
		$('#reunionMode').hide()
		Nav.selectClass(Nav.navIDs, "nav_about")
		$(window).unbind("keydown")
		},
	partiesClick: function()
		{
		this.blur()
		$('#aboutMode').hide()
		$('#patronMode').hide()
		$('#partiesMode').show()
		$('#reunionMode').hide()
		Nav.selectClass(Nav.navIDs, "nav_parties")
		$('#userViewContainer').css("left", 520)
		Party.list()
		$(window).unbind("keydown")
		},
	usersClick: function()
		{
		this.blur()
		$('#aboutMode').hide()
		$('#patronMode').hide()
		$('#partiesMode').show()
		$('#reunionMode').hide()
		$('#userListContainer').hide()
		$('#partyListContainer').hide()
		Nav.selectClass(Nav.navIDs, "nav_users")
		$('#userViewContainer').css("left", 320)
		Users.all()
		$(window).unbind("keydown")
		$(window).bind("keydown", Nav.keydown)
		},
	patronsClick: function()
		{
		this.blur()
		$('#aboutMode').hide()
		$('#partiesMode').hide()
		$('#patronMode').show()
		$('#reunionMode').hide()
		Nav.selectClass(Nav.navIDs, "nav_patrons")
		$(window).unbind("keydown")
		},
	reunionClick: function()
		{
		this.blur()
		$('#aboutMode').hide()
		$('#patronMode').hide()
		$('#partiesMode').hide()
		$('#reunionMode').show()
		Nav.selectClass(Nav.navIDs, "nav_reunions")
		$(window).unbind("keydown")
		},
	selectClass: function (ids, selected)
		{
		for (var id in ids)
			{
			$("#"+id).removeClass("selected")
			}
		if (selected)
			$("#"+selected).addClass("selected")
		},
	keydown: function (e)
		{
		kc = event.keyCode
		if (kc === 38) // up
			{
			// select previous name or last
			newIdx = parseInt(Users.currentIdx) - 1
			if (newIdx < 0)
				{
				newIdx = Users.allCount - 1
				scrollToBottom("body")
				}
			Users.viewIdx(newIdx)
			return false
			}
		if (kc === 40) // down
			{
			// select next name or first
			newIdx = parseInt(Users.currentIdx) + 1
			if (newIdx === Users.allCount)
				{
				newIdx = 0
				scrollToTop("body")
				}
			Users.viewIdx(newIdx)
			return false
			}
		return true
		},
	};