﻿<extension>
  <title>Pubmed viewer</title>
  <description></description>
  <namespace>pubmed</namespace>
  <function>
    <name>widget</name>
    <param name="urllink" type="str">the uri to link to </param>
    <param name="urltext" type="str">text to display for link</param>
    <param name="imageurl" type="str">location for the pubmed image</param>
    <param name="abstract" type="xml">abstract from pubmed</param>

    <return>
      <html xmlns:eval="http://mindtouch.com/2007/dekiscript">
        <head>
          <style type="text/css">

          </style>
          <script>
            //<![CDATA[
            var cX = 0; var cY = 0; var rX = 0; var rY = 0;
            function UpdateCursorPosition(e){ cX = e.pageX; cY = e.pageY;}
            function UpdateCursorPositionDocAll(e){ cX = event.clientX; cY = event.clientY;}
            if(document.all) { document.onmousemove = UpdateCursorPositionDocAll; }
            else { document.onmousemove = UpdateCursorPosition; }
            function AssignPosition(d) {
            if(self.pageYOffset) {
	            rX = self.pageXOffset;
	            rY = self.pageYOffset;
	            }
            else if(document.documentElement && document.documentElement.scrollTop) {
	            rX = document.documentElement.scrollLeft;
	            rY = document.documentElement.scrollTop;
	            }
            else if(document.body) {
	            rX = document.body.scrollLeft;
	            rY = document.body.scrollTop;
	            }
            if(document.all) {
	            cX += rX; 
	            cY += rY;
	            }
            d.style.left = (cX-10) + "px";
            d.style.top = (cY+10) + "px";
            }
            
            function hide_tooltip(divid){            
            document.getElementById(divid).style.display = "none";
            }
            function show_tooltip(event, divid){     
            var dd = document.getElementById(divid);
            AssignPosition(dd);
            dd.style.display = "block";
            dd.style.padding = "2px";

            }
          // ]]>
          </script>

        </head>
        <body>
          <div style="display: inline" if="string.length(args.abstract) == 0">
            <a eval:href="args.urllink" title="Go to Pubmed" >
              <img eval:src="args.imageurl" height="15px" width="40px"/>
            </a>
          </div>
          <div style="display: inline" if="string.length(args.abstract) > 0">
            <a href="#" title="Click to view abstract" eval:onclick="'show_tooltip(event,\'' .. args.urltext .. '\');'">
              <img eval:src="args.imageurl" height="15px" width="40px"/>
          </a>
          <div eval:id="args.urltext" style='display:none;position:absolute;border:0px solid black;background-color:#D8D8D8 '>
            
            <p>
              <table width="400px">
                <tr>
                  <td cellpadding="2">
                    <a eval:href="args.urllink">
                      Pubmed
                    </a>
                  </td>
                  <td align="right" cellpadding="2">
                    <a href="#" eval:onclick="'hide_tooltip(\''..args.urltext..'\');'">Close</a>
                  </td>
                </tr>
                <tr>
                  <td colspan="2">
                    <eval:expr>args.abstract</eval:expr>
                    <a eval:href="args.urllink">
                      <span style="font-size:8px;">...[read more]</span>
                    </a>
                  </td>
                </tr>
              </table>
            </p>
          </div>
          </div>
        </body>
      </html>
    </return>
  </function>
</extension>


