(function(){
	window.Menu = function( menuId ){
		var me = this;
		
		var clickOnMenu = function( event ){
			var newMenu = $(event.target);
			var oldMenu = newMenu.parent().find('li.active');
			
			activateMenu( oldMenu, newMenu );
			activateContent( oldMenu[0].id, newMenu[0].id );
		}
		
		var activateMenu = function( oldMenu, newMenu ){
			oldMenu.removeClass('active');
			newMenu.addClass("active");
		}
		
		var activateContent = function( oldMenuId, newMenuId ){
			$('#'+oldMenuId+ '_content').hide();
			$('#'+newMenuId + '_content').show();
		}
		
		var initialize = function(){
			$( menuId+' li' ).bind('click', clickOnMenu);
		};
	
		initialize();
		
		this.addItem = function( id, name ){
			var li = $('<li>'+name+'</li>');
			li.attr('id', id);
			$(menuId).append( li );
			$( menuId+' li' ).bind('click', clickOnMenu);
		}
	}
})()

