--- loncom/html/res/adm/pages/menu.html	2001/01/04 19:17:19	1.16
+++ loncom/html/res/adm/pages/menu.html	2002/05/15 20:44:24	1.52
@@ -2,49 +2,169 @@
 <!--
 The LearningOnline Network with CAPA
 Remote Control
+
+//
+// $Id: menu.html,v 1.52 2002/05/15 20:44:24 matthew Exp $
+//
+// Copyright Michigan State University Board of Trustees
+//
+// This file is part of the LearningOnline Network with CAPA (LON-CAPA).
+//
+// LON-CAPA is free software; you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation; either version 2 of the License, or
+// (at your option) any later version.
+//
+// LON-CAPA is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with LON-CAPA; if not, write to the Free Software
+// Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
+//
+// /home/httpd/html/adm/gpl.txt
+//
+// http://www.lon-capa.org/
+//
+
 6/12/00,6/13,6/14,6/15 Gerd Kortemeyer
 Sept Ben Tyszka
 10/2,10/3,10/4,10/17,10/19,3/1/1 Gerd Kortemeyer
+Jan Guy Albertelli
+5/1/1 Gerd Kortemeyer
+2/19 Guy Albertelli
+3/21 Gerd Kortemeyer
+4/30 Ben Tyszka
+5/2 Scott Harrison
+5/4,5/9,5/28,5/30,6/1,6/2,6/3,6/8,6/15,6/16 Gerd Kortemeyer
+7/24,8/6 Scott Harrison
+8/24 Gerd Kortemeyer
+YEAR=2002
+March 2002 Matthew Hall
+3/19 Gerd Kortemeyer
+5/6/02 Matthew Hall
+
+// Note: use of style="background-image: url(remotebg.gif)"
+// in body tag causes trouble for NS4.x on multiple platforms. 
+
 -->
 <head>
 <title>LON-CAPA Remote</title>
 </head>
 
 
-<body bgcolor="#BBBBBB" background="remotebg.gif" onUnload="logout();">
-<basefont size=1>
-<script>
+<body bgcolor="#BBBBBB" 
+      background="remotebg.gif"
+      onUnload="logout();"
+      >
+<style type="text/css">
+</style>
+<basefont size="1" />
 
-statustop='';
-statusbot='';
+<script type="text/javascript">
+<!--
+var statustop = '';
+var statusbot = '';
+var active = 0;
+
+var imgpath='/res/adm/pages/';
+
+var currentURL='';
+var currentStale=1;
+var menucltim;
+
+// not used (yet)
+// var w_Annotator;
+// var w_bmquery;
+// var w_BookmarkPal;
+// var w_LONcatInfo;
+
+//////////////////////////////////////
+var w_Annotator_flag=-1;
+var w_bmquery_flag=-1;
+var w_BookmarkPal_flag=-1;
+var w_LONcatInfo_flag=-1;
+ // 1 means currently open
+ // 0 means closed (but has been open)
+ // -1 means never yet opened/defined
+///////////////////////////////////////
+
+var hr = new Array;
+var db = new Array;
+var dt = new Array;
+
+for (var i=1;i<=3;i++) {
+   for (var j=1;j<=10;j++) {
+      var index = 10*j+i;
+      hr[index]='';
+      db[index]='';
+      dt[index]='';
+   }
+}
 
-clienthost=window.location.host;
-clientwindow=opener;
+var clienthost=window.location.host;
+var clientwindow=opener;
 
 function windowcheck() {
-   if (clientwindow.closed) {
-      clientwindow=window.open("http://"+clienthost+"/"); 
+   if (clientwindow==null || clientwindow.closed) {
+      clientwindow=window.open("http://"+clienthost+"/",'',
+      "height=400,width=440,"+
+      "scrollbars=1,toolbar=1,status=1,resizable=1,location=1,"+
+      "left=190,top=15,screenX=190,screenY=15"); 
    }
    clientwindow.name='loncapaclient';
+   clientwindow.menuwindow=self;
 }
 
 function logout () {
    windowcheck();
-   if (clientwindow.status!='MenuControl:nologout')
-   {   
+
+      if (w_Annotator_flag!=-1 && annotator && !annotator.closed) {
+          annotator.close();
+      }
+      if (w_bmquery_flag!=-1 && bmquery && !bmquery.closed) {
+          bmquery.close();
+      }
+      if (w_BookmarkPal_flag!=-1 && bookmarkpal && !bookmarkpal.closed) {
+          bookmarkpal.close();
+      }
+      if (w_LONcatInfo_flag!=-1 && loncatinfo && !loncatinfo.closed) {
+          loncatinfo.close();
+      }
       clientwindow.window.location.href="http://"+clienthost+"/adm/logout";
-   }
+
+}
+
+function activate () {
+   opener.menuloaded=1;
+   setTimeout('active=1;',2000);
+}
+
+function deactivate () {
+   active=0;
 }
 
 function display(utext,ltext) {
-   var i; var ch;
+  var i; var ch;
+  this.window.focus();
+  if (utext == null) { utext = '';}
+  if (ltext == null) { ltext = '';}
+  if (typeof(utext)!="string") { utext=''; }
+  if (typeof(ltext)!="string") { ltext=''; }
+  if ((utext=='') && (ltext=='')) {
+     utext=statustop;
+     ltext=statusbot;
+  }
+  if (active) { 
    for (i=0;i<=7;i++) {
       if (i<utext.length) {
          ch=utext.charAt(i);
          if (ch==' ') { ch='space'; }
          if (ch=='-') { ch='hyphen'; }
       } else { ch='space'; }
-      this.document['i'+i].src=ch+'.gif';
+      this.document['i'+i].src=imgpath+ch+'.gif';
    }
    for (i=0;i<=7;i++) {
       if (i<ltext.length) {
@@ -52,8 +172,9 @@ function display(utext,ltext) {
          if (ch==' ') { ch='space'; }
          if (ch=='-') { ch='hyphen'; }
       } else { ch='space'; }
-      this.document['j'+i].src=ch+'.gif';
+      this.document['j'+i].src=imgpath+ch+'.gif';
    }
+  }
 }
 
 function defdis() {
@@ -61,6 +182,22 @@ function defdis() {
    display(statustop,statusbot);
 }
 
+function switchbutton(row,col,imgsrc,texttop,textbot,action) {
+   var idx=10*row+col;
+   this.document['b'+idx].src="http://"+clienthost+imgpath+imgsrc;
+   hr[idx]=action;
+   dt[idx]=texttop;
+   db[idx]=textbot;
+} 
+
+function clearbut(row,col) {
+   var idx=10*row+col;
+   this.document['b'+idx].src="http://"+clienthost+imgpath+'empty.gif';
+   hr[idx]='javascript:defdis();';
+   dt[idx]='';
+   db[idx]='';
+}
+
 function setstatus(tp,bt) {
    this.document['led'].src="ledblink.gif";
    statustop=tp;
@@ -69,10 +206,43 @@ function setstatus(tp,bt) {
    endsend();
 }
 
+function is_editable_resource (url) {
+   var Chunks = url.split('.');
+   var tmp = Chunks[Chunks.length-1];
+   if ((Chunks.length > 1) && (Math.floor(tmp) == tmp)) {
+       return true;
+   } 
+   return false;
+}
+
+function cstrgo(currenturl,defaulturl) {
+   windowcheck();
+   var url;
+   if ((currenturl == null) || 
+       (currenturl == '')   || 
+       (! is_editable_resource(currenturl))) {
+      url = defaulturl;
+   } else {
+      url = currenturl;
+      var res_pattern     = /^\/res\/[A-z0-p]+\//;
+      if (res_pattern.test(url)) {
+         // map /res/103/turtle to /priv/turtle
+         url = url.replace(/^\/res\/[A-z0-9]+\//,'/priv/');
+      } else {
+         url = defaulturl;
+      }
+   }
+   this.document['led'].src="ledsend.gif";
+   if (url != '') {
+       clientwindow.window.location.href="http://"+clienthost+url;
+   }
+}
+
 function go(url) {
    windowcheck();
    this.document['led'].src="ledsend.gif";
    if (url!='') {
+       currentURL = null;
        clientwindow.window.location.href="http://"+clienthost+url;
    }
 }
@@ -83,219 +253,196 @@ function gopost(url,postdata) {
    if (url!='') {
       this.document.server.action="http://"+clienthost+url;
       this.document.server.postdata.value=postdata;
+      this.document.server.command.value='';
+      this.document.server.url.value='';
+      this.document.server.submit();
+   }
+}
+
+function gocmd(url,cmd) {
+   windowcheck();
+   this.document['led'].src="ledsend.gif";
+   if (url!='') {
+      this.document.server.action="http://"+clienthost+url;
+      this.document.server.postdata.value='';
+      this.document.server.command.value=cmd;
+      this.document.server.url.value=currentURL;
       this.document.server.submit();
    }
 }
 
 function annotate() {
+   w_Annotator_flag=1;
    annotator=window.open('','Annotator','width=365,height=265,scrollbars=0');
    annotator.document.write(
    "<html><body onload='Javascript:document.goannotate.submit();'>"
   +"<form name='goannotate' target='Annotator' method='post' "
   +"action='/adm/annotations'>"
-  +"<input type='hidden' name='urlnew' value='"+clientwindow.location.href+"'>"
+  +"<input type='hidden' name='urlnew' value='"+currentURL+"'>"
   +"</form></body></html>");
    annotator.document.close();
 }
 
 function set_bookmark() {
    go('');
-   prompt("Please enter a name for this bookmark.", 
-           clientwindow.window.location.href);
+   if (currentStale) {
+      clienttitle="Enter Title";
+      clienthref=currentURL;
+   } else {
+      clienttitle=clientwindow.document.title;
+      clienthref=clientwindow.location.pathname;
+   }
+   w_bmquery_flag=1;
+   bmquery=window.open('','bmquery','width=365,height=165,scrollbars=0');
+   bmquery.document.write(
+   "<html><body bgcolor='bbbbbb'><center><form method='post'"
+   +" name='newlink' action='/adm/bookmarks' target='bmquery' "
+   +">\n <table width=340 height=150 "
+   +"bgcolor='ffffff' align=center><tr><td>Link Name:<br><input "
+   +"type='text' name='title' size=45 value='"+clienttitle+"'>"
+   +"<br>Address:<br><input type='text' name='address' size='45' "
+   +"value='"+clienthref+"'><br><center><input type='submit' "
+   +"value='Save'> <input type='button' value='Close (no save)' "
+   +"onclick='javascript:window.close();'></center></td>"
+   +"</tr></table></form></center></body></html>");
+   bmquery.document.close();
 }
 
 function edit_bookmarks() {
    go('');
-   window.open("http://"+clienthost+"/adm/bookmarks",
+   w_BookmarkPal_flag=1;
+   bookmarkpal=window.open("http://"+clienthost+"/adm/bookmarks",
                "BookmarkPal", "width=400,height=505,scrollbars=0");
 }
 
 function catalog_info() {
    go('');
-   window.open(clientwindow.window.location.href+'.meta',"LONcatInfo");
+   w_LONcatInfo_flag=1;
+   loncatinfo=window.open(clientwindow.window.location.href+'.meta',"LONcatInfo");
 }
+// -->
 </script>
 
 <center>
-<table border=0 cellspacing=0 cellpadding=0>
+<table border="0" cellspacing="1" cellpadding="0">
 <tr><td>
 <a href="javascript:defdis();"
    onMouseOver="defdis();"
-><img border=0 src="title.gif"></img></a>
+><img border="0" src="title.gif"></img></a>
 </td><td>
-<img border=0 name="led" src="ledoff.gif"> </img>
+<img border="0" name="led" src="ledoff.gif"> </img>
 </td></tr>
 </table>
-<br>
-<table border=0 cellspacing=1 cellpadding=1>
+<br />
+<table border="0" cellspacing="1" cellpadding="1">
 <tr><td bgcolor="#666666">
-<table border=0 cellspacing=1 cellpadding=0> 
+<table border="0" cellspacing="1" cellpadding="0"> 
+<tr>
+<td><img name="i0" src="l.gif"></img></td>
+<td><img name="i1" src="o.gif"></img></td>
+<td><img name="i2" src="n.gif"></img></td>
+<td><img name="i3" src="hyphen.gif"></img></td>
+<td><img name="i4" src="c.gif"></img></td>
+<td><img name="i5" src="a.gif"></img></td>
+<td><img name="i6" src="p.gif"></img></td>
+<td><img name="i7" src="a.gif"></img></td>
+</tr>
 <tr>
-<td><img name=i0 src=l.gif></img></td>
-<td><img name=i1 src=o.gif></img></td>
-<td><img name=i2 src=n.gif></img></td>
-<td><img name=i3 src=hyphen.gif></img></td>
-<td><img name=i4 src=c.gif></img></td>
-<td><img name=i5 src=a.gif></img></td>
-<td><img name=i6 src=p.gif></img></td>
-<td><img name=i7 src=a.gif></img></td>
-</tr>
-<tr>
-<td><img name=j0 src=space.gif></img></td>
-<td><img name=j1 src=space.gif></img></td>
-<td><img name=j2 src=space.gif></img></td>
-<td><img name=j3 src=space.gif></img></td>
-<td><img name=j4 src=space.gif></img></td>
-<td><img name=j5 src=space.gif></img></td>
-<td><img name=j6 src=space.gif></img></td>
-<td><img name=j7 src=space.gif></img></td>
+<td><img name="j0" src="space.gif"></img></td>
+<td><img name="j1" src="space.gif"></img></td>
+<td><img name="j2" src="space.gif"></img></td>
+<td><img name="j3" src="space.gif"></img></td>
+<td><img name="j4" src="space.gif"></img></td>
+<td><img name="j5" src="space.gif"></img></td>
+<td><img name="j6" src="space.gif"></img></td>
+<td><img name="j7" src="space.gif"></img></td>
 </tr>
 </table>
 </td>
 </tr>
-</table><br>
+</table><br />
 
-<a href="javascript:defdis();"
-   onMouseOver="defdis();"
-><img border=0 src="spacer.gif"></a><br>
+<table border="0" cellspacing="0" cellpadding="0">
 
-<img src="navmenu.gif" usemap="#navmenuMap" border=0></img><br>
+<tr>
+<td colspan="2"><a href="javascript:eval(hr[11]);" onMouseOver="display(dt[11],db[11]);"><img border="0" name="b11" src="dempty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[12]);" onMouseOver="display(dt[12],db[12]);"><img border="0" name="b12" src="empty.gif"></img></a></td>
+</tr>
 
-<a href="javascript:defdis();"
-   onMouseOver="defdis();"
-><img border=0 src="spacer.gif"></img></a><br>
+<tr>
+<td rowspan="2"><a href="javascript:eval(hr[21]);" onMouseOver="display(dt[21],db[21]);"><img border="0" name="b21" src="qempty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[22]);" onMouseOver="display(dt[22],db[22]);"><img border="0" name="b22" src="empty.gif"></img></a></td>
+<td rowspan="2"><a href="javascript:eval(hr[23]);" onMouseOver="display(dt[23],db[23]);"><img border="0" name="b23" src="qempty.gif"></img></a></td>
+</tr>
 
-<img src="fnkmenu.gif" usemap="#fnkmenuMap" border=0><br>
+<tr>
+<td><a href="javascript:eval(hr[31]);" onMouseOver="display(dt[31],db[31]);"><img border="0" name="b31" src="empty.gif"></img></a></td>
+</tr>
 
-<a href="javascript:defdis();"
-   onMouseOver="defdis();"
-><img border=0 src="spacer.gif"></img></a><br>
+<tr>
+<td><a href="javascript:eval(hr[41]);" onMouseOver="display(dt[41],db[41]);"><img border="0" name="b41" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[42]);" onMouseOver="display(dt[42],db[42]);"><img border="0" name="b42" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[43]);" onMouseOver="display(dt[43],db[43]);"><img border="0" name="b43" src="empty.gif"></img></a></td>
+</tr>
 
-<img src="endmenu.gif" usemap="#endmenuMap" border=0></img>
+<tr>
+<td><a href="javascript:eval(hr[51]);" onMouseOver="display(dt[51],db[51]);"><img border="0" name="b51" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[52]);" onMouseOver="display(dt[52],db[52]);"><img border="0" name="b52" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[53]);" onMouseOver="display(dt[53],db[53]);"><img border="0" name="b53" src="empty.gif"></img></a></td>
+</tr>
+
+<tr>
+<td><a href="javascript:eval(hr[61]);" onMouseOver="display(dt[61],db[61]);"><img border="0" name="b61" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[62]);" onMouseOver="display(dt[62],db[62]);"><img border="0" name="b62" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[63]);" onMouseOver="display(dt[63],db[63]);"><img border="0" name="b63" src="empty.gif"></img></a></td>
+</tr>
+
+<tr>
+<td><a href="javascript:eval(hr[71]);" onMouseOver="display(dt[71],db[71]);"><img border="0" name="b71" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[72]);" onMouseOver="display(dt[72],db[72]);"><img border="0" name="b72" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[73]);" onMouseOver="display(dt[73],db[73]);"><img border="0" name="b73" src="empty.gif"></img></a></td>
+</tr>
+
+<tr>
+<td><a href="javascript:eval(hr[81]);" onMouseOver="display(dt[81],db[81]);"><img border="0" name="b81" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[82]);" onMouseOver="display(dt[82],db[82]);"><img border="0" name="b82" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[83]);" onMouseOver="display(dt[83],db[83]);"><img border="0" name="b83" src="empty.gif"></img></a></td>
+</tr>
+
+<tr>
+<td><a href="javascript:eval(hr[91]);" onMouseOver="display(dt[91],db[91]);"><img border="0" name="b91" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[92]);" onMouseOver="display(dt[92],db[92]);"><img border="0" name="b92" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[93]);" onMouseOver="display(dt[93],db[93]);"><img border="0" name="b93" src="empty.gif"></img></a></td>
+</tr>
+
+<tr>
+<td><a href="javascript:eval(hr[101]);" onMouseOver="display(dt[101],db[101]);"><img border="0" name="b101" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[102]);" onMouseOver="display(dt[102],db[102]);"><img border="0" name="b102" src="empty.gif"></img></a></td>
+<td><a href="javascript:eval(hr[103]);" onMouseOver="display(dt[103],db[103]);"><img border="0" name="b103" src="empty.gif"></img></a></td>
+</tr>
+
+</table>
 
-</center>
 
-<MAP NAME="fnkmenuMap">
-    <AREA SHAPE="rect" COORDS="4,3,34,21"
-         href="javascript:annotate();"
-          onMouseOver="display('my anno-','tations');"
-    >
-
-    <AREA SHAPE="rect" COORDS="35,3,65,21"
-         href="javascript:go('/adm/searchcat');"
-          onMouseOver="display('search','catalog');"
-    >
-
-    <AREA SHAPE="rect" COORDS="66,3,96,21"
-         href="javascript:gopost('/adm/feedback',
-                                 clientwindow.window.location.href);"
-          onMouseOver="display('feedback','on this');"
-    >
-
-    <AREA SHAPE="rect" COORDS="97,3,127,21"
-         href="javascript:go('/adm/preferences');"
-          onMouseOver="display('my pre-','ferences');"
-    >
-
-    <AREA SHAPE="rect" COORDS="4,30,34,48"
-         href="javascript:catalog_info('');"
-          onMouseOver="display('catalog','info');"
-    >
-
-    <AREA SHAPE="rect" COORDS="35,30,65,48"
-         href="javascript:gopost('/adm/printout',
-                                 clientwindow.window.location.href);"
-          onMouseOver="display('prepare','printout');"
-    >
-
-    <AREA SHAPE="rect" COORDS="66,30,96,48"
-         href="javascript:gopost('/adm/evaluate',
-                                 clientwindow.window.location.href);"
-          onMouseOver="display('evaluate','this');"
-    >
-
-    <AREA SHAPE="rect" COORDS="97,30,127,48"
-         href="javascript:go('/adm/assignments');"
-          onMouseOver="display('assign-','ments');"
-    >
-    <area shape="default"
-         href="javascript:defdis();"
-         onMouseOver="defdis()";
-    >
-</MAP>
-
-<MAP NAME="endmenuMap">
-   <AREA SHAPE="rect" COORDS="76,1,131,19"
-          href="javascript:logout();"
-          onMouseOver="display('logout','');"
-    >
-    <AREA SHAPE="rect" COORDS="39,0,69,19"
-          href="javascript:go('/adm/mydesk');"
-          onMouseOver="display('my desk','');"
-    >
-    <AREA SHAPE="rect" COORDS="1,1,30,19" 
-          href="javascript:go('/adm/communicate');"
-          onMouseOver="display('commu-','nication');"
-    >
-    <area shape="default"
-         href="javascript:defdis();"
-         onMouseOver="defdis()";
-    >
-</MAP>
-
-<MAP NAME="navmenuMap">
-    <AREA SHAPE="rect" COORDS="86,24,110,80"
-          href="javascript:windowcheck();gopost('/adm/flip',
-                               'forward:'+clientwindow.window.location.href);"
-          onMouseOver="display('go','forward');"
-    >
-    <AREA SHAPE="rect" COORDS="20,23,44,81"
-          href="javascript:windowcheck();gopost('/adm/flip',
-                               'back:'+clientwindow.window.location.href);"
-          onMouseOver="display('go','back');"
-    >
-    <AREA SHAPE="rect" COORDS="35,72,95,97"
-          href="javascript:windowcheck();gopost('/adm/flip',
-                               'down:'+clientwindow.window.location.href);"
-          onMouseOver="display('go level','down');"
-    >
-    <AREA SHAPE="rect" COORDS="36,7,94,31"
-          href="javascript:windowcheck();gopost('/adm/flip',
-                               'up:'+clientwindow.window.location.href);"
-          onMouseOver="display('go level','up');"
-    >
-    <AREA SHAPE="circle" COORDS="64,51,21"
-          href="javascript:windowcheck();gopost('/adm/flip',
-                               'return:');"
-          onMouseOver="display('return','location');"
-    >
-    <AREA SHAPE="polygon" COORDS="2,2,42,2,2,42"
-         href="javascript:go('/adm/roles');"
-          onMouseOver="display('enter','course');"
-    >
-    <AREA SHAPE="polygon" COORDS="2,103,42,103,2,63"
-         href="javascript:set_bookmark();"
-          onMouseOver="display('set','bookmark');"
-    >
-    <AREA SHAPE="polygon" COORDS="127,2,87,2,127,42"
-         href="javascript:gopost('/adm/navmaps',
-                                 clientwindow.window.location.href);"
-          onMouseOver="display('navigate','maps');"
-    >
-    <AREA SHAPE="polygon" COORDS="128,102,89,102,128,63"
-         href="javascript:edit_bookmarks();"
-         onMouseOver="display('go to','bookmark');"
-    >
-    <area shape="default"
-         href="javascript:defdis();"
-         onMouseOver="defdis()";
-    >
-</MAP>
+<a href="javascript:defdis();"
+   onMouseOver="defdis();"
+><img border="0" src="spacer.gif"></img></a><br />
+
 <form name='server' action='/adm/logout' method='post' target='loncapaclient'>
-<input type='hidden' name='postdata' value='none'>
-</form>
+<input type='hidden' name='postdata' value='none' />
+<input type="hidden" name="command" value="none" />
+<input type="hidden" name="url" value="none" />
+ </form>
+</center>
+<script>
+activate();
+</script>
 </body>
 </html>
 
 
 
+
+
+
+
