--- misc/xenconsole/index.php	2013/03/25 20:08:29	1953
+++ misc/xenconsole/index.php	2013/03/26 08:32:05	1956
@@ -46,10 +46,21 @@
 <html>
 <head>
 <title>XenServer::<?php echo $namelabel;?></title>
+
+<link rel="stylesheet" type="text/css" href="jquery/theme/jquery-ui.css">
+<style>
+.ui-menu {
+	width: 200px;
+}
+</style>
 <script type='text/javascript' src="jquery/jquery-1.9.1.min.js"></script>
+<script type='text/javascript' src="jquery/jquery-ui-1.10.2.min.js"></script>
 
 <script type='text/javascript'>
+var menu = 0;
+
 $(document).ready( function() {
+	$("#menu").hide();
 	setInterval(refreshData, 60000);	
 	refreshData();
 	$('.console').click( function() {
@@ -59,11 +70,38 @@
 		console(conurl,session,name);
 	});
 
-	$('#logo').click( function() {
-		refreshData();
+	$('#logo').click( function(event) {
+		//refreshData();
+		$('#menu').show().position( {my: "left top", of: event} );
+
+		$('#menu').menu( {
+			select: function(event2,ui) {
+					alert( ui.item.text() );
+					//closeMenu();
+				},
+			create: function(event3,ui) {
+				menu = 1;
+				}
+			/*position: { 
+				my: "left", of: event 
+			}*/
+		});
+		event.stopPropagation();
 	});
+
+	$(document).click( function(event) {
+		closeMenu();
+	});
+
 });
 
+function closeMenu() {
+	if (menu > 0) {
+		$("#menu").menu("destroy").hide();
+		menu = 0;
+	}
+}
+
 function refreshData() {
 	$("#logo").hide();	
 	$.get('ajaxdata.php', function(xml) {
@@ -359,5 +397,22 @@
 
 <?PHP } ?>
 </td></tr></table>
+
+<ul id="menu">
+	<li><a href="#">Item 1</a></li>
+	<li><a href="#">Item 2</a></li>
+	<li><a href="#">Item 3</a>
+		<ul>
+			<li><a href="#">Item 3-1</a></li>
+			<li><a href="#">Item 3-2</a></li>
+			<li><a href="#">Item 3-3</a></li>
+			<li><a href="#">Item 3-4</a></li>
+			<li><a href="#">Item 3-5</a></li>
+		</ul>
+	</li>
+	<li><a href="#">Item 4</a></li>
+	<li><a href="#">Item 5</a></li>
+</ul>
+
 </body></html>
 
