<nav class="navbar navbar-default navbar-fixed-top" role="navigation" ng-controller="NavCtrl">
				
		<div class="container-fluid">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a ng-show="loggedIn" class="navbar-brand" href="#!/experiments_marketplace">
			<img src="images/logo_clear.png" height="25px"></a>
				<a ng-show="!loggedIn" class="navbar-brand" href="#!/">
			<img src="images/logo_clear.png" height="25px"></a>
			</div>
			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse"id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav" >
				
					    <!-- <li ng-class="navClass('services_marketplace')" ><a href="#!/services_marketplace">Services</a></li> -->
					
						<li ng-class="navClass('experiments_marketplace')" ><a href="#!/experiments_marketplace">NSDs</a></li>
						
						<!-- li ng-show="loggedIn && ( (loggedinportaluser.role === 'ROLE_EXPERIMENTER')|| (loggedinportaluser.roles.indexOf('ROLE_ADMIN')>-1) )" ng-class="navClass('vxf_marketplace')" ><a href="#!/vxf_marketplace">VxFs</a></li -->
						<li ng-class="navClass('vxf_marketplace')" ><a href="#!/vxf_marketplace">VNFs</a></li>
						
						
						<li ng-show="loggedIn  && ( ( loggedinportaluser.roles.indexOf('ROLE_EXPERIMENTER')>-1)  || (loggedinportaluser.roles.indexOf('ROLE_ADMIN')>-1))" class="dropdown">
							<a class="dropdown-toggle"	href="" data-toggle="dropdown">Deployments <span class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">								
								<li ng-class="navClass('deployments')" ><a href="#!/deployments">Deploy Network Services</a></li>
							</ul>
						</li>
							
						<li ng-show="loggedIn" class="dropdown">
							<a class="dropdown-toggle" href="" data-toggle="dropdown">Admin <span class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								<li ng-show="loggedinportaluser.roles.indexOf('ROLE_ADMIN')>-1" ><a href="#!/users">System Users</a></li>
								<li><a ng-show="( (loggedinportaluser.roles.indexOf('ROLE_EXPERIMENTER')>-1 ) || (loggedinportaluser.roles.indexOf('ROLE_ADMIN')>-1)  )" href="#!/experiments">Registered NSDs</a></li>
								<li><a ng-show="( (loggedinportaluser.roles.indexOf('ROLE_NFV_DEVELOPER')>-1 ) || (loggedinportaluser.roles.indexOf('ROLE_ADMIN')>-1)  )" href="#!/vxfs">Registered VNFs</a></li>
								<li><a ng-show="( (loggedinportaluser.roles.indexOf('ROLE_NFV_DEVELOPER')>-1 ) || (loggedinportaluser.roles.indexOf('ROLE_ADMIN')>-1)  )" href="#!/vfimages">Registered Images</a></li>
								<li><a ng-show="( (loggedinportaluser.roles.indexOf('ROLE_ADMIN')>-1 ) || (loggedinportaluser.roles.indexOf('ROLE_MENTOR')>-1)  )" href="#!/deployments_admin">Registered Deployed Experiments</a></li>
								<li ng-show="loggedinportaluser.roles.indexOf('ROLE_ADMIN')>-1" class="divider"></li>
								<li ng-show="loggedinportaluser.roles.indexOf('ROLE_ADMIN')>-1"><a href="#!/categories">Manage Categories</a></li>		
								<li ng-show="loggedinportaluser.roles.indexOf('ROLE_ADMIN')>-1"><a href="#!/manoplatforms">Manage MANO Platforms</a></li>
								<li ng-show="loggedinportaluser.roles.indexOf('ROLE_ADMIN')>-1"><a href="#!/manoproviders">Manage MANO Providers</a></li>
								<li ng-show="loggedinportaluser.roles.indexOf('ROLE_ADMIN')>-1"><a href="#!/infrastructures">Manage Infrastructures</a></li>		
								<li ng-show="loggedinportaluser.roles.indexOf('ROLE_ADMIN')>-1" class="divider"></li>
								<li ng-show="loggedinportaluser.roles.indexOf('ROLE_ADMIN')>-1"  ><a href="#!/deployments">All pending requests</a></li>
								<li ng-show="loggedinportaluser.roles.indexOf('ROLE_ADMIN')>-1"><a href="#!/systeminfo">System info</a></li>
							</ul></li>
							
							<!--
						<li  class="dropdown">
							<a class="dropdown-toggle" href="" data-toggle="dropdown">Manage Services <span class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="#!/service_catalogs">Service Catalogs</a></li>		
								<li><a href="#!/service_categories">Service Categories</a></li>	
								<li><a href="#!/service_specs">Service Specifications</a></li>	
								<li><a href="#!/service_related_parties">Related Parties</a></li>	
							</ul></li>
							-->
							
			
				</ul>
				<ul class="nav navbar-nav navbar-right">
					<li ng-show="!loggedIn"><a href="#!/login" >Sign In</a></li>
					<li ng-show="loggedIn" class="dropdown"><a href="" class="dropdown-toggle" 
						data-toggle="dropdown">{{loggedinportaluser.firstname}} {{loggedinportaluser.lastname}}<span class="caret"></span></a>
						<ul class="dropdown-menu" role="menu">
							<li><span style="color: black;font-size: 1.0em;white-space: pre;">Username: <b>{{loggedinportaluser.username}}</b></span>
							<br>
							<li><span style="color: black;font-size: 1.0em;white-space: pre;">User: <b>{{loggedinportaluser.firstname}} {{loggedinportaluser.lastname}}</b></span>
							<br>
							<li><span style="color: black;font-size: 1.0em;white-space: pre;">email: <b>{{loggedinportaluser.email}}</b></span>
							<br>
							<span style="color: black;font-size: 1.0em;white-space: pre;">Organization: <b>{{loggedinportaluser.organization}}</b></span>
							<br>
							<span style="color: black;font-size: 1.0em;white-space: pre;">APIKEY: <b>{{loggedinportaluser.apikey}}</b></span>
							<br>
							<span style="color: black;font-size: 1.0em;white-space: pre;">Roles: <b><span ng-repeat="r in loggedinportaluser.roles">{{r}} {{$last ? '' : ', '}}</b> </span></span>
							</li>
							<li class="divider"></li>
							<li><a href="#!/logout">Logout</a></li>
						</ul>
					</li>
				</ul>
			</div>

		</div>
	</nav>