--- loncom/html/res/adm/pages/menu.html	2003/02/20 21:13:33	1.87
+++ loncom/html/res/adm/pages/menu.html	2003/06/06 02:24:49	1.102
@@ -4,7 +4,7 @@ The LearningOnline Network with CAPA
 Remote Control
 
 //
-// $Id: menu.html,v 1.87 2003/02/20 21:13:33 www Exp $
+// $Id: menu.html,v 1.102 2003/06/06 02:24:49 www Exp $
 //
 // Copyright Michigan State University Board of Trustees
 //
@@ -36,10 +36,10 @@ Remote Control
 
 <body bgcolor="#BBBBBB" 
       background="remotebg.gif"
-      onUnload="logout();"
+      onUnload="collapse();"
       onLoad="activate();"
       >
-<font size="1">
+<LONCAPA_INTERNAL_LONHTTPD_PORT />
 <script type="text/javascript">
 <!--
 var statustop = '';
@@ -48,8 +48,11 @@ var active = 0;
 var dislocked = 1;
 var statuslocked = 0;
 
-var imgpath=':8080/res/adm/pages/';
-var fontpath=':8080/adm/lonLCDfont/';
+if (lonhttpdport == null) {
+    var lonhttpdport='8080';
+}
+var imgpath=':'+lonhttpdport+'/res/adm/pages/';
+var fontpath=':'+lonhttpdport+'/adm/lonLCDfont/';
 var currentURL='';
 var reloadURL='';
 var currentSymb='';
@@ -75,6 +78,7 @@ var w_Annotator_flag=-1;
 var w_bmquery_flag=-1;
 var w_BookmarkPal_flag=-1;
 var w_LONcatInfo_flag=-1;
+var w_LONchat_flag=-1;
  // 1 means currently open
  // 0 means closed (but has been open)
  // -1 means never yet opened/defined
@@ -137,14 +141,19 @@ function windowcheck() {
    if (clientwindow==null || clientwindow.closed) {
       clientwindow=window.open("http://"+clienthost+"/",'',
       "height=400,width=440,"+
-      "scrollbars=1,toolbar=1,status=1,resizable=1,location=1,"+
+      "scrollbars=1,toolbar=1,status=1,resizable=1,location=1,menubar=1,"+
       "left=190,top=15,screenX=190,screenY=15"); 
+      clientwindow.name='loncapaclient';
    }
-   clientwindow.name='loncapaclient';
-   clientwindow.menuwindow=self;
    extenddispclose();
 }
 
+function collapse() {
+   if (autologout) {
+       go('/adm/remote?action=collapse');
+   }
+}
+ 
 function logout () {
    windowcheck();
 
@@ -160,8 +169,11 @@ function logout () {
       if (w_LONcatInfo_flag!=-1 && loncatinfo && !loncatinfo.closed) {
           loncatinfo.close();
       }
+      if (w_LONchat_flag!=-1 && lonchat && !lonchat.closed) {
+          lonchat.close();
+      }
       if (autologout) {
-         clientwindow.window.location.href="http://"+clienthost+"/adm/logout";
+         go("/adm/logout");
       }
 }
 
@@ -262,9 +274,14 @@ function go(url) {
    statuslocked=0;
    this.document['led'].src="http://"+clienthost+imgpath+"ledsend.gif";
    if (url!='' && url!= null) {
-       currentURL = null;
-       currentSymb= null;
-       clientwindow.window.location.href="http://"+clienthost+url;
+      currentURL = null;
+      currentSymb= null;
+      this.document.server.action="http://"+clienthost+url;
+      this.document.server.postdata.value='';
+      this.document.server.command.value='';
+      this.document.server.url.value='';
+      this.document.server.postsymb.value='';
+      this.document.server.submit();
    }
 }
 
@@ -277,7 +294,7 @@ function gopost(url,postdata) {
       this.document.server.postdata.value=postdata;
       this.document.server.command.value='';
       this.document.server.url.value='';
-      this.document.server.symb.value='';
+      this.document.server.postsymb.value='';
       this.document.server.submit();
    }
 }
@@ -291,7 +308,7 @@ function gocmd(url,cmd) {
       this.document.server.postdata.value='';
       this.document.server.command.value=cmd;
       this.document.server.url.value=currentURL;
-      this.document.server.symb.value=currentSymb;
+      this.document.server.postsymb.value=currentSymb;
       this.document.server.submit();
    }
 }
@@ -355,7 +372,7 @@ function drawwindow() {
   '<html><body bgcolor="#666666" text="#DDDDDD" link="#EEEEEE" '+
          'onUnload="opener.w_extdisp_flag=-1;">'+
   '<h2>LON-CAPA Extended Display Remote Control</h2>'+
-  '<script>var currentURL="'+currentURL+'";self.focus();</script>'+
+  '<script type="text/javascript">var currentURL="'+currentURL+'";self.focus();</s'+'cript>'+
   '<table border="2"><tr><th>Select Functionality from Below</th>'+
   '<th>Description</th></tr>');
    for (var i=0; i<=ds.length; i++) {
@@ -408,7 +425,13 @@ function edit_bookmarks() {
 function catalog_info() {
    go('');
    w_LONcatInfo_flag=1;
-   loncatinfo=window.open(clientwindow.window.location.pathname+'.meta',"LONcatInfo");
+   loncatinfo=window.open(clientwindow.window.location.pathname+'.meta',"LONcatInfo",'height=320,width=280,resizeable=yes,scrollbars=yes,location=no,menubar=no,toolbar=no');
+}
+
+function chat_win() {
+   go('');
+   w_LONchat_flag=1;
+   lonchat=window.open('/res/adm/pages/chatroom.html',"LONchat",'height=320,width=280,resizeable=yes,location=no,menubar=no,toolbar=no');
 }
 // -->
 </script>
@@ -416,7 +439,7 @@ function catalog_info() {
 <table hspace="0" border="0" cellspacing="0" cellpadding="0">
 <tr><td>
 <a href="javascript:defdis();"
-   onMouseOver="defdis();"
+   onmouseover="defdis();"
 ><img border="0" width="80" height="50" src="title.gif" /></a>
 </td><td>
 <img border="0" width="50" height="50" name="led" src="ledoff.gif" />
@@ -426,7 +449,7 @@ function catalog_info() {
 
 <center>
 <a href="javascript:extenddisp();"
-   onMouseOver="defdis();"
+   onmouseover="defdis();"
 ><img width="104" height="10" border="0" src="spacer.gif" /></a>
 </center>
 
@@ -435,24 +458,24 @@ function catalog_info() {
 <tr><td bgcolor="#666666">
 <table hspace="0" border="0" cellspacing="1" cellpadding="0"> 
 <tr>
-<td><a href="javascript:defdis();" onMouseOver="defdis();"><img border="0"  name="i0" width="15" height="19" src="/adm/lonLCDfont/l.gif" /></a></td>
-<td><a href="javascript:defdis();" onMouseOver="defdis();"><img border="0"  name="i1" width="15" height="19" src="/adm/lonLCDfont/o.gif" /></a></td>
-<td><a href="javascript:defdis();" onMouseOver="defdis();"><img border="0"  name="i2" width="15" height="19" src="/adm/lonLCDfont/n.gif" /></a></td>
-<td><a href="javascript:defdis();" onMouseOver="defdis();"><img border="0"  name="i3" width="15" height="19" src="/adm/lonLCDfont/hyphen.gif" /></a></td>
-<td><a href="javascript:defdis();" onMouseOver="defdis();"><img border="0"  name="i4" width="15" height="19" src="/adm/lonLCDfont/c.gif" /></a></td>
-<td><a href="javascript:defdis();" onMouseOver="defdis();"><img border="0"  name="i5" width="15" height="19" src="/adm/lonLCDfont/a.gif" /></a></td>
-<td><a href="javascript:defdis();" onMouseOver="defdis();"><img border="0"  name="i6" width="15" height="19" src="/adm/lonLCDfont/p.gif" /></a></td>
-<td><a href="javascript:defdis();" onMouseOver="defdis();"><img border="0"  name="i7" width="15" height="19" src="/adm/lonLCDfont/a.gif" /></a></td>
-</tr>
-<tr>
-<td><a href="javascript:defdis();" onMouseOver="defdis();"><img border="0" name="j0" width="15" height="19" src="/adm/lonLCDfont/space.gif" /></a></td>
-<td><a href="javascript:defdis();" onMouseOver="defdis();"><img border="0" name="j1" width="15" height="19" src="/adm/lonLCDfont/space.gif" /></a></td>
-<td><a href="javascript:defdis();" onMouseOver="defdis();"><img border="0" name="j2" width="15" height="19" src="/adm/lonLCDfont/space.gif" /></a></td>
-<td><a href="javascript:defdis();" onMouseOver="defdis();"><img border="0" name="j3" width="15" height="19" src="/adm/lonLCDfont/space.gif" /></a></td>
-<td><a href="javascript:defdis();" onMouseOver="defdis();"><img border="0" name="j4" width="15" height="19" src="/adm/lonLCDfont/space.gif" /></a></td>
-<td><a href="javascript:defdis();" onMouseOver="defdis();"><img border="0" name="j5" width="15" height="19" src="/adm/lonLCDfont/space.gif" /></a></td>
-<td><a href="javascript:defdis();" onMouseOver="defdis();"><img border="0" name="j6" width="15" height="19" src="/adm/lonLCDfont/space.gif" /></a></td>
-<td><a href="javascript:defdis();" onMouseOver="defdis();"><img border="0" name="j7" width="15" height="19" src="/adm/lonLCDfont/space.gif" /></a></td>
+<td><a href="javascript:defdis();" onmouseover="defdis();"><img border="0"  name="i0" width="15" height="19" src="/adm/lonLCDfont/l.gif" /></a></td>
+<td><a href="javascript:defdis();" onmouseover="defdis();"><img border="0"  name="i1" width="15" height="19" src="/adm/lonLCDfont/o.gif" /></a></td>
+<td><a href="javascript:defdis();" onmouseover="defdis();"><img border="0"  name="i2" width="15" height="19" src="/adm/lonLCDfont/n.gif" /></a></td>
+<td><a href="javascript:defdis();" onmouseover="defdis();"><img border="0"  name="i3" width="15" height="19" src="/adm/lonLCDfont/hyphen.gif" /></a></td>
+<td><a href="javascript:defdis();" onmouseover="defdis();"><img border="0"  name="i4" width="15" height="19" src="/adm/lonLCDfont/c.gif" /></a></td>
+<td><a href="javascript:defdis();" onmouseover="defdis();"><img border="0"  name="i5" width="15" height="19" src="/adm/lonLCDfont/a.gif" /></a></td>
+<td><a href="javascript:defdis();" onmouseover="defdis();"><img border="0"  name="i6" width="15" height="19" src="/adm/lonLCDfont/p.gif" /></a></td>
+<td><a href="javascript:defdis();" onmouseover="defdis();"><img border="0"  name="i7" width="15" height="19" src="/adm/lonLCDfont/a.gif" /></a></td>
+</tr>
+<tr>
+<td><a href="javascript:defdis();" onmouseover="defdis();"><img border="0" name="j0" width="15" height="19" src="/adm/lonLCDfont/space.gif" /></a></td>
+<td><a href="javascript:defdis();" onmouseover="defdis();"><img border="0" name="j1" width="15" height="19" src="/adm/lonLCDfont/space.gif" /></a></td>
+<td><a href="javascript:defdis();" onmouseover="defdis();"><img border="0" name="j2" width="15" height="19" src="/adm/lonLCDfont/space.gif" /></a></td>
+<td><a href="javascript:defdis();" onmouseover="defdis();"><img border="0" name="j3" width="15" height="19" src="/adm/lonLCDfont/space.gif" /></a></td>
+<td><a href="javascript:defdis();" onmouseover="defdis();"><img border="0" name="j4" width="15" height="19" src="/adm/lonLCDfont/space.gif" /></a></td>
+<td><a href="javascript:defdis();" onmouseover="defdis();"><img border="0" name="j5" width="15" height="19" src="/adm/lonLCDfont/space.gif" /></a></td>
+<td><a href="javascript:defdis();" onmouseover="defdis();"><img border="0" name="j6" width="15" height="19" src="/adm/lonLCDfont/space.gif" /></a></td>
+<td><a href="javascript:defdis();" onmouseover="defdis();"><img border="0" name="j7" width="15" height="19" src="/adm/lonLCDfont/space.gif" /></a></td>
 </tr>
 </table>
 </td></tr>
@@ -463,66 +486,66 @@ function catalog_info() {
 <table hspace="0" border="0" cellspacing="0" cellpadding="0">
 
 <tr>
-<td colspan="2"><a name="link11" href="javascript:eval(hr[11]);" onMouseOver="display(dt[11],db[11]);"><img width="86" height="20" border="0" name="b11" src="dempty.gif" /></a></td>
-<td><a name="link12" href="javascript:eval(hr[12]);" onMouseOver="display(dt[12],db[12]);"><img width="43" height="20" border="0" name="b12" src="empty.gif" /></a></td>
+<td colspan="2"><a name="link11" href="javascript:eval(hr[11]);" onmouseover="display(dt[11],db[11]);"><img width="86" height="20" border="0" name="b11" src="dempty.gif" /></a></td>
+<td><a name="link12" href="javascript:eval(hr[12]);" onmouseover="display(dt[12],db[12]);"><img width="43" height="20" border="0" name="b12" src="empty.gif" /></a></td>
 </tr>
 
 <tr>
-<td rowspan="2"><a name="link21" href="javascript:eval(hr[21]);" onMouseOver="display(dt[21],db[21]);"><img width="43" height="40" border="0" name="b21" src="qempty.gif" /></a></td>
-<td><a name="link22" href="javascript:eval(hr[22]);" onMouseOver="display(dt[22],db[22]);"><img width="43" height="20" border="0" name="b22" src="empty.gif" /></a></td>
-<td rowspan="2"><a name="link23" href="javascript:eval(hr[23]);" onMouseOver="display(dt[23],db[23]);"><img width="43" height="40" border="0" name="b23" src="qempty.gif" /></a></td>
+<td rowspan="2"><a name="link21" href="javascript:eval(hr[21]);" onmouseover="display(dt[21],db[21]);"><img width="43" height="40" border="0" name="b21" src="qempty.gif" /></a></td>
+<td><a name="link22" href="javascript:eval(hr[22]);" onmouseover="display(dt[22],db[22]);"><img width="43" height="20" border="0" name="b22" src="empty.gif" /></a></td>
+<td rowspan="2"><a name="link23" href="javascript:eval(hr[23]);" onmouseover="display(dt[23],db[23]);"><img width="43" height="40" border="0" name="b23" src="qempty.gif" /></a></td>
 </tr>
 
 <tr>
-<td><a name="link31" href="javascript:eval(hr[31]);" onMouseOver="display(dt[31],db[31]);"><img width="43" height="20" border="0" name="b31" src="empty.gif" /></a></td>
+<td><a name="link31" href="javascript:eval(hr[31]);" onmouseover="display(dt[31],db[31]);"><img width="43" height="20" border="0" name="b31" src="empty.gif" /></a></td>
 </tr>
 
 <tr>
-<td><a name="link41" href="javascript:eval(hr[41]);" onMouseOver="display(dt[41],db[41]);"><img width="43" height="20" border="0" name="b41" src="empty.gif" /></a></td>
-<td><a name="link42" href="javascript:eval(hr[42]);" onMouseOver="display(dt[42],db[42]);"><img width="43" height="20" border="0" name="b42" src="empty.gif" /></a></td>
-<td><a name="link43" href="javascript:eval(hr[43]);" onMouseOver="display(dt[43],db[43]);"><img width="43" height="20" border="0" name="b43" src="empty.gif" /></a></td>
+<td><a name="link41" href="javascript:eval(hr[41]);" onmouseover="display(dt[41],db[41]);"><img width="43" height="20" border="0" name="b41" src="empty.gif" /></a></td>
+<td><a name="link42" href="javascript:eval(hr[42]);" onmouseover="display(dt[42],db[42]);"><img width="43" height="20" border="0" name="b42" src="empty.gif" /></a></td>
+<td><a name="link43" href="javascript:eval(hr[43]);" onmouseover="display(dt[43],db[43]);"><img width="43" height="20" border="0" name="b43" src="empty.gif" /></a></td>
 </tr>
 
 <tr>
-<td><a name="link51" href="javascript:eval(hr[51]);" onMouseOver="display(dt[51],db[51]);"><img width="43" height="20" border="0" name="b51" src="empty.gif" /></a></td>
-<td><a name="link52" href="javascript:eval(hr[52]);" onMouseOver="display(dt[52],db[52]);"><img width="43" height="20" border="0" name="b52" src="empty.gif" /></a></td>
-<td><a name="link53" href="javascript:eval(hr[53]);" onMouseOver="display(dt[53],db[53]);"><img width="43" height="20" border="0" name="b53" src="empty.gif" /></a></td>
+<td><a name="link51" href="javascript:eval(hr[51]);" onmouseover="display(dt[51],db[51]);"><img width="43" height="20" border="0" name="b51" src="empty.gif" /></a></td>
+<td><a name="link52" href="javascript:eval(hr[52]);" onmouseover="display(dt[52],db[52]);"><img width="43" height="20" border="0" name="b52" src="empty.gif" /></a></td>
+<td><a name="link53" href="javascript:eval(hr[53]);" onmouseover="display(dt[53],db[53]);"><img width="43" height="20" border="0" name="b53" src="empty.gif" /></a></td>
 </tr>
 
 <tr>
-<td><a name="link61" href="javascript:eval(hr[61]);" onMouseOver="display(dt[61],db[61]);"><img width="43" height="20" border="0" name="b61" src="empty.gif" /></a></td>
-<td><a name="link62" href="javascript:eval(hr[62]);" onMouseOver="display(dt[62],db[62]);"><img width="43" height="20" border="0" name="b62" src="empty.gif" /></a></td>
-<td><a name="link63" href="javascript:eval(hr[63]);" onMouseOver="display(dt[63],db[63]);"><img width="43" height="20" border="0" name="b63" src="empty.gif" /></a></td>
+<td><a name="link61" href="javascript:eval(hr[61]);" onmouseover="display(dt[61],db[61]);"><img width="43" height="20" border="0" name="b61" src="empty.gif" /></a></td>
+<td><a name="link62" href="javascript:eval(hr[62]);" onmouseover="display(dt[62],db[62]);"><img width="43" height="20" border="0" name="b62" src="empty.gif" /></a></td>
+<td><a name="link63" href="javascript:eval(hr[63]);" onmouseover="display(dt[63],db[63]);"><img width="43" height="20" border="0" name="b63" src="empty.gif" /></a></td>
 </tr>
 
 <tr>
-<td><a name="link71" href="javascript:eval(hr[71]);" onMouseOver="display(dt[71],db[71]);"><img width="43" height="20" border="0" name="b71" src="empty.gif" /></a></td>
-<td><a name="link72" href="javascript:eval(hr[72]);" onMouseOver="display(dt[72],db[72]);"><img width="43" height="20" border="0" name="b72" src="empty.gif" /></a></td>
-<td><a name="link73" href="javascript:eval(hr[73]);" onMouseOver="display(dt[73],db[73]);"><img width="43" height="20" border="0" name="b73" src="empty.gif" /></a></td>
+<td><a name="link71" href="javascript:eval(hr[71]);" onmouseover="display(dt[71],db[71]);"><img width="43" height="20" border="0" name="b71" src="empty.gif" /></a></td>
+<td><a name="link72" href="javascript:eval(hr[72]);" onmouseover="display(dt[72],db[72]);"><img width="43" height="20" border="0" name="b72" src="empty.gif" /></a></td>
+<td><a name="link73" href="javascript:eval(hr[73]);" onmouseover="display(dt[73],db[73]);"><img width="43" height="20" border="0" name="b73" src="empty.gif" /></a></td>
 </tr>
 
 <tr>
-<td><a name="link81" href="javascript:eval(hr[81]);" onMouseOver="display(dt[81],db[81]);"><img width="43" height="20" border="0" name="b81" src="empty.gif" /></a></td>
-<td><a name="link82" href="javascript:eval(hr[82]);" onMouseOver="display(dt[82],db[82]);"><img width="43" height="20" border="0" name="b82" src="empty.gif" /></a></td>
-<td><a name="link83" href="javascript:eval(hr[83]);" onMouseOver="display(dt[83],db[83]);"><img width="43" height="20" border="0" name="b83" src="empty.gif" /></a></td>
+<td><a name="link81" href="javascript:eval(hr[81]);" onmouseover="display(dt[81],db[81]);"><img width="43" height="20" border="0" name="b81" src="empty.gif" /></a></td>
+<td><a name="link82" href="javascript:eval(hr[82]);" onmouseover="display(dt[82],db[82]);"><img width="43" height="20" border="0" name="b82" src="empty.gif" /></a></td>
+<td><a name="link83" href="javascript:eval(hr[83]);" onmouseover="display(dt[83],db[83]);"><img width="43" height="20" border="0" name="b83" src="empty.gif" /></a></td>
 </tr>
 
 <tr>
-<td><a name="link91" href="javascript:eval(hr[91]);" onMouseOver="display(dt[91],db[91]);"><img width="43" height="20" border="0" name="b91" src="empty.gif" /></a></td>
-<td><a name="link92" href="javascript:eval(hr[92]);" onMouseOver="display(dt[92],db[92]);"><img width="43" height="20" border="0" name="b92" src="empty.gif" /></a></td>
-<td><a name="link93" href="javascript:eval(hr[93]);" onMouseOver="display(dt[93],db[93]);"><img width="43" height="20" border="0" name="b93" src="empty.gif" /></a></td>
+<td><a name="link91" href="javascript:eval(hr[91]);" onmouseover="display(dt[91],db[91]);"><img width="43" height="20" border="0" name="b91" src="empty.gif" /></a></td>
+<td><a name="link92" href="javascript:eval(hr[92]);" onmouseover="display(dt[92],db[92]);"><img width="43" height="20" border="0" name="b92" src="empty.gif" /></a></td>
+<td><a name="link93" href="javascript:eval(hr[93]);" onmouseover="display(dt[93],db[93]);"><img width="43" height="20" border="0" name="b93" src="empty.gif" /></a></td>
 </tr>
 
 <tr>
-<td><a name="link101" href="javascript:eval(hr[101]);" onMouseOver="display(dt[101],db[101]);"><img width="43" height="20" border="0" name="b101" src="empty.gif" /></a></td>
-<td><a name="link102" href="javascript:eval(hr[102]);" onMouseOver="display(dt[102],db[102]);"><img width="43" height="20" border="0" name="b102" src="empty.gif" /></a></td>
-<td><a name="link103" href="javascript:eval(hr[103]);" onMouseOver="display(dt[103],db[103]);"><img width="43" height="20" border="0" name="b103" src="empty.gif" /></a></td>
+<td><a name="link101" href="javascript:eval(hr[101]);" onmouseover="display(dt[101],db[101]);"><img width="43" height="20" border="0" name="b101" src="empty.gif" /></a></td>
+<td><a name="link102" href="javascript:eval(hr[102]);" onmouseover="display(dt[102],db[102]);"><img width="43" height="20" border="0" name="b102" src="empty.gif" /></a></td>
+<td><a name="link103" href="javascript:eval(hr[103]);" onmouseover="display(dt[103],db[103]);"><img width="43" height="20" border="0" name="b103" src="empty.gif" /></a></td>
 </tr>
 
 <tr>
-<td><a name="link111" href="javascript:eval(hr[111]);" onMouseOver="display(dt[111],db[111]);"><img width="43" height="20" border="0" name="b111" src="empty.gif" /></a></td>
-<td><a name="link112" href="javascript:eval(hr[112]);" onMouseOver="display(dt[112],db[112]);"><img width="43" height="20" border="0" name="b112" src="empty.gif" /></a></td>
-<td><a name="link113" href="javascript:eval(hr[113]);" onMouseOver="display(dt[113],db[113]);"><img width="43" height="20" border="0" name="b113" src="empty.gif" /></a></td>
+<td><a name="link111" href="javascript:eval(hr[111]);" onmouseover="display(dt[111],db[111]);"><img width="43" height="20" border="0" name="b111" src="empty.gif" /></a></td>
+<td><a name="link112" href="javascript:eval(hr[112]);" onmouseover="display(dt[112],db[112]);"><img width="43" height="20" border="0" name="b112" src="empty.gif" /></a></td>
+<td><a name="link113" href="javascript:eval(hr[113]);" onmouseover="display(dt[113],db[113]);"><img width="43" height="20" border="0" name="b113" src="empty.gif" /></a></td>
 </tr>
 
 </table>
@@ -532,9 +555,8 @@ function catalog_info() {
 <input type="hidden" name="postdata" value="none" />
 <input type="hidden" name="command" value="none" />
 <input type="hidden" name="url" value="none" />
-<input type="hidden" name="symb" value="none" />
+<input type="hidden" name="postsymb" value="none" />
 </form>
-</font>
 </body>
 </html>
 
