<a class="topbar-home menuitem" href="#page-index">

 		<span class="screen-small" style="background-image:url(img/headers/icons/menu.png);background-repeat:no-repeat;height:50px;background-position:center;"></span>

 	</a>

 	{{#if key}}

 		<span class="menuitem screen-large" onclick="$(this).children('.menu').toggle();">

 			<span  style="background-image:url(img/headers/icons/menu.png);background-repeat:no-repeat;height:50px;width:35px;background-position:center;float:left;"></span>			

 		<span class="menuitem screen-large" onclick="$(this).children('.menu').toggle();">

 			<span style="background-image:url(img/headers/icons/user.png);height:35px;width:35px;background-position:center;float:left;margin-top:5px;"></span>

 			<span style="float:left">

 			</span>

 			<ul class="menu top" style="display:none;margin-top:50px;position:absolute;right:0;">

 				<li>

 				</li>

 				<li>

 					<a href="#page-messages">

 					</a>

 				</li>

 				<li>

 				Profile

 			</a>

 			<a class="menuitem" href="#page-messages">

 			</a>

 			<a class="menuitem" href="#page-projects">

 				Projects

 					if(d.count>0 && $.localStorage('last_pm_check') < d.timestamp){

 						alert('You have '+d.count+' new message'+(d.count>1?'s':''));

 					}

 					$.localStorage('last_pm_check',d.timestamp);

 				}

 				setTimeout(notifications,5*1000); // every 5 seconds