--no commit message

Edmar Moretti
1 parent 0e3f7609
Showing 16 changed files with 1941 additions and 0 deletions Show diff stats
pacotes/balloon-tooltips/htdocs_depreciado/balloons.html
pacotes/balloon-tooltips/htdocs_depreciado/balloons2.html
pacotes/balloon-tooltips/htdocs_depreciado/images/balloon.png
pacotes/balloon-tooltips/htdocs_depreciado/images/balloon_ie.png
pacotes/balloon-tooltips/htdocs_depreciado/images/balloons.png
pacotes/balloon-tooltips/htdocs_depreciado/images/close.png
pacotes/balloon-tooltips/htdocs_depreciado/images/down_left.png
pacotes/balloon-tooltips/htdocs_depreciado/images/down_right.png
pacotes/balloon-tooltips/htdocs_depreciado/images/up_left.png
pacotes/balloon-tooltips/htdocs_depreciado/images/up_right.png
pacotes/balloon-tooltips/htdocs_depreciado/js/balloon.config.js
pacotes/balloon-tooltips/htdocs_depreciado/js/balloon.js
pacotes/balloon-tooltips/htdocs_depreciado/js/balloon_compacto.config.js
pacotes/balloon-tooltips/htdocs_depreciado/js/balloon_compacto.js
pacotes/balloon-tooltips/htdocs_depreciado/js/box.js
pacotes/balloon-tooltips/htdocs_depreciado/js/yahoo-dom-event.js
@@ -0,0 +1,130 @@
+<html>
+<head>
+ <title>Balloon tooltip demonstration</title>
+ <script type="text/javascript" src="js/balloon.config.js"></script>
+ <script type="text/javascript" src="js/balloon.js"></script>
+ <script type="text/javascript" src="js/yahoo-dom-event.js"></script> 
+ <script> var balloon = new Balloon;</script>
+ <style>
+  a.tt { 
+    background-color:lightsteelblue;
+    text-decoration:none;
+  }
+  .hidden {
+    display:none;
+  }
+  pre {
+    background-color:gainsboro;
+    padding:10px;
+    margin-left:20px;
+    margin-right:20px;
+    font-family:courier;
+    font-size:90%;
+  }
+  b.y { background-color:yellow }
+ </style>
+</head>
+<body>
+<h1>Balloon tooltip demonstration</h1>
+<div style="border:1px solid red;text-align:center;margin-bottom:5px">
+Javascript code: <a href="/js/balloon.js" target="_new"
+onmouseover="balloon.showTooltip(event,'Get the javascript code!')">
+balloon.js</a>
+&nbsp;&nbsp;|&nbsp;&nbsp;
+Documentation: <a href="http://www.gmod.org/wiki/index.php/Popup_Balloons"
+onmouseover="balloon.showTooltip(event,'Documentation for installation and usage')"; target="_new">Wiki</a>
+</div>
+<div style="border:1px solid blue;background:azure;padding:10px;font-family:arial, sans-serif">
+<a href="http://www.gmod.org/wiki/index.php/Popup_Balloons" target="_blank"
+   onmouseover="balloon.showTooltip(event,'Want to do this with your website? Click for documentation!')">
+<img src="/images/sample_balloon.png" style="float:right;border:2px solid black" />
+</a>
+This page is a demonstration of balloon.js, written by <a href="http://www.gmod.org/wiki/index.php/Popup_Balloons">Sheldon McKay</a>
+<ul>
+<li>balloon.js is an object-oriented JavaScript class for highly configurable balloon tooltips (AKA popup balloons, bubbles, etc)</li>
+<li>the balloon.js package is completely free and open source, so help yourself!</li>
+<li>See <a href="http://www.gmod.org/wiki/index.php/Popup_Balloons">www.gmod.org/wiki/index.php/Popup_Balloons</a> for complete documentation</li>
+<li>Please feel free to <a href="mailto:mckays@cshl.edu">Contact the Author<a> for help with installation and usage</li>
+</ul>
+</div>
+
+<p>
+Page header with required components
+</p>
+<pre>
+&lt;head&gt;
+ &lt;title&gt;balloon tooltip demonstration&lt;/title&gt;
+ &lt;script type="text/javascript" src="/js/balloon.config.js"&gt;&lt;/script&gt;
+ &lt;script type="text/javascript" src="/js/balloon.js"&gt;&lt;/script&gt;
+ &lt;script type="text/javascript" src="/js/yahoo-dom-event.js"&gt;&lt;/script&gt;
+ &lt;script type="text/javascript"&gt; var balloon = new balloon;&lt;/script&gt;
+&lt;/head&gt; 
+</pre>
+
+<div id="lorem1" class="hidden">
+Lorem ipsum dolor sit amet, <b><i>consectetuer adipiscing elit</b></i>. Vestibulum iaculis,
+ligula quis fringilla volutpat, metus mi molestie lorem, <span style=\'color:red\'>quis accumsan pede
+turpis nec metus.</span> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.'
+</div>
+
+<div id="lorem2" class="hidden">
+<a href="http://www.lipsum.com" target="_new" style="color:blue">What is <i>Lorem ipsum...</i>?</a>
+Lorem ipsum dolor sit amet, <b><i>consectetuer adipiscing elit</b></i>. Vestibulum iaculis
+, ligula quis fringilla volutpat, metus mi molestie lorem, quis accumsan pede
+turpis nec metus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+</div>
+
+<p>
+This is an example of a simple balloon <a href="javascript:void(0)" class=tt 
+onmouseover="balloon.showTooltip(event,'I am a simple message...')">message</a>
+
+<pre>
+ &lt;a href="javascript:void(0)" onmouseover="balloon.showTooltip(event,'I am a simple message...')"&gt;message&lt;/a&gt;
+</pre>
+</p>
+
+<p>
+Roll over <a href="javascript:void(0)" class=tt onmouseover="balloon.showTooltip(event,'load:lorem1')">
+this text</a> for an example of HTML-formatted text loaded from a hidden &lt;div&gt; element.
+<pre>
+ onmouseover="balloon.showTooltip(event,<b class=y>'load:lorem1'</b>)"
+</pre>
+
+<span id=sticky>
+Adding a third argument makes the tooltip <a href="javascript:void(0)" class=tt
+onmouseover="balloon.showTooltip(event,'load:lorem2',1)">sticky</a>.</span>
+
+<pre>
+ onmouseover="balloon.showTooltip(event,'load:lorem2',<b class=y>1</b>)"
+</pre>
+
+A fourth argument will set the width (Example:<a href="javascript:void(0)" class=tt 
+onmouseover="balloon.showTooltip(event,'load:lorem2',1,300)">
+300px sticky balloon</a>)
+<pre>
+ onmouseover="balloon.showTooltip(event,'load:lorem2',1,<b class=y>300</b>)"
+</pre>
+</p>
+
+<p>
+Here is an example of a tooltip balloon that is populated by an
+<a href="javascript:void(0)" class=tt
+onmouseover="balloon.showTooltip(event,'<img height=150 src=/images/balloons.png>')">
+image</a>.
+<pre>
+ onmouseover="balloon.showTooltip(event,'&lt;img src=/images/balloons.png&gt;')"
+</pre>
+</p>
+
+<p>
+This link will create a sticky balloon whose contents are from a remote URL.
+<a href="javascript:void(0)" class=tt 
+onmouseover="balloon.showTooltip(event,'<iframe style=\'width:270;height:300\' frameborder=0 src=\'http://www.nypost.com/avantgo/avantnews/avantnews.htm\'></iframe>',1,300)">
+What's new?</a><br>This requires an embedded iframe.
+<pre>
+ onmouseover="balloon.showTooltip(event,'\
+ &lt;iframe style=\'width:270;height:300;border:0\' \
+ src=\'http://www.nypost.com/avantgo/avantnews/avantnews.htm\'&gt;&lt;/iframe&gt;',1,300)"
+</pre>
+</p>
+</body>
@@ -0,0 +1,313 @@
+<html>
+<head>
+ <title>Balloon and box tooltips demonstration</title>
+ <script type="text/javascript" src="/js/balloon.config.js"></script>
+ <script type="text/javascript" src="/js/balloon.js"></script>
+ <script type="text/javascript" src="/js/box.js"></script>
+ <script type="text/javascript" src="/js/yahoo-dom-event.js"></script> 
+ <script type="text/javascript" src="/js/toggle.js"></script>
+ <style>
+  .tt {
+    background-color:lightsteelblue;
+    color:blue;
+    text-decoration:none;
+    cursor:pointer;
+  }
+  .hidden {
+    display:none;
+  }
+  pre {
+    background-color:gainsboro;
+    padding:10px;
+    margin-left:20px;
+    margin-right:20px;
+    font-family:courier;
+    font-size:90%;
+  }
+  b.y { background-color:yellow }
+ </style>
+ <script type="text/javascript">
+   // white balloon with default configuration
+   // (see http://www.wormbase.org/wiki/index.php/Balloon_Tooltips)
+   var whiteBalloon    = new Balloon;
+
+   // stemless,shadowless blue balloon
+   var blueBalloon  = new Balloon;
+   blueBalloon.balloonTextSize  = '90%';
+   blueBalloon.images           = '/images/balloons';
+   blueBalloon.balloonImage     = 'blue_balloon.png';
+   blueBalloon.vOffset          = 15;
+   blueBalloon.shadow           = 0;
+   blueBalloon.stem             = false;
+   blueBalloon.ieImage          = null;
+
+   // a plainer popup box
+   var box         = new Box;
+   box.bgcolor     = 'ivory';
+   box.fontColor   = 'green';
+   box.borderStyle = '4px ridge blue';
+
+   // a box that fades in/out
+   var fadeBox     = new Box;
+   fadeBox.bgColor     = 'black';
+   fadeBox.fontColor   = 'white';
+   fadeBox.borderStyle = 'none';
+   fadeBox.delayTime   = 200;
+   fadeBox.allowFade   = true;
+   fadeBox.fadeIn      = 750;
+   fadeBox.fadeOut     = 200;
+
+ </script>
+</head>
+<body>
+<div style="border:1px solid blue;background:azure;padding:10px;font-family:arial, sans-serif">
+<center><img src="/images/sample.png"></a>
+</center>
+</span>
+<span id="sheldon" style="display:none">
+<center>
+<img src="/images/sheldon.jpg">
+<br>mckays@cshl.edu
+</center>
+</span>
+<br>
+This page is a demonstration of balloon.js, written by <a href="http://www.gmod.org/wiki/index.php/Popup_Balloons" 
+    onmouseover="whiteBalloon.showTooltip(event,'load:sheldon')">Sheldon McKay</a>.
+<p>
+The balloon.js package is written in object-oriented JavaScript and allows you to add configurable balloon tooltips 
+(AKA popup balloons, bubbles, rollover tooltips etc., etc.) to your website.  It was written for scientific web applications, such as 
+<a href="http://gmod.org/wiki/Gbrowse" target="_blank">GBrowse</a> and <a href="http://www.wormbase.org" target="_blank">WormBase</a>, 
+but is generic and portable to most websites. 
+<br>
+The balloons are dynamically sized in both the vertical and horizontal dimensions and the left/right/up/down orientation
+is calculated automatically based on the position of the cursor. Balloon contents can be provided locally in your own HTML or remotely via AJAX.
+This package is open source and free to all as long as the copyright notice is retained.  See below for demonstrations and documentation.
+<p>
+Please feel free to <a href="mailto:mckays@cshl.edu">contact the author
+<a> for help with installation and usage.
+</p>
+</p>
+<div style="border:1px solid black;width:90%;margin:auto">
+<table cellpadding=3 style="width:100%">
+<tr>
+<th width=10% align=left rowspan=2>Demonstration:</th>
+<th width=30% class="tt" onmouseover="whiteBalloon.showTooltip(event,'Your message goes here',0,200)">plain hover</th>
+<th width=30% class="tt">
+<span onmouseover="whiteBalloon.showTooltip(event,'Your are hovering, I said click me!')"
+      onclick="whiteBalloon.showTooltip(event,'Your sticky message goes here.',1)">click me</span>
+</th>
+<th width=30% class="tt"><span onmouseover="blueBalloon.showTooltip(event,'This is a stemless balloon.<br>Your message goes here!')">blue balloon</span></th>
+</tr>
+<tr>
+<th  class="tt"><span onmouseover="box.showTooltip(event,'Your message goes here!')">popup  box</span></th>
+<th  class="tt"><span onmouseover="fadeBox.showTooltip(event,'Your message goes here!')">fading box</span></th>
+<th  class="tt"><span onmouseover="box.showTooltip(event,'Your sticky message goes here!<br><a href=\'http://www.google.com\'>Your link goes here...</a>',1,275)">
+sticky box</span></th>
+</tr>
+<tr>
+<th align=left>Documentation:</th>
+<th colspan=3 align=left class=tt>
+<a class=tt href="http://gmod.org/wiki/Popup_Balloons" 
+   onmouseover="whiteBalloon.showTooltip(event,'Click this link to go to documentation on the GMOD Wiki')">
+http://gmod.org/wiki/Popup_Balloons
+</th>
+</tr>
+<tr>
+<th align=left>Download:</th>
+<th colspan=3 align=left class=tt>
+<a class=tt href="http://gmod.cvs.sourceforge.net/*checkout*/gmod/balloon-tooltips/download/balloons.tar.gz"
+   onmouseover="box.showTooltip(event,'click to download the whole package, with all required scripts, images, etc',0,300)">
+balloons.tar.gz
+</th>
+</tr>
+</table>
+</div>
+<br>
+<div class="switch" id="source_code" title="source code for the above examples">
+<pre>
+&lt;head&gt;
+ &lt;title&gt;Balloon tooltip demonstration&lt;/title&gt;
+ &lt;script type="text/javascript" src="/js/balloon.config.js"&gt;&lt;/script&gt;
+ &lt;script type="text/javascript" src="/js/balloon.js"&gt;&lt;/script&gt;
+ &lt;script type="text/javascript" src="/js/box.js"&gt;&lt;/script&gt;
+ &lt;script type="text/javascript" src="/js/yahoo-dom-event.js"&gt;&lt;/script&gt;
+ &lt;script type="text/javascript"&gt;
+   // white balloon with default configuration
+   var whiteBalloon       = new Balloon;
+
+   // Stemless blue balloon
+   var blueBalloon              = new Balloon;
+   blueBalloon.balloonTextSize  = '90%';
+   blueBalloon.images           = '/images/balloons';
+   blueBalloon.balloonImage     = 'blue_balloon.png';
+   blueBalloon.vOffset          = 15;
+   blueBalloon.shadow           = 0;
+   blueBalloon.stem             = false;
+   blueBalloon.ieImage          = null;
+
+   // a plainer popup box
+   var box         = new Box;
+   box.bgcolor     = 'ivory';
+   box.fontColor   = 'blue';
+   box.borderStyle = '4px ridge blue';
+
+   // a box that fades in/out
+   var fadeBox     = new Box;
+   fadeBox.bgColor     = 'black';
+   fadeBox.fontColor   = 'white';
+   fadeBox.borderStyle = 'none';
+   fadeBox.delayTime   = 200;
+   fadeBox.allowFade   = true;
+   fadeBox.fadeIn      = 750;
+   fadeBox.fadeOut     = 200;
+
+ &lt;/script&gt;
+&lt;/head&gt; 
+
+&lt;body&gt;
+
+&lt;table cellpadding=3&gt;
+&lt;tr&gt;
+&lt;th align=left rowspan=2&gt;Demonstration:&lt;/th&gt;
+&lt;th  class="tt" onmouseover="whiteBalloon.showTooltip(event,'Your message goes here')"&gt;plain hover&lt;/th&gt;
+&lt;th  class="tt"&gt;
+&lt;span onmouseover="whiteBalloon.showTooltip(event,'Your are hovering, I said click me!')"
+      onclick="whiteBalloon.showTooltip(event,'Your sticky message goes here.',1)"&gt;click me&lt;/span&gt;
+&lt;/th&gt;
+&lt;th  class="tt"&gt;&lt;span onmouseover="blueBalloon.showTooltip(event,'This is a stemless balloon. Your message goes here!')"&gt;
+blue balloon
+&lt;/span&gt;&lt;/th&gt;
+&lt;th rowspan=4&gt;
+&lt;a href="http://www.gmod.org/wiki/index.php/Popup_Balloons" target="_blank"
+   onmouseover="whiteBalloon.showTooltip(event,'Want to do this with your website? Click for documentation!')"&gt;
+&lt;img src="/images/sample_balloon.png" style="border:2px solid black" /&gt;&lt;/a&gt;
+&lt;/th&gt;
+&lt;/tr&gt;
+&lt;tr&gt;
+&lt;th  class="tt"&gt;&lt;span onmouseover="box.showTooltip(event,'Your message goes here!')"&gt;popup  box&lt;/span&gt;&lt;/th&gt;
+&lt;th  class="tt"&gt;&lt;span onmouseover="fadeBox.showTooltip(event,'Your message goes here!')"&gt;fading box&lt;/span&gt;&lt;/th&gt;
+&lt;th	 class="tt"&gt;&lt;span onmouseover="box.showTooltip(event,'Your sticky message goes here!',1,275)"&gt;sticky box&lt;/span&gt;&lt;/th&gt;
+&lt;/tr&gt;
+&lt;tr&gt;
+&lt;th align=left&gt;Documentation:&lt;/th&gt;
+&lt;th colspan=3 align=left class=tt&gt;
+&lt;a class=tt href="http://gmod.org/wiki/Popup_Balloons"
+   onmouseover="whiteBalloon.showTooltip(event,'Click this link to go to documentation on the GMOD Wiki')"&gt;
+http://gmod.org/wiki/Popup_Balloons
+&lt;/th&gt;
+&lt;/tr&gt;
+&lt;tr&gt;
+&lt;th align=left&gt;Download:&lt;/th&gt;
+&lt;th colspan=3 align=left class=tt&gt;
+&lt;a class=tt href="http://gmod.cvs.sourceforge.net/*checkout*/gmod/balloon-tooltips/download/balloons.tar.gz"
+   onmouseover="box.showTooltip(event,'click to download the whole package, with all required scripts, images, etc',0,300)"&gt;
+balloons.tar.gz
+&lt;/th&gt;
+&lt;/tr&gt;
+&lt;/table&gt;
+</pre>
+</div>
+</div>
+<div id="lorem1" class="hidden">
+Lorem ipsum dolor sit amet, <b><i>consectetuer adipiscing elit</b></i>. Vestibulum iaculis,
+ligula quis fringilla volutpat, metus mi molestie lorem, <span style="color:red">quis accumsan pede
+turpis nec metus.</span> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.'
+</div>
+
+<div id="lorem2" class="hidden">
+<a href="http://www.lipsum.com" target="_new" style="color:blue">What is <i>Lorem ipsum...</i>?</a>
+Lorem ipsum dolor sit amet, <b><i>consectetuer adipiscing elit</b></i>. Vestibulum iaculis
+, ligula quis fringilla volutpat, metus mi molestie lorem, quis accumsan pede
+turpis nec metus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+</div>
+
+<p>
+This is an example of a simple balloon <a href="javascript:void(0)" class=tt 
+onmouseover="whiteBalloon.showTooltip(event,'I am a simple message...')">message</a>
+
+<pre>
+ &lt;a href="javascript:void(0)" onmouseover="<b class=y>whiteBalloon</b>.showTooltip(event,'I am a simple message...')"&gt;message&lt;/a&gt;
+</pre>
+
+This is an example of the same message with a different balloon <a href="javascript:void(0)" class=tt
+onmouseover="blueBalloon.showTooltip(event,'I am a simple message...')">style</a>
+
+<pre>
+ onmouseover="<b class=y>blueBalloon</b>.showTooltip(event,'I am a simple message...')"&gt;message&lt;/a&gt;
+</pre>
+
+This is an example of the same message with a box <a href="javascript:void(0)" class=tt
+onmouseover="box.showTooltip(event,'I am a simple message...')">style</a>
+
+<pre>
+ onmouseover="<b class=y>box</b>.showTooltip(event,'I am a simple message...')"&gt;message&lt;/a&gt;
+</pre>
+
+</p>
+
+<p>
+Roll over <a href="javascript:void(0)" class=tt onmouseover="whiteBalloon.showTooltip(event,'load:lorem1')">
+this text</a> for an example of HTML-formatted text loaded from a hidden &lt;div&gt; element.
+<pre>
+ onmouseover="whiteBalloon.showTooltip(event,<b class=y>'load:lorem1'</b>)"
+ ...
+ &lt;div id="lorem1" style="display:none"&gt;
+   Lorem ipsum dolor sit amet, &lt;b&gt;&lt;i&gt;consectetuer adipiscing elit&lt;/b&gt;&lt;/i&gt;. Vestibulum iaculis,
+   ligula quis fringilla volutpat, metus mi molestie lorem, &lt;span style=&#34color:red&#34;&gt;quis accumsan pede
+    turpis nec metus.&lt;/span&gt; Lorem ipsum dolor sit amet, consectetuer adipiscing elit.'
+ &lt;/div&gt;
+
+</pre>
+
+<span id=sticky>
+Adding a third argument makes the tooltip <a href="javascript:void(0)" class=tt
+onmouseover="whiteBalloon.showTooltip(event,'load:lorem2',1)">sticky</a>.</span>
+<pre>
+ onmouseover="whiteBalloon.showTooltip(event,'load:lorem2',<b class=y>1</b>)"
+</pre>
+
+A fourth argument will set the width (Example:<a href="javascript:void(0)" class=tt 
+onmouseover="whiteBalloon.showTooltip(event,'load:lorem2',1,300)">
+300px sticky balloon</a>)
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Try a <a href="javascript:void(0)" class=tt
+onmouseover="blueBalloon.showTooltip(event,'load:lorem2',1,300)">blue version</a>
+
+<pre>
+ onmouseover="whiteBalloon.showTooltip(event,'load:lorem2',1,<b class=y>300</b>)"
+</pre>
+
+Now let's try that with a <a href="javascript:void(0)" class=tt
+onmouseover="box.showTooltip(event,'load:lorem2',1,300)">
+sticky box</a>.
+
+<pre>
+ onmouseover="box.showTooltip(event,'load:lorem2',1,<b class=y>300</b>)"
+</pre>
+
+</p>
+
+<p>
+Here is an example of a tooltip balloon that is populated by an
+<a href="javascript:void(0)" class=tt
+onmouseover="whiteBalloon.showTooltip(event,'<img height=150 src=/images/balloons.png>')">
+image</a>.
+<pre>
+ onmouseover="whiteBalloon.showTooltip(event,'&lt;img src=/images/balloons.png&gt;')"
+</pre>
+</p>
+
+<p>
+This link will create a sticky balloon whose contents are from a remote URL.
+<a href="javascript:void(0)" class=tt 
+onmouseover="whiteBalloon.showTooltip(event,'<iframe style=\'width:300;height:300;padding-right:16px\' frameborder=0 src=\'http://www.nypost.com/avantgo/avantnews/avantnews.htm\'></iframe>',1)">
+What's new?</a><br>This requires an embedded iframe.
+<pre>
+ onmouseover="whiteBalloon.showTooltip(event,'\
+ &lt;iframe style=\'width:300;height:300;border:0;padding-right:16px\' \
+ src=\'http://www.nypost.com/avantgo/avantnews/avantnews.htm\'&gt;&lt;/iframe&gt;',1)"
+</pre>
+<br>
+Ajax methods are <a href="http://gmod.org/wiki/Popup_Balloons#Using_AJAX_to_get_balloon_contents">also available</a>.
+</p>
+</body>
+</html>
@@ -0,0 +1,209 @@
+/*jslint plusplus:false,white:false,undef: false, rhino: true, onevar: true, evil: true */
+
+/* 
+This file contains the default configuration options.  
+Default options can be edited in this file or changed after the Balloon object is 
+initiliazed as follows:
+
+  var balloon = new Balloon;
+  balloon.fontColor   = 'black';
+  balloon.fontFamily  = 'Arial, sans-serif';
+  balloon.fontSize    = '12pt';
+
+*/
+
+// Adds all the instance variables to the balloon object.
+// Edit the values as required for your implementation.
+BalloonConfig = function(balloon) {
+
+  // ID of element to which balloon should be added
+  // default = none (document.body is used)
+  // This option may be required for mediawiki or other
+  // implementations with complex stylesheets
+  balloon.parentID = null;
+
+  // properties of fonts contained in basic balloons (default black)
+  balloon.fontColor   = 'black';
+  balloon.fontFamily  = 'Arial, sans-serif';
+  balloon.fontSize    = '12pt';
+
+  // minimum allowed balloon width (px)
+  balloon.minWidth = 150;
+
+  // maximum allowed balloon width (px)
+  balloon.maxWidth = 600;
+
+  // Delay before balloon is displayed (msec)
+  balloon.delayTime = 500;
+
+  // If fade-in/out is allowed
+  balloon.allowFade = false;
+
+  // time interval for fade-in (msec)
+  balloon.fadeIn    = 300;
+
+  // time interval for fade-out (msec)
+  balloon.fadeOut   = 300;  
+
+  // Vertical Distance from cursor location (px)
+  balloon.vOffset  = 0;
+
+  // text-padding within the balloon (px)
+  balloon.padding  = 10;
+
+  // How long to display mousover balloons (msec)
+  // false = 'always on'
+  balloon.displayTime = 10000;
+
+  // width of shadow (space aroung whole balloon; px)
+  // Balloon can be zero if there is no shadow and the
+  // edges of the balloon are also the edges of the image
+  balloon.shadow   = 20;
+
+  // images of balloon body.  If the browser is IE < 7, png alpha
+  // channels will not work.  An optional alternative image can be 
+  // provided.  It should have the same dimensions as the default png image
+  balloon.images        = i3GEO.configura.locaplic+'/pacotes/balloon-tooltips/htdocs/images/';
+  balloon.balloonImage  = 'balloon.png';    // with alpha channels
+  balloon.ieImage       = 'balloon_ie.png'; // indexed color, transparent background
+
+  // whether the balloon should have a stem
+  balloon.stem          = true;
+
+  // The height (px) of the stem and the extent to which the 
+  // stem image should overlaps the balloon image.
+  balloon.stemHeight  = 32;  
+  balloon.stemOverlap = 3;
+  
+  // A stem for each of the four orientations
+  balloon.upLeftStem    = 'up_left.png';
+  balloon.downLeftStem  = 'down_left.png';
+  balloon.upRightStem   = 'up_right.png';
+  balloon.downRightStem = 'down_right.png';
+
+  // A close button for sticky balloons
+  // specify the width of your button image
+  // if you do not use the default image provided
+  balloon.closeButton   = 'close.png';
+  balloon.closeButtonWidth = 16;
+
+
+  
+  /* 
+    This section allows support for AJAX, iframes and JavaScript in balloons
+    If you have concerns about XSS vulnerabilities, set some or all of these
+    values to false;
+  */
+
+  /// URL for default AJAX request handler
+  balloon.helpUrl            = false;
+
+  // Should AJAX be allowed at all?
+  balloon.allowAJAX          = true;
+
+  // Allow iframe elements in balloons?
+  balloon.allowIframes       = true;
+
+  // Allow javascript event handlers in balloons?
+  balloon.allowEventHandlers = false;
+
+  // Allow <script> elements in balloons?
+  balloon.allowScripts       = false;
+
+  // Escape all HTML characters -- this will be very
+  // unnattractive unless your AJAX request returns plain
+  // text.  short of disallowing AJAX entirely, This is the safe 
+  // way to go if you must have AJAX in an environment where 
+  // outside users can send text to the browser/balloon
+  balloon.escapeHTML         = false;
+};
+
+// simple Box alternative
+BoxConfig = function(box) {
+  box.isBox = true;
+
+  // ID of element to which box should be added
+  // default = none (document.body is used)
+  // This option may be required for mediawiki or other
+  // implementations with complex stylesheets
+  box.parentID = null;
+
+  // properties of fonts contained in basic boxes (default black)
+  box.fontColor   = 'black';
+  box.fontFamily  = 'Arial, sans-serif';
+  box.fontSize    = '12pt';
+
+  // border and bgcolor for plain box
+  box.bgColor     = 'whitesmoke';
+  box.borderStyle = '1px solid black'; 
+
+  // minimum allowed box width (px)
+  box.minWidth = 150;
+
+  // maximum allowed box width (px)
+  box.maxWidth = 600;
+
+  // Delay before box is displayed (msec)
+  box.delayTime = 500;
+
+  // If fade-in/out is allowed
+  box.allowFade = false;
+
+  // time interval for fade-in (msec)
+  box.fadeIn    = 300;
+
+  // time interval for fade-out (msec)
+  box.fadeOut   = 300;  
+
+  // Vertical Distance from cursor location (px)
+  box.vOffset  = 5;
+
+  // text-padding within the box (px)
+  box.padding  = 10;
+
+  // How long to display mousover boxes (msec)
+  // false = 'always on'
+  box.displayTime = 10000;
+
+  // no shadows for plain box
+  box.shadow   = 0;
+
+  // no stem for boxes
+  box.stem        = false;
+
+  // A close button for sticky boxes
+  // specify the width of your button image
+  // if you do not use the default image provided
+  box.images        =  '/images/balloons';
+  box.closeButton   = 'close.png';
+  box.closeButtonWidth = 16;
+
+  /* 
+    This section allows support for AJAX, iframes and JavaScript in boxes
+    If you have concerns about XSS vulnerabilities, set some or all of these
+    values to false;
+  */
+
+  /// URL for default AJAX request handler
+  box.helpUrl            = false;
+
+  // Should AJAX be allowed at all?
+  box.allowAJAX          = true;
+
+  // Allow iframe elements in boxes?
+  box.allowIframes       = true;
+
+  // Allow javascript event handlers in boxes?
+  box.allowEventHandlers = false;
+
+  // Allow <script> elements in boxes?
+  box.allowScripts       = false;
+
+  // Escape all HTML characters -- this will be very
+  // unnattractive unless your AJAX request returns plain
+  // text.  short of disallowing AJAX entirely, This is the safe 
+  // way to go if you must have AJAX in an environment where 
+  // outside users can send text to the browser/box
+  box.escapeHTML         = false;
+};
+
@@ -0,0 +1,922 @@
+/*jslint plusplus:false,white:false,undef: false, rhino: false, onevar: false, evil: false */
+
+/*
+ balloon.js -- a DHTML library for balloon tooltips
+
+ $Id: balloon.js,v 1.41 2008/09/23 16:33:17 sheldon_mckay Exp $
+
+ See http://www.gmod.org/wiki/index.php/Popup_Balloons
+ for documentation.
+
+ Copyright (c) 2007,2008 Sheldon McKay, Cold Spring Harbor Laboratory
+
+ This balloon tooltip package and associated files not otherwise copyrighted are 
+ distributed under the MIT-style license:
+ 
+ http://opensource.org/licenses/mit-license.php
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+
+ The above copyright notice and this permission notice shall be included in
+ all copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ THE SOFTWARE.
+
+*/
+
+// These global variables are necessary to avoid losing scope when
+//setting the balloon timeout and for inter-object communication
+var currentBalloonClass;
+var balloonIsVisible;
+var balloonIsSticky;
+var balloonInvisibleSelects;
+var balloonIsSuppressed;
+var tooltipIsSuppressed;
+
+
+//////////////////////////////////////////////////////////////////////////
+// This is constructor that is called to initialize the Balloon object  //
+//////////////////////////////////////////////////////////////////////////
+var Balloon = function () {
+
+  // Get default configuration from balloon.config.js
+  BalloonConfig(this);
+
+  // Track the cursor every time the mouse moves
+  document.onmousemove = this.setActiveCoordinates;
+
+  // scrolling aborts unsticky balloons
+  document.onscroll    = Balloon.prototype.hideTooltip;
+
+  // make balloons go away if the page is unloading or waiting
+  // to unload.
+  window.onbeforeunload = function(){
+    Balloon.prototype.hideTooltip(1);
+    balloonIsSuppressed = true;
+  };
+
+  // for IE, the balloons can;t start until the page is finished loading
+  // set a flag that will get toggled when loading is finished
+  if (this.isIE()) {
+    this.suppress = true;
+  }
+
+  return this;
+};
+
+//////////////////////////////////////////////////////////////////////////
+// This is the function that is called on mouseover.  It has a built-in //
+// delay time to avoid balloons popping up on rapid mouseover events    //
+//////////////////////////////////////////////////////////////////////////
+Balloon.prototype.showTooltip = function(evt,caption,sticky,width) {
+  // Awful IE bug, page load aborts if the balloon is fired
+  // before the page is fully loaded.
+  if (this.isIE() && document.readyState.match(/complete/i)) {
+    this.suppress = false;
+  }
+
+  // All balloons have been suppressed, go no further
+  if (this.suppress || balloonIsSuppressed) {
+    return false;
+  }
+
+  // Non-sticky balloons suppressed
+  if (tooltipIsSuppressed && !sticky) {
+    return false;
+  }
+
+  // Sorry Konqueror, no fade-in for you!
+  if (this.isKonqueror()) this.allowFade = false;
+
+  // Check for mouseover (vs. mousedown or click)
+  var mouseOver = true;
+  try{
+  var mouseOver = evt.type.match('mouseover','i');
+  }catch(e){}  
+
+  // if the firing event is a click, fade-in and a non-sticky balloon make no sense
+  if (!mouseOver) {
+    sticky = true;
+    this.fadeOK = false;
+  }
+  else {
+    this.fadeOK = this.allowFade;
+  }
+
+  // Don't fire on mouseover if a non-sticky balloon is visible
+  if (balloonIsVisible && !balloonIsSticky && mouseOver) return false;
+
+  // Don't start a non-sticky balloon if a sticky one is visible
+  if (balloonIsVisible && balloonIsSticky && !sticky) return false;
+
+  // Ignore repeated firing of mouseover->mouseout events on 
+  // the same element (Safari)
+  try{
+  	var el = this.getEventTarget(evt);
+  }catch(e){var el = evt;}
+  if (sticky && mouseOver && this.isSameElement(el,this.currentElement)) return false;
+  this.firingElement = el;
+
+  // A new sticky balloon can erase an old one
+  if (sticky) this.hideTooltip(1);
+
+  // attach a mouseout event handler to the target element
+  var closeBalloon = function() { 
+ 	var override = balloonIsSticky && !balloonIsVisible;
+    Balloon.prototype.hideTooltip(override);
+    i3GEO.janela.excluiTips();
+  };
+  if (!mouseOver) el.onmouseup  = function() {return false;};
+  el.onmouseout = closeBalloon;
+
+  balloonIsSticky = sticky;
+
+  // force balloon width and/or height if requested
+  this.width  = width;
+
+  this.hideTooltip();
+
+  // request the contents synchronously (ie wait for result)
+  this.currentHelpText = this.getAndCheckContents(caption);
+
+  // no contents? abort.
+  if (!this.currentHelpText) {
+    return false;
+  }
+
+  // Put the balloon contents and images into a visible (but offscreen)
+  // element so they will be preloaded and have a layout to 
+  // calculate the balloon dimensions
+  if (!this.container) {
+    this.container = document.createElement('div');
+    document.body.appendChild(this.container);
+    this.setStyle(this.container,'position','absolute');
+    this.setStyle(this.container,'top',-8888);
+    this.setStyle(this.container,'display','inline');
+    this.setStyle(this.container,'z-index',2);
+    this.setStyle(this.container,'color',this.fontColor);
+    this.setStyle(this.container,'font-family',this.fontFamily);
+    this.setStyle(this.container,'font-size',this.fontSize);
+  }
+  else {
+    this.setStyle(this.container,'display','inline');
+  }
+
+  this.container.innerHTML = unescape(this.currentHelpText);
+
+  // make sure balloon image path is complete
+  if (this.images) {
+    // main background image
+    this.balloonImage  = this.balloonImage  ? this.images +'/'+ this.balloonImage  : false;
+    this.ieImage       = this.ieImage       ? this.images +'/'+ this.ieImage       : false;
+
+    // optional stems
+    this.upLeftStem    = this.upLeftStem    ? this.images +'/'+ this.upLeftStem    : false;
+    this.upRightStem   = this.upRightStem   ? this.images +'/'+ this.upRightStem   : false;
+    this.downLeftStem  = this.downLeftStem  ? this.images +'/'+ this.downLeftStem  : false;
+    this.downRightStem = this.downRightStem ? this.images +'/'+ this.downRightStem : false;
+
+    this.closeButton   = this.closeButton   ? this.images +'/'+ this.closeButton   : false;
+
+    this.images        = false;
+  }
+
+  // if this is IE < 7 use an alternative image (if provided)
+  if (this.isOldIE() && this.ieImage) {
+    this.balloonImage = this.ieImage;
+  }
+
+  // preload balloon images 
+  if (!this.preloadedImages) {
+    var images = new Array(this.balloonImage, this.closeButton);
+    if (this.ieImage) {
+      images.push(this.ieImage);
+    }
+    if (this.stem) {
+      images.push(this.upLeftStem,this.upRightStem,this.downLeftStem,this.downRightStem);
+    }
+    var len = images.length;
+    for (var i=0;i<len;i++) {
+      if ( images[i] ) {
+        this.preload(images[i]);
+      }
+    }
+    this.preloadedImages = true;
+  }
+
+  currentBalloonClass = this;
+
+  // Capture coordinates for mousedown or click
+  if (!mouseOver) this.setActiveCoordinates(evt);
+this.setActiveCoordinates(evt);
+  // Remember which event started this
+  this.currentEvent = evt;
+  this.doShowTooltip(); //
+
+  // Make delay time short for onmousedown
+  //var delay = mouseOver ? this.delayTime : 1;
+  //this.timeoutTooltip = window.setTimeout(this.doShowTooltip,1);
+};
+
+
+// Preload the balloon background images
+Balloon.prototype.preload = function(src) {
+  var i = new Image;
+  i.src = src;
+
+  // append to the DOM tree so the images have a layout,
+  // then remove.
+  this.setStyle(i,'position','absolute');
+  this.setStyle(i,'top',-8000);
+  document.body.appendChild(i);
+  document.body.removeChild(i);
+};
+
+
+/////////////////////////////////////////////////////////////////////
+// Tooltip rendering function
+/////////////////////////////////////////////////////////////////////
+Balloon.prototype.doShowTooltip = function() {
+  var self = currentBalloonClass;
+
+  // Stop firing if a balloon is already being displayed
+  if (balloonIsVisible) return false;  
+
+  if (!self.parent) {
+    if (self.parentID) {
+      self.parent = document.getElementById(self.parentID);
+    }
+    else {
+      self.parent = document.body;
+    }
+    self.xOffset = self.getLoc(self.parent, 'x1');
+    self.yOffset = self.getLoc(self.parent, 'y1');
+  }
+
+  // a short delay time might cause some intereference
+  // with fade-out
+  window.clearTimeout(self.timeoutFade);
+  self.setStyle('balloon','display','none');
+
+  // make sure user-configured numbers are not strings
+  self.parseIntAll();
+
+  // create the balloon object
+  var balloon = self.makeBalloon();
+
+  // window dimensions
+  var pageWidth   = YAHOO.util.Dom.getViewportWidth();
+  var pageCen     = Math.round(pageWidth/2);
+  var pageHeight  = YAHOO.util.Dom.getViewportHeight();
+  var pageLeft    = YAHOO.util.Dom.getDocumentScrollLeft();
+  var pageTop     = YAHOO.util.Dom.getDocumentScrollTop();
+  var pageMid     = pageTop + Math.round(pageHeight/2);
+  self.pageBottom = pageTop + pageHeight;
+  self.pageTop    = pageTop;
+
+  // do we have a cursor position?
+  if (!(self.activeTop && self.activeRight)) {
+    self.setActiveCoordinates();
+  }
+  // balloon orientation
+  var vOrient = self.activeTop > pageMid ? 'up' : 'down';
+  var hOrient = self.activeRight > pageCen ? 'left' : 'right';
+  
+  // get the preloaded balloon contents
+  var helpText = self.container.innerHTML;
+
+  self.contents.innerHTML = helpText;
+  // how and where to draw the balloon
+  self.setBalloonStyle(vOrient,hOrient,pageWidth,pageLeft);
+
+  // close control for balloon or box
+  if (balloonIsSticky) {
+    self.addCloseButton();
+  }
+
+  balloonIsVisible = true;
+
+  // in IE < 7, hide <select> elements
+  self.showHide();
+
+  self.fade(0,95,self.fadeIn);
+};
+
+Balloon.prototype.addCloseButton = function () {
+  var self         = currentBalloonClass;
+  var margin       = Math.round(self.padding/2);
+  var closeWidth   = self.closeButtonWidth || 16;
+  var balloonTop   = self.getLoc('balloon','y1') + margin + self.shadow;
+  var BalloonLeft  = self.getLoc('topRight','x2') - self.closeButtonWidth - self.shadow - margin;
+  var closeButton  = document.getElementById('closeButton');
+
+  if (!closeButton) {
+    closeButton = new Image;
+    closeButton.setAttribute('id','closeButton');
+    closeButton.setAttribute('src',self.closeButton);
+    closeButton.onclick = function() {
+      Balloon.prototype.hideTooltip(1);
+      if($i("marcaIdentifica"))
+	  {document.body.removeChild($i("marcaIdentifica"));}
+    };
+    self.setStyle(closeButton,'position','absolute');
+    document.body.appendChild(closeButton);
+  }
+
+  self.setStyle(closeButton,'top',balloonTop);
+  self.setStyle(closeButton,'left',BalloonLeft);
+  self.setStyle(closeButton,'display','inline');
+  self.setStyle(closeButton,'cursor','pointer');
+  self.setStyle(closeButton,'z-index',999999999);
+};
+
+// use a fresh object every time to make sure style 
+// is not polluted
+Balloon.prototype.makeBalloon = function() {
+  var self = currentBalloonClass;
+
+  var balloon = document.getElementById('balloon');
+  if (balloon) self.parent.removeChild(balloon);
+
+  balloon = document.createElement('div');
+  balloon.setAttribute('id','balloon');
+  self.parent.appendChild(balloon);
+  self.activeBalloon = balloon;
+
+  self.parts = new Array(balloon);
+  var parts = new Array('contents','topRight','bottomRight','bottomLeft');
+  for (var i=0;i<parts.length;i++) {
+    var child = document.createElement('div');
+    child.setAttribute('id',parts[i]);
+    balloon.appendChild(child);
+    if (parts[i] == 'contents') self.contents = child;
+    self.parts.push(child);
+  }
+
+  self.setStyle('contents','z-index',2);
+  self.setStyle('contents','color',self.fontColor);
+  self.setStyle('contents','font-family',self.fontFamily);
+  self.setStyle('contents','font-size',self.fontSize);
+
+  if (balloonIsSticky) {
+    self.setStyle('contents','margin-right',10); 
+  }
+  else if (self.displayTime)  {
+      self.timeoutAutoClose = window.setTimeout(this.hideTooltip,self.displayTime);
+  }
+  return balloon;
+};
+
+
+Balloon.prototype.setBalloonStyle = function(vOrient,hOrient,pageWidth,pageLeft) {
+  var self = currentBalloonClass;
+  var balloon = self.activeBalloon;
+
+  if (typeof(self.shadow) != 'number') self.shadow = 0;
+  if (!self.stem) self.stemHeight = 0;
+
+  var fullPadding   = self.padding + self.shadow;
+  var insidePadding = self.padding;
+
+  self.setStyle(balloon,'background','url('+self.balloonImage+') top left no-repeat');
+  self.setStyle(balloon,'position','absolute');
+  self.setStyle(balloon,'padding-top',fullPadding);
+  self.setStyle(balloon,'padding-left',fullPadding);
+  self.setStyle(balloon,'top',-9999);
+  self.setStyle(balloon,'z-index',1000000);
+  
+
+  self.setStyle('bottomRight','background','url('+self.balloonImage+') bottom right no-repeat');
+  self.setStyle('bottomRight','position','absolute');
+  self.setStyle('bottomRight','right',0-fullPadding);
+  self.setStyle('bottomRight','bottom',0-fullPadding);
+  self.setStyle('bottomRight','height',fullPadding);
+  self.setStyle('bottomRight','width',fullPadding);
+  self.setStyle('bottomRight','z-index',-1);
+
+  self.setStyle('topRight','background','url('+self.balloonImage+') top right no-repeat');
+  self.setStyle('topRight','position','absolute');
+  self.setStyle('topRight','right',0-fullPadding);
+  self.setStyle('topRight','top',0);
+  self.setStyle('topRight','width',fullPadding);
+
+  self.setStyle('bottomLeft','background','url('+self.balloonImage+') bottom left no-repeat');
+  self.setStyle('bottomLeft','position','absolute');
+  self.setStyle('bottomLeft','left',0);
+  self.setStyle('bottomLeft','bottom',0-fullPadding);
+  self.setStyle('bottomLeft','height',fullPadding);
+  self.setStyle('bottomLeft','z-index',-1);
+
+  if (this.stem) {
+    var stem = document.createElement('img');
+    self.setStyle(stem,'position','absolute');
+    balloon.appendChild(stem);    
+
+    if (vOrient == 'up' && hOrient == 'left') {  
+      stem.src = self.upLeftStem;
+      var height = self.stemHeight + insidePadding - self.stemOverlap;
+      self.setStyle(stem,'bottom',0-height);
+      self.setStyle(stem,'right',0);             
+    }
+    else if (vOrient == 'down' && hOrient == 'left') {
+      stem.src = self.downLeftStem;
+      var height = self.stemHeight - (self.shadow + self.stemOverlap);
+      self.setStyle(stem,'top',0-height);
+      self.setStyle(stem,'right',0);
+    }
+    else if (vOrient == 'up' && hOrient == 'right') {
+      stem.src = self.upRightStem;
+      var height = self.stemHeight + insidePadding - self.stemOverlap;
+      self.setStyle(stem,'bottom',0-height);
+      self.setStyle(stem,'left',self.shadow);
+    }
+    else if (vOrient == 'down' && hOrient == 'right') {
+      stem.src = self.downRightStem;
+      var height = self.stemHeight - (self.shadow + self.stemOverlap);
+      self.setStyle(stem,'top',0-height);
+      self.setStyle(stem,'left',self.shadow);
+    }
+
+  }
+//
+  // flip left or right, as required
+  if (hOrient == 'left') {
+    var activeRight = pageWidth - self.activeLeft;
+    self.setStyle(balloon,'right',activeRight);// - self.xOffset);
+  }
+  else {
+    self.setStyle(balloon,'left',self.activeRight - self.xOffset);
+  }
+
+  if (!self.width) {
+    var width = self.getLoc('contents','width');
+    if (self.isIE()) width += 50;
+    if (width > self.maxWidth) width = self.maxWidth + 50;
+    if (width < self.minWidth) width = self.minWidth;
+    self.setStyle(balloon,'width',width);
+  }
+  else {
+    self.setStyle(balloon,'width',self.width);
+  }
+//
+  // Make sure the balloon is not offscreen
+  var balloonPad   = self.padding + self.shadow;
+  var balloonLeft  = self.getLoc(balloon,'x1');
+  var balloonRight = self.getLoc(balloon,'x2');
+  if (hOrient == 'left')  balloonLeft  += balloonPad;
+  if (hOrient == 'right') balloonRight += balloonPad;
+  var pageRight    = pageLeft + pageWidth;
+
+  if (hOrient == 'right' && balloonRight > (pageRight-30)) {
+    self.setStyle(balloon,'width',(pageRight - balloonLeft) - 50);
+  }
+  else if (hOrient == 'left' && balloonLeft < (pageLeft+30)) {
+    self.setStyle(balloon,'width',(balloonRight - pageLeft) - 50);
+  }
+
+  // Set the width/height for the right and bottom outlines
+  var lineWidth  = self.getLoc(balloon,'width');
+  var lineHeight = self.getLoc(balloon,'height');
+
+  self.setStyle('topRight','height',lineHeight);
+  self.setStyle('bottomLeft','width',lineWidth);
+
+//
+
+  // IE7 quirk -- look for unwanted overlap cause by an off by 1px error
+  var vOverlap = self.isOverlap('topRight','bottomRight');
+  var hOverlap = self.isOverlap('bottomLeft','bottomRight');
+  if (vOverlap) self.setStyle('topRight','height',lineHeight-vOverlap[1]);
+  if (hOverlap) self.setStyle('bottomLeft','width',lineWidth-hOverlap[0]);
+  if (vOrient == 'up') {
+    var activeTop = self.activeTop - self.vOffset - self.stemHeight - lineHeight;
+    self.setStyle(balloon,'top',activeTop - self.yOffset);
+    self.setStyle(balloon,'display','inline');
+  }
+  else {
+    var activeTop = self.activeTop + self.vOffset + self.stemHeight;
+    self.setStyle(balloon,'top',activeTop - self.yOffset);
+  }
+  self.setOpacity(1);
+};;
+
+// Fade method adapted from an example on 
+// http://brainerror.net/scripts/javascript/blendtrans/
+Balloon.prototype.fade = function(opacStart, opacEnd, millisec) {
+  var self = currentBalloonClass || new Balloon;
+
+  //speed for each frame
+  var speed = Math.round(millisec / 100);
+  var timer = 0;
+  if(opacStart > opacEnd) {
+    if (self.fadeOK) {
+      for(o = opacStart; o >= opacEnd; o--) {
+        self.timeoutFade = setTimeout('Balloon.prototype.setOpacity('+o+')',(timer*speed));
+        timer++;
+      }
+      setTimeout("Balloon.prototype.setStyle('balloon','display','none')",millisec);
+    }
+    else {
+      self.setStyle('balloon','display','none');
+    }
+  }
+  else if(opacStart < opacEnd && self.fadeOK) {
+    for(o = opacStart; o <= opacEnd; o++) {
+      self.timeoutFade = setTimeout('Balloon.prototype.setOpacity('+o+')',(timer*speed));
+      timer++;
+    }
+  }
+};
+
+Balloon.prototype.setOpacity = function(opc) {
+  var self = currentBalloonClass;
+  if (!self || !self.fadeOK) return false;
+
+  var o = parseFloat((opc||0)/100);
+  
+  /////////////////////////////////////////////////////////////
+  // Very irritating IE deficiency: it can't handle changing //
+  // opacity of child elements.  Just fade balloon contents  //
+  // for IE and the whole balloon for less obtuse browsers.  //
+  var el = self.isIE() ? 'contents' : 'balloon';             //
+  /////////////////////////////////////////////////////////////
+
+  var b  = document.getElementById(el);
+  if (!b) return false;
+
+  // CSS standards-compliant browsers!
+  self.setStyle(b,'opacity',o);
+  // old IE
+  self.setStyle(b,'filter','alpha(opacity= '+opc+')');
+  // old Mozilla/NN
+  self.setStyle(b,'MozOpacity',o);
+  // old Safari
+  self.setStyle(b,'KhtmlOpacity',o);
+
+};
+
+Balloon.prototype.hideTooltip = function(override) {
+  // some browsers pass the event object == we don't want it
+  if (override && typeof override == 'object') override = false;
+  if (balloonIsSticky && !override) return false;
+  
+  var self = currentBalloonClass;
+
+  if (self) {
+    window.clearTimeout(self.timeoutTooltip);
+    window.clearTimeout(self.timeoutAutoClose);
+  }
+
+  if (balloonIsSticky && self) self.currentElement = null;
+
+  balloonIsVisible = false;
+  //botao de fechar ativo
+  balloonIsSticky  = true;
+
+  var closeButton = document.getElementById('closeButton');
+  if (closeButton) {
+    YAHOO.util.Dom.setStyle(closeButton,'display','none');
+  }
+
+  if (!self) {
+    var hideBalloon  = document.getElementById('balloon');
+    if (hideBalloon) Balloon.prototype.setStyle(hideBalloon,'display','none');
+  }
+  else if (self.activeBalloon) {
+    if (!override && self.fadeOK && !self.isIE()) self.fade(95,0,self.fadeOut);
+    else self.setStyle(self.activeBalloon,'display','none');
+  }
+  Balloon.prototype.showHide(1);
+};
+
+// this function is meant to be called externally to clear
+// any open balloons
+hideAllTooltips = function() {
+  var self = currentBalloonClass;
+  if (!self) return;
+  window.clearTimeout(self.timeoutTooltip);
+  if (self.activeBalloon) self.setStyle(self.activeBalloon,'display','none');
+  balloonIsVisible    = false;
+  balloonIsSticky     = false;
+  currentBalloonClass = null;
+};
+
+
+// Track the active mouseover coordinates
+Balloon.prototype.setActiveCoordinates = function(event) {
+
+  var self = currentBalloonClass;
+  if (!self) return false;
+  var b = self.activeBalloon;
+//
+//modificado por edmar
+//
+  try{
+  	if(typeof(event.id) == "string")
+  	{
+  		var pos = i3GEO.util.pegaPosicaoObjeto(event);
+    	self.activeTop    = pos[1] - 10;
+    	self.activeLeft   = pos[0] - 10;
+    	self.activeRight  = self.activeLeft + 20;
+    	self.activeBottom = self.activeTop  + 20;
+    	return true; 	
+  	}
+  }catch(e){}
+  var evt = event || window.event || self.currentEvent;
+  if (!evt) {
+    return false;
+  }
+  var XY = self.eventXY(evt);
+  self.activeTop    = XY[1] - 10;
+  self.activeLeft   = XY[0] - 10;
+  self.activeRight  = self.activeLeft + 20;
+  self.activeBottom = self.activeTop  + 20;
+
+  return true;
+};
+
+////
+// event XY and getEventTarget Functions based on examples by Peter-Paul
+// Koch http://www.quirksmode.org/js/events_properties.html
+Balloon.prototype.eventXY = function(event) {
+  var XY = new Array(2);
+  var e = event || window.event;
+
+  if (e.pageX || e.pageY) {
+    XY[0] = e.pageX;
+    XY[1] = e.pageY;
+  }
+  else if ( e.clientX || e.clientY ) {
+    XY[0] = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
+    XY[1] = e.clientY + document.body.scrollTop  + document.documentElement.scrollTop;
+  }
+  //XY[0] = XY[0] + 10;
+  return XY;
+};
+
+Balloon.prototype.getEventTarget = function(event) {
+  var targ;
+  var e = event || window.event;
+  if (e.target) targ = e.target;
+  else if (e.srcElement) targ = e.srcElement;
+  if (targ.nodeType == 3) targ = targ.parentNode; // Safari
+  return targ;
+};
+////
+
+
+Balloon.prototype.setStyle = function(el,att,val) {
+  if (!el) return false;
+  if (val && att.match(/left|top|bottom|right|width|height|padding|margin/)) val += 'px'; 
+  if (typeof(el) != 'object') el = document.getElementById(el);
+
+  // z-index does not work as expected
+  if (att == 'z-index') {
+    if (el.style) {
+      el.style.zIndex = parseInt(val);
+    }
+  }
+  else {
+    YAHOO.util.Dom.setStyle(el,att,val);
+  }
+};
+
+// Uses YAHOO's region class for element coordinates
+Balloon.prototype.getLoc = function(el,request) {
+  var region = YAHOO.util.Dom.getRegion(el);
+
+  switch(request) {
+    case ('y1') : return parseInt(region.top);
+    case ('y2') : return parseInt(region.bottom);
+    case ('x1') : return parseInt(region.left);
+    case ('x2') : return parseInt(region.right);
+    case ('width')  : return (parseInt(region.right)  - parseInt(region.left));
+    case ('height') : return (parseInt(region.bottom) - parseInt(region.top));
+    case ('region') : return region; 
+ }
+};
+
+// We don't know if numbers are overridden with strings
+// so play it safe
+Balloon.prototype.parseIntAll = function() {
+  this.padding     = parseInt(this.padding);
+  this.shadow      = parseInt(this.shadow);
+  this.stemHeight  = parseInt(this.stemHeight);
+  this.stemOverlap = parseInt(this.stemOverlap);
+  this.vOffset     = parseInt(this.vOffset);
+  this.delayTime   = parseInt(this.delayTime);
+  this.width       = parseInt(this.width);
+  this.maxWidth    = parseInt(this.maxWidth);
+  this.minWidth    = parseInt(this.minWidth);
+  this.fadeIn      = parseInt(this.fadeIn);
+  this.fadeOut     = parseInt(this.fadeOut);  
+};
+
+
+// show/hide select elements in older IE
+// plus user-defined elements
+Balloon.prototype.showHide = function(visible) {
+  var self = currentBalloonClass || new Balloon;
+
+  // IE z-index bug fix (courtesy of Lincoln Stein)
+  if (self.isOldIE()) {
+    if (!visible) {
+      var balloonSelects = document.getElementById('contents').getElementsByTagName('select');
+      var myHash = new Object();
+      for (var i=0; i<balloonSelects.length; i++) {
+        var id = balloonSelects[i].id || balloonSelects[i].name;
+        myHash[id] = 1;
+      }
+      balloonInvisibleSelects = new Array();
+      var allSelects = document.getElementsByTagName('select');
+      for (var i=0; i<allSelects.length; i++) {
+        var id = allSelects[i].id || allSelects[i].name;
+        if (self.isOverlap(allSelects[i],self.activeBalloon) && !myHash[id]) {
+          balloonInvisibleSelects.push(allSelects[i]);
+          self.setStyle(allSelects[i],'visibility','hidden');
+        }
+      }
+    }
+    else if (balloonInvisibleSelects) {
+      for (var i=0; i < balloonInvisibleSelects.length; i++) {
+        var id = balloonInvisibleSelects[i].id || balloonInvisibleSelects[i].name;
+        self.setStyle(balloonInvisibleSelects[i],'visibility','visible');
+     }
+     balloonInvisibleSelects = null;
+    }
+  }
+
+  // show/hide any user-specified elements that overlap the balloon
+  if (self.hide) {
+    var display = visible ? 'inline' : 'none';
+    for (var n=0;n<self.hide.length;n++) {
+      if (self.isOverlap(self.activeBalloon,self.hide[n])) {
+        self.setStyle(self.hide[n],'display',display);
+      }
+    }
+  }
+};
+
+// Try to find overlap
+Balloon.prototype.isOverlap = function(el1,el2) {
+  if (!el1 || !el2) return false;
+  var R1 = this.getLoc(el1,'region');
+  var R2 = this.getLoc(el2,'region');
+  if (!R1 || !R2) return false;
+  var intersect = R1.intersect(R2);
+  if (intersect) {
+    // extent of overlap;
+    intersect = new Array((intersect.right - intersect.left),(intersect.bottom - intersect.top));
+  }
+  return intersect;
+};
+
+// Coordinate-based test for the same element
+Balloon.prototype.isSameElement = function(el1,el2) {
+  if (!el1 || !el2) return false;
+  var R1 = this.getLoc(el1,'region');
+  var R2 = this.getLoc(el2,'region');
+  var same = R1.contains(R2) && R2.contains(R1);
+  return same ? true : false;
+};
+
+
+///////////////////////////////////////////////////////
+// Security -- get the balloon contents while checking 
+// for disallowed elements.
+//////////////////////////////////////////////////////
+Balloon.prototype.getAndCheckContents = function(caption) {
+  var originalCaption = caption;
+  var notAllowed = 'are not allowed in popup balloons in this web site.Please contact the site administrator for assistance.';
+  var notSupported = 'AJAX is not supported for popup balloons in this web site. Please contact the site administrator for assistance.';
+  
+  // no Help Url without AJAX
+  if (this.helpUrl && !this.allowAJAX) {
+    //alert('Sorry, you have specified help URL '+this.helpUrl+' but '+notSupported);
+    //return null;
+  }
+
+  // look for a url in the balloon contents
+  if (caption.match(/^url:/)) {
+    this.activeUrl = caption.replace(/^url:/,'');
+    caption = '';
+  }
+  // or if the text is a bare hyperlink
+  else if (caption.match(/^(https?:|\/|ftp:)\S+$/i)) {
+    this.activeUrl = caption;
+    caption = '';
+  }
+
+  // Make sure AJAX is allowed
+  if (this.activeUrl && !this.allowAJAX) {
+    //alert('Sorry, you asked for '+originalCaption+' but '+notSupported);
+    //return null;
+  }  
+
+  // check if the contents are to be retrieved from an element
+  if (caption.match(/^load:/)) {
+    var load = caption.split(':');
+    if (!document.getElementById(load[1])) alert ('problem locating element '+load[1]);
+    caption = document.getElementById(load[1]).innerHTML;
+    this.loadedFromElement = true;
+  }
+
+  // check if iframes are allowed
+  if (caption.match(/\<\s*iframe/i) && !this.allowIframes) {
+    //alert('Sorry: iframe elements '+notAllowed);
+    //return null;
+  }
+
+  // check if event handlers are allowed
+  if (caption.match(/\bon(load|mouse|click|unload|before)[^=]*=/i) && !this.allowEventHandlers) {
+    //alert('Sorry: JavaScript event handlers '+notAllowed);
+    //return null;
+  }
+
+  // check for script elements
+  if (caption.match(/\<\s*script/i) && !this.allowScripts) {
+    //alert('Sorry: <script> elements '+notAllowed);
+    //return null;
+  }
+
+  // request the contents
+  this.currentHelpText = this.getContents(caption);
+  this.loadedFromElement = false;
+  
+  return this.currentHelpText;;
+};
+
+
+///////////////////////////////////////////////////////
+// AJAX widget to fill the balloons
+// requires prototype.js
+///////////////////////////////////////////////////////
+Balloon.prototype.getContents = function(section) {
+
+  // just pass it back if no AJAX handler is required.
+  if (!this.helpUrl && !this.activeUrl) return section;
+
+  // or if the contents are already loaded from another element
+  if (this.loadedFromElement) return section;
+
+  // inline URL takes precedence
+  var url = this.activeUrl || this.helpUrl;
+  url    += this.activeUrl ? '' : '?section='+section;
+
+  // activeUrl is meant to be single-use only
+  this.activeUrl = null;
+
+  var ajax;
+  if (window.XMLHttpRequest) {
+    ajax = new XMLHttpRequest();
+  } else {
+    ajax = new ActiveXObject("Microsoft.XMLHTTP");
+  }
+
+  if (ajax) {
+    ajax.open("GET", url, false);
+    ajax.onreadystatechange=function() {
+      //alert(ajax.readyState);
+    };
+    try {
+      ajax.send(null);
+    }
+    catch (e) {
+    // alert(e);
+    }
+    var txt = this.escapeHTML ? escape(ajax.responseText) : ajax.responseText;
+    return  txt || section;
+  }
+  else {
+    return section;
+  }
+};
+
+
+// test for internet explorer
+Balloon.prototype.isIE = function() {
+  return document.all && !window.opera;
+};
+
+// test for internet explorer (but not IE7)
+Balloon.prototype.isOldIE = function() {
+  if (navigator.appVersion.indexOf("MSIE") == -1) return false;
+  var temp=navigator.appVersion.split("MSIE");
+  return parseFloat(temp[1]) < 7;
+};
+
+// test for Konqueror
+Balloon.prototype.isKonqueror = function() {
+  return navigator.userAgent.indexOf( 'Konqueror' ) != -1;
+};
@@ -0,0 +1 @@
+BalloonConfig=function(balloon){balloon.parentID=null;balloon.fontColor='black';balloon.fontFamily='Arial, sans-serif';balloon.fontSize='12pt';balloon.minWidth=150;balloon.maxWidth=600;balloon.delayTime=500;balloon.allowFade=false;balloon.fadeIn=300;balloon.fadeOut=300;balloon.vOffset=0;balloon.padding=10;balloon.displayTime=10000;balloon.shadow=20;balloon.images=i3GEO.configura.locaplic+'/pacotes/balloon-tooltips/htdocs/images/';balloon.balloonImage='balloon.png';balloon.ieImage='balloon_ie.png';balloon.stem=true;balloon.stemHeight=32;balloon.stemOverlap=3;balloon.upLeftStem='up_left.png';balloon.downLeftStem='down_left.png';balloon.upRightStem='up_right.png';balloon.downRightStem='down_right.png';balloon.closeButton='close.png';balloon.closeButtonWidth=16;balloon.helpUrl=false;balloon.allowAJAX=true;balloon.allowIframes=true;balloon.allowEventHandlers=false;balloon.allowScripts=false;balloon.escapeHTML=false};BoxConfig=function(box){box.isBox=true;box.parentID=null;box.fontColor='black';box.fontFamily='Arial, sans-serif';box.fontSize='12pt';box.bgColor='whitesmoke';box.borderStyle='1px solid black';box.minWidth=150;box.maxWidth=600;box.delayTime=500;box.allowFade=false;box.fadeIn=300;box.fadeOut=300;box.vOffset=5;box.padding=10;box.displayTime=10000;box.shadow=0;box.stem=false;box.images='/images/balloons';box.closeButton='close.png';box.closeButtonWidth=16;box.helpUrl=false;box.allowAJAX=true;box.allowIframes=true;box.allowEventHandlers=false;box.allowScripts=false;box.escapeHTML=false};
 \ No newline at end of file
@@ -0,0 +1 @@
+var currentBalloonClass;var balloonIsVisible;var balloonIsSticky;var balloonInvisibleSelects;var balloonIsSuppressed;var tooltipIsSuppressed;var Balloon=function(){BalloonConfig(this);document.onmousemove=this.setActiveCoordinates;document.onscroll=Balloon.prototype.hideTooltip;window.onbeforeunload=function(){Balloon.prototype.hideTooltip(1);balloonIsSuppressed=true};if(this.isIE()){this.suppress=true}return this};Balloon.prototype.showTooltip=function(evt,caption,sticky,width){if(this.isIE()&&document.readyState.match(/complete/i)){this.suppress=false}if(this.suppress||balloonIsSuppressed){return false}if(tooltipIsSuppressed&&!sticky){return false}if(this.isKonqueror())this.allowFade=false;var mouseOver=true;try{var mouseOver=evt.type.match('mouseover','i')}catch(e){}if(!mouseOver){sticky=true;this.fadeOK=false}else{this.fadeOK=this.allowFade}if(balloonIsVisible&&!balloonIsSticky&&mouseOver)return false;if(balloonIsVisible&&balloonIsSticky&&!sticky)return false;try{var el=this.getEventTarget(evt)}catch(e){var el=evt}if(sticky&&mouseOver&&this.isSameElement(el,this.currentElement))return false;this.firingElement=el;if(sticky)this.hideTooltip(1);var closeBalloon=function(){var override=balloonIsSticky&&!balloonIsVisible;Balloon.prototype.hideTooltip(override);i3GEO.janela.excluiTips()};if(!mouseOver)el.onmouseup=function(){return false};el.onmouseout=closeBalloon;balloonIsSticky=sticky;this.width=width;this.hideTooltip();this.currentHelpText=this.getAndCheckContents(caption);if(!this.currentHelpText){return false}if(!this.container){this.container=document.createElement('div');document.body.appendChild(this.container);this.setStyle(this.container,'position','absolute');this.setStyle(this.container,'top',-8888);this.setStyle(this.container,'display','inline');this.setStyle(this.container,'z-index',2);this.setStyle(this.container,'color',this.fontColor);this.setStyle(this.container,'font-family',this.fontFamily);this.setStyle(this.container,'font-size',this.fontSize)}else{this.setStyle(this.container,'display','inline')}this.container.innerHTML=unescape(this.currentHelpText);if(this.images){this.balloonImage=this.balloonImage?this.images+'/'+this.balloonImage:false;this.ieImage=this.ieImage?this.images+'/'+this.ieImage:false;this.upLeftStem=this.upLeftStem?this.images+'/'+this.upLeftStem:false;this.upRightStem=this.upRightStem?this.images+'/'+this.upRightStem:false;this.downLeftStem=this.downLeftStem?this.images+'/'+this.downLeftStem:false;this.downRightStem=this.downRightStem?this.images+'/'+this.downRightStem:false;this.closeButton=this.closeButton?this.images+'/'+this.closeButton:false;this.images=false}if(this.isOldIE()&&this.ieImage){this.balloonImage=this.ieImage}if(!this.preloadedImages){var images=new Array(this.balloonImage,this.closeButton);if(this.ieImage){images.push(this.ieImage)}if(this.stem){images.push(this.upLeftStem,this.upRightStem,this.downLeftStem,this.downRightStem)}var len=images.length;for(var i=0;i<len;i++){if(images[i]){this.preload(images[i])}}this.preloadedImages=true}currentBalloonClass=this;if(!mouseOver)this.setActiveCoordinates(evt);this.setActiveCoordinates(evt);this.currentEvent=evt;this.doShowTooltip()};Balloon.prototype.preload=function(src){var i=new Image;i.src=src;this.setStyle(i,'position','absolute');this.setStyle(i,'top',-8000);document.body.appendChild(i);document.body.removeChild(i)};Balloon.prototype.doShowTooltip=function(){var self=currentBalloonClass;if(balloonIsVisible)return false;if(!self.parent){if(self.parentID){self.parent=document.getElementById(self.parentID)}else{self.parent=document.body}self.xOffset=self.getLoc(self.parent,'x1');self.yOffset=self.getLoc(self.parent,'y1')}window.clearTimeout(self.timeoutFade);self.setStyle('balloon','display','none');self.parseIntAll();var balloon=self.makeBalloon();var pageWidth=YAHOO.util.Dom.getViewportWidth();var pageCen=Math.round(pageWidth/2);var pageHeight=YAHOO.util.Dom.getViewportHeight();var pageLeft=YAHOO.util.Dom.getDocumentScrollLeft();var pageTop=YAHOO.util.Dom.getDocumentScrollTop();var pageMid=pageTop+Math.round(pageHeight/2);self.pageBottom=pageTop+pageHeight;self.pageTop=pageTop;if(!(self.activeTop&&self.activeRight)){self.setActiveCoordinates()}var vOrient=self.activeTop>pageMid?'up':'down';var hOrient=self.activeRight>pageCen?'left':'right';var helpText=self.container.innerHTML;self.contents.innerHTML=helpText;self.setBalloonStyle(vOrient,hOrient,pageWidth,pageLeft);if(balloonIsSticky){self.addCloseButton()}balloonIsVisible=true;self.showHide();self.fade(0,95,self.fadeIn)};Balloon.prototype.addCloseButton=function(){var self=currentBalloonClass;var margin=Math.round(self.padding/2);var closeWidth=self.closeButtonWidth||16;var balloonTop=self.getLoc('balloon','y1')+margin+self.shadow;var BalloonLeft=self.getLoc('topRight','x2')-self.closeButtonWidth-self.shadow-margin;var closeButton=document.getElementById('closeButton');if(!closeButton){closeButton=new Image;closeButton.setAttribute('id','closeButton');closeButton.setAttribute('src',self.closeButton);closeButton.onclick=function(){Balloon.prototype.hideTooltip(1);if($i("marcaIdentifica")){document.body.removeChild($i("marcaIdentifica"))}};self.setStyle(closeButton,'position','absolute');document.body.appendChild(closeButton)}self.setStyle(closeButton,'top',balloonTop);self.setStyle(closeButton,'left',BalloonLeft);self.setStyle(closeButton,'display','inline');self.setStyle(closeButton,'cursor','pointer');self.setStyle(closeButton,'z-index',999999999)};Balloon.prototype.makeBalloon=function(){var self=currentBalloonClass;var balloon=document.getElementById('balloon');if(balloon)self.parent.removeChild(balloon);balloon=document.createElement('div');balloon.setAttribute('id','balloon');self.parent.appendChild(balloon);self.activeBalloon=balloon;self.parts=new Array(balloon);var parts=new Array('contents','topRight','bottomRight','bottomLeft');for(var i=0;i<parts.length;i++){var child=document.createElement('div');child.setAttribute('id',parts[i]);balloon.appendChild(child);if(parts[i]=='contents')self.contents=child;self.parts.push(child)}self.setStyle('contents','z-index',2);self.setStyle('contents','color',self.fontColor);self.setStyle('contents','font-family',self.fontFamily);self.setStyle('contents','font-size',self.fontSize);if(balloonIsSticky){self.setStyle('contents','margin-right',10)}else if(self.displayTime){self.timeoutAutoClose=window.setTimeout(this.hideTooltip,self.displayTime)}return balloon};Balloon.prototype.setBalloonStyle=function(vOrient,hOrient,pageWidth,pageLeft){var self=currentBalloonClass;var balloon=self.activeBalloon;if(typeof(self.shadow)!='number')self.shadow=0;if(!self.stem)self.stemHeight=0;var fullPadding=self.padding+self.shadow;var insidePadding=self.padding;self.setStyle(balloon,'background','url('+self.balloonImage+') top left no-repeat');self.setStyle(balloon,'position','absolute');self.setStyle(balloon,'padding-top',fullPadding);self.setStyle(balloon,'padding-left',fullPadding);self.setStyle(balloon,'top',-9999);self.setStyle(balloon,'z-index',1000000);self.setStyle('bottomRight','background','url('+self.balloonImage+') bottom right no-repeat');self.setStyle('bottomRight','position','absolute');self.setStyle('bottomRight','right',0-fullPadding);self.setStyle('bottomRight','bottom',0-fullPadding);self.setStyle('bottomRight','height',fullPadding);self.setStyle('bottomRight','width',fullPadding);self.setStyle('bottomRight','z-index',-1);self.setStyle('topRight','background','url('+self.balloonImage+') top right no-repeat');self.setStyle('topRight','position','absolute');self.setStyle('topRight','right',0-fullPadding);self.setStyle('topRight','top',0);self.setStyle('topRight','width',fullPadding);self.setStyle('bottomLeft','background','url('+self.balloonImage+') bottom left no-repeat');self.setStyle('bottomLeft','position','absolute');self.setStyle('bottomLeft','left',0);self.setStyle('bottomLeft','bottom',0-fullPadding);self.setStyle('bottomLeft','height',fullPadding);self.setStyle('bottomLeft','z-index',-1);if(this.stem){var stem=document.createElement('img');self.setStyle(stem,'position','absolute');balloon.appendChild(stem);if(vOrient=='up'&&hOrient=='left'){stem.src=self.upLeftStem;var height=self.stemHeight+insidePadding-self.stemOverlap;self.setStyle(stem,'bottom',0-height);self.setStyle(stem,'right',0)}else if(vOrient=='down'&&hOrient=='left'){stem.src=self.downLeftStem;var height=self.stemHeight-(self.shadow+self.stemOverlap);self.setStyle(stem,'top',0-height);self.setStyle(stem,'right',0)}else if(vOrient=='up'&&hOrient=='right'){stem.src=self.upRightStem;var height=self.stemHeight+insidePadding-self.stemOverlap;self.setStyle(stem,'bottom',0-height);self.setStyle(stem,'left',self.shadow)}else if(vOrient=='down'&&hOrient=='right'){stem.src=self.downRightStem;var height=self.stemHeight-(self.shadow+self.stemOverlap);self.setStyle(stem,'top',0-height);self.setStyle(stem,'left',self.shadow)}}if(hOrient=='left'){var activeRight=pageWidth-self.activeLeft;self.setStyle(balloon,'right',activeRight)}else{self.setStyle(balloon,'left',self.activeRight-self.xOffset)}if(!self.width){var width=self.getLoc('contents','width');if(self.isIE())width+=50;if(width>self.maxWidth)width=self.maxWidth+50;if(width<self.minWidth)width=self.minWidth;self.setStyle(balloon,'width',width)}else{self.setStyle(balloon,'width',self.width)}var balloonPad=self.padding+self.shadow;var balloonLeft=self.getLoc(balloon,'x1');var balloonRight=self.getLoc(balloon,'x2');if(hOrient=='left')balloonLeft+=balloonPad;if(hOrient=='right')balloonRight+=balloonPad;var pageRight=pageLeft+pageWidth;if(hOrient=='right'&&balloonRight>(pageRight-30)){self.setStyle(balloon,'width',(pageRight-balloonLeft)-50)}else if(hOrient=='left'&&balloonLeft<(pageLeft+30)){self.setStyle(balloon,'width',(balloonRight-pageLeft)-50)}var lineWidth=self.getLoc(balloon,'width');var lineHeight=self.getLoc(balloon,'height');self.setStyle('topRight','height',lineHeight);self.setStyle('bottomLeft','width',lineWidth);var vOverlap=self.isOverlap('topRight','bottomRight');var hOverlap=self.isOverlap('bottomLeft','bottomRight');if(vOverlap)self.setStyle('topRight','height',lineHeight-vOverlap[1]);if(hOverlap)self.setStyle('bottomLeft','width',lineWidth-hOverlap[0]);if(vOrient=='up'){var activeTop=self.activeTop-self.vOffset-self.stemHeight-lineHeight;self.setStyle(balloon,'top',activeTop-self.yOffset);self.setStyle(balloon,'display','inline')}else{var activeTop=self.activeTop+self.vOffset+self.stemHeight;self.setStyle(balloon,'top',activeTop-self.yOffset)}self.setOpacity(1)};Balloon.prototype.fade=function(opacStart,opacEnd,millisec){var self=currentBalloonClass||new Balloon;var speed=Math.round(millisec/100);var timer=0;if(opacStart>opacEnd){if(self.fadeOK){for(o=opacStart;o>=opacEnd;o--){self.timeoutFade=setTimeout('Balloon.prototype.setOpacity('+o+')',(timer*speed));timer++}setTimeout("Balloon.prototype.setStyle('balloon','display','none')",millisec)}else{self.setStyle('balloon','display','none')}}else if(opacStart<opacEnd&&self.fadeOK){for(o=opacStart;o<=opacEnd;o++){self.timeoutFade=setTimeout('Balloon.prototype.setOpacity('+o+')',(timer*speed));timer++}}};Balloon.prototype.setOpacity=function(opc){var self=currentBalloonClass;if(!self||!self.fadeOK)return false;var o=parseFloat((opc||0)/100);var el=self.isIE()?'contents':'balloon';var b=document.getElementById(el);if(!b)return false;self.setStyle(b,'opacity',o);self.setStyle(b,'filter','alpha(opacity= '+opc+')');self.setStyle(b,'MozOpacity',o);self.setStyle(b,'KhtmlOpacity',o)};Balloon.prototype.hideTooltip=function(override){if(override&&typeof override=='object')override=false;if(balloonIsSticky&&!override)return false;var self=currentBalloonClass;if(self){window.clearTimeout(self.timeoutTooltip);window.clearTimeout(self.timeoutAutoClose)}if(balloonIsSticky&&self)self.currentElement=null;balloonIsVisible=false;balloonIsSticky=true;var closeButton=document.getElementById('closeButton');if(closeButton){YAHOO.util.Dom.setStyle(closeButton,'display','none')}if(!self){var hideBalloon=document.getElementById('balloon');if(hideBalloon)Balloon.prototype.setStyle(hideBalloon,'display','none')}else if(self.activeBalloon){if(!override&&self.fadeOK&&!self.isIE())self.fade(95,0,self.fadeOut);else self.setStyle(self.activeBalloon,'display','none')}Balloon.prototype.showHide(1)};hideAllTooltips=function(){var self=currentBalloonClass;if(!self)return;window.clearTimeout(self.timeoutTooltip);if(self.activeBalloon)self.setStyle(self.activeBalloon,'display','none');balloonIsVisible=false;balloonIsSticky=false;currentBalloonClass=null};Balloon.prototype.setActiveCoordinates=function(event){var self=currentBalloonClass;if(!self)return false;var b=self.activeBalloon;try{if(typeof(event.id)=="string"){var pos=i3GEO.util.pegaPosicaoObjeto(event);self.activeTop=pos[1]-10;self.activeLeft=pos[0]-10;self.activeRight=self.activeLeft+20;self.activeBottom=self.activeTop+20;return true}}catch(e){}var evt=event||window.event||self.currentEvent;if(!evt){return false}var XY=self.eventXY(evt);self.activeTop=XY[1]-10;self.activeLeft=XY[0]-10;self.activeRight=self.activeLeft+20;self.activeBottom=self.activeTop+20;return true};Balloon.prototype.eventXY=function(event){var XY=new Array(2);var e=event||window.event;if(e.pageX||e.pageY){XY[0]=e.pageX;XY[1]=e.pageY}else if(e.clientX||e.clientY){XY[0]=e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft;XY[1]=e.clientY+document.body.scrollTop+document.documentElement.scrollTop}return XY};Balloon.prototype.getEventTarget=function(event){var targ;var e=event||window.event;if(e.target)targ=e.target;else if(e.srcElement)targ=e.srcElement;if(targ.nodeType==3)targ=targ.parentNode;return targ};Balloon.prototype.setStyle=function(el,att,val){if(!el)return false;if(val&&att.match(/left|top|bottom|right|width|height|padding|margin/))val+='px';if(typeof(el)!='object')el=document.getElementById(el);if(att=='z-index'){if(el.style){el.style.zIndex=parseInt(val)}}else{YAHOO.util.Dom.setStyle(el,att,val)}};Balloon.prototype.getLoc=function(el,request){var region=YAHOO.util.Dom.getRegion(el);switch(request){case('y1'):return parseInt(region.top);case('y2'):return parseInt(region.bottom);case('x1'):return parseInt(region.left);case('x2'):return parseInt(region.right);case('width'):return(parseInt(region.right)-parseInt(region.left));case('height'):return(parseInt(region.bottom)-parseInt(region.top));case('region'):return region}};Balloon.prototype.parseIntAll=function(){this.padding=parseInt(this.padding);this.shadow=parseInt(this.shadow);this.stemHeight=parseInt(this.stemHeight);this.stemOverlap=parseInt(this.stemOverlap);this.vOffset=parseInt(this.vOffset);this.delayTime=parseInt(this.delayTime);this.width=parseInt(this.width);this.maxWidth=parseInt(this.maxWidth);this.minWidth=parseInt(this.minWidth);this.fadeIn=parseInt(this.fadeIn);this.fadeOut=parseInt(this.fadeOut)};Balloon.prototype.showHide=function(visible){var self=currentBalloonClass||new Balloon;if(self.isOldIE()){if(!visible){var balloonSelects=document.getElementById('contents').getElementsByTagName('select');var myHash=new Object();for(var i=0;i<balloonSelects.length;i++){var id=balloonSelects[i].id||balloonSelects[i].name;myHash[id]=1}balloonInvisibleSelects=new Array();var allSelects=document.getElementsByTagName('select');for(var i=0;i<allSelects.length;i++){var id=allSelects[i].id||allSelects[i].name;if(self.isOverlap(allSelects[i],self.activeBalloon)&&!myHash[id]){balloonInvisibleSelects.push(allSelects[i]);self.setStyle(allSelects[i],'visibility','hidden')}}}else if(balloonInvisibleSelects){for(var i=0;i<balloonInvisibleSelects.length;i++){var id=balloonInvisibleSelects[i].id||balloonInvisibleSelects[i].name;self.setStyle(balloonInvisibleSelects[i],'visibility','visible')}balloonInvisibleSelects=null}}if(self.hide){var display=visible?'inline':'none';for(var n=0;n<self.hide.length;n++){if(self.isOverlap(self.activeBalloon,self.hide[n])){self.setStyle(self.hide[n],'display',display)}}}};Balloon.prototype.isOverlap=function(el1,el2){if(!el1||!el2)return false;var R1=this.getLoc(el1,'region');var R2=this.getLoc(el2,'region');if(!R1||!R2)return false;var intersect=R1.intersect(R2);if(intersect){intersect=new Array((intersect.right-intersect.left),(intersect.bottom-intersect.top))}return intersect};Balloon.prototype.isSameElement=function(el1,el2){if(!el1||!el2)return false;var R1=this.getLoc(el1,'region');var R2=this.getLoc(el2,'region');var same=R1.contains(R2)&&R2.contains(R1);return same?true:false};Balloon.prototype.getAndCheckContents=function(caption){var originalCaption=caption;var notAllowed='are not allowed in popup balloons in this web site.Please contact the site administrator for assistance.';var notSupported='AJAX is not supported for popup balloons in this web site. Please contact the site administrator for assistance.';if(this.helpUrl&&!this.allowAJAX){}if(caption.match(/^url:/)){this.activeUrl=caption.replace(/^url:/,'');caption=''}else if(caption.match(/^(https?:|\/|ftp:)\S+$/i)){this.activeUrl=caption;caption=''}if(this.activeUrl&&!this.allowAJAX){}if(caption.match(/^load:/)){var load=caption.split(':');if(!document.getElementById(load[1]))alert('problem locating element '+load[1]);caption=document.getElementById(load[1]).innerHTML;this.loadedFromElement=true}if(caption.match(/\<\s*iframe/i)&&!this.allowIframes){}if(caption.match(/\bon(load|mouse|click|unload|before)[^=]*=/i)&&!this.allowEventHandlers){}if(caption.match(/\<\s*script/i)&&!this.allowScripts){}this.currentHelpText=this.getContents(caption);this.loadedFromElement=false;return this.currentHelpText};Balloon.prototype.getContents=function(section){if(!this.helpUrl&&!this.activeUrl)return section;if(this.loadedFromElement)return section;var url=this.activeUrl||this.helpUrl;url+=this.activeUrl?'':'?section='+section;this.activeUrl=null;var ajax;if(window.XMLHttpRequest){ajax=new XMLHttpRequest()}else{ajax=new ActiveXObject("Microsoft.XMLHTTP")}if(ajax){ajax.open("GET",url,false);ajax.onreadystatechange=function(){};try{ajax.send(null)}catch(e){}var txt=this.escapeHTML?escape(ajax.responseText):ajax.responseText;return txt||section}else{return section}};Balloon.prototype.isIE=function(){return document.all&&!window.opera};Balloon.prototype.isOldIE=function(){if(navigator.appVersion.indexOf("MSIE")==-1)return false;var temp=navigator.appVersion.split("MSIE");return parseFloat(temp[1])<7};Balloon.prototype.isKonqueror=function(){return navigator.userAgent.indexOf('Konqueror')!=-1};
 \ No newline at end of file
@@ -0,0 +1,168 @@
+/*
+ This is a subclass of balloon.js -- uses a simple box rather than a 
+ a balloon/bubble image.  It can have a background image and a styled
+ bgcolor and border but is otherwise meant to be simple and lightweight.
+*/
+
+//////////////////////////////////////////////////////////////////////////
+// This is constructor that is called to initialize the Balloon object  //
+//////////////////////////////////////////////////////////////////////////
+var Box = function () {
+
+  // Get default configuration from balloon.config.js
+  BoxConfig(this);
+
+  // Track the cursor every time the mouse moves
+  document.onmousemove = this.setActiveCoordinates;
+
+  // scrolling aborts unsticky balloons
+  document.onscroll    = Balloon.prototype.hideTooltip;
+
+  // make balloons go away if the page is unloading or waiting
+  // to unload.
+  window.onbeforeunload = function(){
+    Balloon.prototype.hideTooltip(1);
+    balloonIsSuppressed = true;
+  };
+
+  // for IE, the box can't start until the page is finished loading
+  // set a flag that will get toggled when loading is finished
+  if (this.isIE()) {
+    this.suppress = true;
+  }
+
+  return this;
+}
+
+// Inherit from Balloon class
+Box.prototype = new Balloon();
+
+
+// Make the box element -- this overrides the parent method
+// for balloons
+Box.prototype.makeBalloon = function() {
+  var self = currentBalloonClass;
+
+  var box = document.getElementById('balloon');
+  if (box) self.parent.removeChild(box);
+
+  // use ID 'balloon' for consistency with parent class
+  box = document.createElement('div');
+  box.setAttribute('id','balloon');
+  self.parent.appendChild(box);
+  self.activeBalloon = box;
+
+  var contents = document.createElement('div');
+  contents.setAttribute('id','contents');
+  box.appendChild(contents);
+  self.contents = contents;
+
+  self.setStyle('contents','z-index',2);
+  self.setStyle('contents','color',self.fontColor);
+  self.setStyle('contents','font-family',self.fontFamily);
+  self.setStyle('contents','font-size',self.fontSize);
+
+  if (balloonIsSticky) {
+    self.setStyle('contents','margin-right',10); 
+  }
+  else if (self.displayTime)  {
+      self.timeoutAutoClose = window.setTimeout(this.hideTooltip,self.displayTime);
+  }
+  return box;
+}
+
+// Set the box style -- overrides the parent method for balloons
+Box.prototype.setBalloonStyle = function(vOrient,hOrient,pageWidth,pageLeft) {
+  var self = currentBalloonClass;
+  var box = self.activeBalloon;
+
+  var fullPadding   = self.padding;
+  var insidePadding = self.padding;
+
+  self.setStyle(box,'background',self.bgColor);
+  self.setStyle(box,'border',self.borderStyle);
+  self.setStyle(box,'position','absolute');
+  self.setStyle(box,'padding',fullPadding);
+  self.setStyle(box,'top',-9999);
+  self.setStyle(box,'z-index',1000000);
+  if (self.width) {	
+    self.setStyle(box,'width',self.width);
+  }  
+
+  // flip left or right, as required
+  if (hOrient == 'left') {
+    var activeRight = pageWidth - self.activeLeft;
+    self.setStyle(box,'right',activeRight);// - self.xOffset);
+  }
+  else {
+    self.setStyle(box,'left',self.activeRight - self.xOffset);
+  }
+
+  // have to harden the width
+  if (!self.width) {
+    var width = self.getLoc('contents','width');
+    if (self.isIE()) width += 50;
+    if (width > self.maxWidth) width = self.maxWidth + 50;
+    if (width < self.minWidth) width = self.minWidth;
+    self.setStyle(box,'width',width);
+  }
+  else {
+    self.setStyle(box,'width',self.width);
+  }
+
+  // Make sure the box is not offscreen
+  var boxPad   = self.padding;
+  var boxLeft  = self.getLoc(box,'x1');
+  var boxRight = self.getLoc(box,'x2');
+  if (hOrient == 'left')  boxLeft  += boxPad;
+  if (hOrient == 'right') boxRight += boxPad;
+  var pageRight    = pageLeft + pageWidth;
+
+  if (hOrient == 'right' && boxRight > (pageRight-30)) {
+    self.setStyle(box,'width',(pageRight - boxLeft) - 50);
+  }
+  else if (hOrient == 'left' && boxLeft < (pageLeft+30)) {
+    self.setStyle(box,'width',(boxRight - pageLeft) - 50);
+  }
+  
+  if (vOrient == 'up') {
+    var boxHeight = self.getLoc(box,'height') + self.vOffset;
+    var activeTop = self.activeTop - boxHeight;
+    self.setStyle(box,'top',activeTop);
+    self.setStyle(box,'display','inline');
+  }
+  else {
+    var activeTop = self.activeBottom - self.vOffset;
+    self.setStyle(box,'top',activeTop);
+  }
+
+  self.setOpacity(1);
+}
+
+
+Box.prototype.addCloseButton = function () {
+  var self = currentBalloonClass;
+  var margin   = Math.round(self.padding/2);
+  var closeWidth = self.closeButtonWidth || 16;
+  var balloonTop   = self.getLoc('balloon','y1') + margin;
+  var balloonRight = self.getLoc('balloon','x2') - margin - self.closeButtonWidth;
+  var closeButton = document.getElementById('closeButton');
+
+
+  if (!closeButton) {
+    closeButton = new Image;
+    closeButton.setAttribute('id','closeButton');
+    closeButton.setAttribute('src',self.closeButton);
+    closeButton.onclick = function() {
+      Balloon.prototype.hideTooltip(1);
+    };
+    self.setStyle(closeButton,'position','absolute');
+    document.body.appendChild(closeButton);
+  }
+
+  self.setStyle(closeButton,'top',balloonTop);
+  self.setStyle(closeButton,'left',balloonRight);
+  self.setStyle(closeButton,'display','inline');
+  self.setStyle(closeButton,'cursor','pointer');
+  self.setStyle(closeButton,'z-index',999999999);
+}
@@ -0,0 +1,197 @@
+/*
+Copyright (c) 2007, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 2.3.0
+*/
+
+if(typeof YAHOO=="undefined"){var YAHOO={};}
+YAHOO.namespace=function(){var a=arguments,o=null,i,j,d;for(i=0;i<a.length;i=i+1){d=a[i].split(".");o=YAHOO;for(j=(d[0]=="YAHOO")?1:0;j<d.length;j=j+1){o[d[j]]=o[d[j]]||{};o=o[d[j]];}}
+return o;};YAHOO.log=function(msg,cat,src){var l=YAHOO.widget.Logger;if(l&&l.log){return l.log(msg,cat,src);}else{return false;}};YAHOO.register=function(name,mainClass,data){var mods=YAHOO.env.modules;if(!mods[name]){mods[name]={versions:[],builds:[]};}
+var m=mods[name],v=data.version,b=data.build,ls=YAHOO.env.listeners;m.name=name;m.version=v;m.build=b;m.versions.push(v);m.builds.push(b);m.mainClass=mainClass;for(var i=0;i<ls.length;i=i+1){ls[i](m);}
+if(mainClass){mainClass.VERSION=v;mainClass.BUILD=b;}else{YAHOO.log("mainClass is undefined for module "+name,"warn");}};YAHOO.env=YAHOO.env||{modules:[],listeners:[]};YAHOO.env.getVersion=function(name){return YAHOO.env.modules[name]||null;};YAHOO.env.ua=function(){var o={ie:0,opera:0,gecko:0,webkit:0};var ua=navigator.userAgent,m;if((/KHTML/).test(ua)){o.webkit=1;}
+m=ua.match(/AppleWebKit\/([^\s]*)/);if(m&&m[1]){o.webkit=parseFloat(m[1]);}
+if(!o.webkit){m=ua.match(/Opera[\s\/]([^\s]*)/);if(m&&m[1]){o.opera=parseFloat(m[1]);}else{m=ua.match(/MSIE\s([^;]*)/);if(m&&m[1]){o.ie=parseFloat(m[1]);}else{m=ua.match(/Gecko\/([^\s]*)/);if(m){o.gecko=1;m=ua.match(/rv:([^\s\)]*)/);if(m&&m[1]){o.gecko=parseFloat(m[1]);}}}}}
+return o;}();(function(){YAHOO.namespace("util","widget","example");if(typeof YAHOO_config!="undefined"){var l=YAHOO_config.listener,ls=YAHOO.env.listeners,unique=true,i;if(l){for(i=0;i<ls.length;i=i+1){if(ls[i]==l){unique=false;break;}}
+if(unique){ls.push(l);}}}})();YAHOO.lang={isArray:function(o){if(o){var l=YAHOO.lang;return l.isNumber(o.length)&&l.isFunction(o.splice)&&!l.hasOwnProperty(o.length);}
+return false;},isBoolean:function(o){return typeof o==='boolean';},isFunction:function(o){return typeof o==='function';},isNull:function(o){return o===null;},isNumber:function(o){return typeof o==='number'&&isFinite(o);},isObject:function(o){return(o&&(typeof o==='object'||YAHOO.lang.isFunction(o)))||false;},isString:function(o){return typeof o==='string';},isUndefined:function(o){return typeof o==='undefined';},hasOwnProperty:function(o,prop){if(Object.prototype.hasOwnProperty){return o.hasOwnProperty(prop);}
+return!YAHOO.lang.isUndefined(o[prop])&&o.constructor.prototype[prop]!==o[prop];},_IEEnumFix:function(r,s){if(YAHOO.env.ua.ie){var add=["toString","valueOf"];for(i=0;i<add.length;i=i+1){var fname=add[i],f=s[fname];if(YAHOO.lang.isFunction(f)&&f!=Object.prototype[fname]){r[fname]=f;}}}},extend:function(subc,superc,overrides){if(!superc||!subc){throw new Error("YAHOO.lang.extend failed, please check that "+"all dependencies are included.");}
+var F=function(){};F.prototype=superc.prototype;subc.prototype=new F();subc.prototype.constructor=subc;subc.superclass=superc.prototype;if(superc.prototype.constructor==Object.prototype.constructor){superc.prototype.constructor=superc;}
+if(overrides){for(var i in overrides){subc.prototype[i]=overrides[i];}
+YAHOO.lang._IEEnumFix(subc.prototype,overrides);}},augmentObject:function(r,s){if(!s||!r){throw new Error("Absorb failed, verify dependencies.");}
+var a=arguments,i,p,override=a[2];if(override&&override!==true){for(i=2;i<a.length;i=i+1){r[a[i]]=s[a[i]];}}else{for(p in s){if(override||!r[p]){r[p]=s[p];}}
+YAHOO.lang._IEEnumFix(r,s);}},augmentProto:function(r,s){if(!s||!r){throw new Error("Augment failed, verify dependencies.");}
+var a=[r.prototype,s.prototype];for(var i=2;i<arguments.length;i=i+1){a.push(arguments[i]);}
+YAHOO.lang.augmentObject.apply(this,a);},dump:function(o,d){var l=YAHOO.lang,i,len,s=[],OBJ="{...}",FUN="f(){...}",COMMA=', ',ARROW=' => ';if(!l.isObject(o)||o instanceof Date||("nodeType"in o&&"tagName"in o)){return o;}else if(l.isFunction(o)){return FUN;}
+d=(l.isNumber(d))?d:3;if(l.isArray(o)){s.push("[");for(i=0,len=o.length;i<len;i=i+1){if(l.isObject(o[i])){s.push((d>0)?l.dump(o[i],d-1):OBJ);}else{s.push(o[i]);}
+s.push(COMMA);}
+if(s.length>1){s.pop();}
+s.push("]");}else{s.push("{");for(i in o){if(l.hasOwnProperty(o,i)){s.push(i+ARROW);if(l.isObject(o[i])){s.push((d>0)?l.dump(o[i],d-1):OBJ);}else{s.push(o[i]);}
+s.push(COMMA);}}
+if(s.length>1){s.pop();}
+s.push("}");}
+return s.join("");},substitute:function(s,o,f){var i,j,k,key,v,meta,l=YAHOO.lang,saved=[],token,DUMP='dump',SPACE=' ',LBRACE='{',RBRACE='}';for(;;){i=s.lastIndexOf(LBRACE);if(i<0){break;}
+j=s.indexOf(RBRACE,i);if(i+1>=j){break;}
+token=s.substring(i+1,j);key=token;meta=null;k=key.indexOf(SPACE);if(k>-1){meta=key.substring(k+1);key=key.substring(0,k);}
+v=o[key];if(f){v=f(key,v,meta);}
+if(l.isObject(v)){if(l.isArray(v)){v=l.dump(v,parseInt(meta,10));}else{meta=meta||"";var dump=meta.indexOf(DUMP);if(dump>-1){meta=meta.substring(4);}
+if(v.toString===Object.prototype.toString||dump>-1){v=l.dump(v,parseInt(meta,10));}else{v=v.toString();}}}else if(!l.isString(v)&&!l.isNumber(v)){v="~-"+saved.length+"-~";saved[saved.length]=token;}
+s=s.substring(0,i)+v+s.substring(j+1);}
+for(i=saved.length-1;i>=0;i=i-1){s=s.replace(new RegExp("~-"+i+"-~"),"{"+saved[i]+"}","g");}
+return s;},trim:function(s){try{return s.replace(/^\s+|\s+$/g,"");}catch(e){return s;}},merge:function(){var o={},a=arguments,i;for(i=0;i<a.length;i=i+1){YAHOO.lang.augmentObject(o,a[i],true);}
+return o;},isValue:function(o){var l=YAHOO.lang;return(l.isObject(o)||l.isString(o)||l.isNumber(o)||l.isBoolean(o));}};YAHOO.util.Lang=YAHOO.lang;YAHOO.lang.augment=YAHOO.lang.augmentProto;YAHOO.augment=YAHOO.lang.augmentProto;YAHOO.extend=YAHOO.lang.extend;YAHOO.register("yahoo",YAHOO,{version:"2.3.0",build:"442"});
+(function(){var Y=YAHOO.util,getStyle,setStyle,id_counter=0,propertyCache={},reClassNameCache={};var isOpera=YAHOO.env.ua.opera,isSafari=YAHOO.env.ua.webkit,isGecko=YAHOO.env.ua.gecko,isIE=YAHOO.env.ua.ie;var patterns={HYPHEN:/(-[a-z])/i,ROOT_TAG:/^body|html$/i};var toCamel=function(property){if(!patterns.HYPHEN.test(property)){return property;}
+if(propertyCache[property]){return propertyCache[property];}
+var converted=property;while(patterns.HYPHEN.exec(converted)){converted=converted.replace(RegExp.$1,RegExp.$1.substr(1).toUpperCase());}
+propertyCache[property]=converted;return converted;};var getClassRegEx=function(className){var re=reClassNameCache[className];if(!re){re=new RegExp('(?:^|\\s+)'+className+'(?:\\s+|$)');reClassNameCache[className]=re;}
+return re;};if(document.defaultView&&document.defaultView.getComputedStyle){getStyle=function(el,property){var value=null;if(property=='float'){property='cssFloat';}
+var computed=document.defaultView.getComputedStyle(el,'');if(computed){value=computed[toCamel(property)];}
+return el.style[property]||value;};}else if(document.documentElement.currentStyle&&isIE){getStyle=function(el,property){switch(toCamel(property)){case'opacity':var val=100;try{val=el.filters['DXImageTransform.Microsoft.Alpha'].opacity;}catch(e){try{val=el.filters('alpha').opacity;}catch(e){}}
+return val/100;case'float':property='styleFloat';default:var value=el.currentStyle?el.currentStyle[property]:null;return(el.style[property]||value);}};}else{getStyle=function(el,property){return el.style[property];};}
+if(isIE){setStyle=function(el,property,val){switch(property){case'opacity':if(YAHOO.lang.isString(el.style.filter)){el.style.filter='alpha(opacity='+val*100+')';if(!el.currentStyle||!el.currentStyle.hasLayout){el.style.zoom=1;}}
+break;case'float':property='styleFloat';default:el.style[property]=val;}};}else{setStyle=function(el,property,val){if(property=='float'){property='cssFloat';}
+el.style[property]=val;};}
+var testElement=function(node,method){return node&&node.nodeType==1&&(!method||method(node));};YAHOO.util.Dom={get:function(el){if(!el||el.tagName||el.item){return el;}
+if(YAHOO.lang.isString(el)){return document.getElementById(el);}
+if(el.splice){var c=[];for(var i=0,len=el.length;i<len;++i){c[c.length]=Y.Dom.get(el[i]);}
+return c;}
+return el;},getStyle:function(el,property){property=toCamel(property);var f=function(element){return getStyle(element,property);};return Y.Dom.batch(el,f,Y.Dom,true);},setStyle:function(el,property,val){property=toCamel(property);var f=function(element){setStyle(element,property,val);};Y.Dom.batch(el,f,Y.Dom,true);},getXY:function(el){var f=function(el){if((el.parentNode===null||el.offsetParent===null||this.getStyle(el,'display')=='none')&&el!=document.body){return false;}
+var parentNode=null;var pos=[];var box;var doc=el.ownerDocument;if(el.getBoundingClientRect){box=el.getBoundingClientRect();return[box.left+Y.Dom.getDocumentScrollLeft(el.ownerDocument),box.top+Y.Dom.getDocumentScrollTop(el.ownerDocument)];}
+else{pos=[el.offsetLeft,el.offsetTop];parentNode=el.offsetParent;var hasAbs=this.getStyle(el,'position')=='absolute';if(parentNode!=el){while(parentNode){pos[0]+=parentNode.offsetLeft;pos[1]+=parentNode.offsetTop;if(isSafari&&!hasAbs&&this.getStyle(parentNode,'position')=='absolute'){hasAbs=true;}
+parentNode=parentNode.offsetParent;}}
+if(isSafari&&hasAbs){pos[0]-=el.ownerDocument.body.offsetLeft;pos[1]-=el.ownerDocument.body.offsetTop;}}
+parentNode=el.parentNode;while(parentNode.tagName&&!patterns.ROOT_TAG.test(parentNode.tagName))
+{if(Y.Dom.getStyle(parentNode,'display').search(/^inline|table-row.*$/i)){pos[0]-=parentNode.scrollLeft;pos[1]-=parentNode.scrollTop;}
+parentNode=parentNode.parentNode;}
+return pos;};return Y.Dom.batch(el,f,Y.Dom,true);},getX:function(el){var f=function(el){return Y.Dom.getXY(el)[0];};return Y.Dom.batch(el,f,Y.Dom,true);},getY:function(el){var f=function(el){return Y.Dom.getXY(el)[1];};return Y.Dom.batch(el,f,Y.Dom,true);},setXY:function(el,pos,noRetry){var f=function(el){var style_pos=this.getStyle(el,'position');if(style_pos=='static'){this.setStyle(el,'position','relative');style_pos='relative';}
+var pageXY=this.getXY(el);if(pageXY===false){return false;}
+var delta=[parseInt(this.getStyle(el,'left'),10),parseInt(this.getStyle(el,'top'),10)];if(isNaN(delta[0])){delta[0]=(style_pos=='relative')?0:el.offsetLeft;}
+if(isNaN(delta[1])){delta[1]=(style_pos=='relative')?0:el.offsetTop;}
+if(pos[0]!==null){el.style.left=pos[0]-pageXY[0]+delta[0]+'px';}
+if(pos[1]!==null){el.style.top=pos[1]-pageXY[1]+delta[1]+'px';}
+if(!noRetry){var newXY=this.getXY(el);if((pos[0]!==null&&newXY[0]!=pos[0])||(pos[1]!==null&&newXY[1]!=pos[1])){this.setXY(el,pos,true);}}};Y.Dom.batch(el,f,Y.Dom,true);},setX:function(el,x){Y.Dom.setXY(el,[x,null]);},setY:function(el,y){Y.Dom.setXY(el,[null,y]);},getRegion:function(el){var f=function(el){if((el.parentNode===null||el.offsetParent===null||this.getStyle(el,'display')=='none')&&el!=document.body){return false;}
+var region=Y.Region.getRegion(el);return region;};return Y.Dom.batch(el,f,Y.Dom,true);},getClientWidth:function(){return Y.Dom.getViewportWidth();},getClientHeight:function(){return Y.Dom.getViewportHeight();},getElementsByClassName:function(className,tag,root,apply){tag=tag||'*';root=(root)?Y.Dom.get(root):null||document;if(!root){return[];}
+var nodes=[],elements=root.getElementsByTagName(tag),re=getClassRegEx(className);for(var i=0,len=elements.length;i<len;++i){if(re.test(elements[i].className)){nodes[nodes.length]=elements[i];if(apply){apply.call(elements[i],elements[i]);}}}
+return nodes;},hasClass:function(el,className){var re=getClassRegEx(className);var f=function(el){return re.test(el.className);};return Y.Dom.batch(el,f,Y.Dom,true);},addClass:function(el,className){var f=function(el){if(this.hasClass(el,className)){return false;}
+el.className=YAHOO.lang.trim([el.className,className].join(' '));return true;};return Y.Dom.batch(el,f,Y.Dom,true);},removeClass:function(el,className){var re=getClassRegEx(className);var f=function(el){if(!this.hasClass(el,className)){return false;}
+var c=el.className;el.className=c.replace(re,' ');if(this.hasClass(el,className)){this.removeClass(el,className);}
+el.className=YAHOO.lang.trim(el.className);return true;};return Y.Dom.batch(el,f,Y.Dom,true);},replaceClass:function(el,oldClassName,newClassName){if(!newClassName||oldClassName===newClassName){return false;}
+var re=getClassRegEx(oldClassName);var f=function(el){if(!this.hasClass(el,oldClassName)){this.addClass(el,newClassName);return true;}
+el.className=el.className.replace(re,' '+newClassName+' ');if(this.hasClass(el,oldClassName)){this.replaceClass(el,oldClassName,newClassName);}
+el.className=YAHOO.lang.trim(el.className);return true;};return Y.Dom.batch(el,f,Y.Dom,true);},generateId:function(el,prefix){prefix=prefix||'yui-gen';var f=function(el){if(el&&el.id){return el.id;}
+var id=prefix+id_counter++;if(el){el.id=id;}
+return id;};return Y.Dom.batch(el,f,Y.Dom,true)||f.apply(Y.Dom,arguments);},isAncestor:function(haystack,needle){haystack=Y.Dom.get(haystack);if(!haystack||!needle){return false;}
+var f=function(node){if(haystack.contains&&node.nodeType&&!isSafari){return haystack.contains(node);}
+else if(haystack.compareDocumentPosition&&node.nodeType){return!!(haystack.compareDocumentPosition(node)&16);}else if(node.nodeType){return!!this.getAncestorBy(node,function(el){return el==haystack;});}
+return false;};return Y.Dom.batch(needle,f,Y.Dom,true);},inDocument:function(el){var f=function(el){if(isSafari){while(el=el.parentNode){if(el==document.documentElement){return true;}}
+return false;}
+return this.isAncestor(document.documentElement,el);};return Y.Dom.batch(el,f,Y.Dom,true);},getElementsBy:function(method,tag,root,apply){tag=tag||'*';root=(root)?Y.Dom.get(root):null||document;if(!root){return[];}
+var nodes=[],elements=root.getElementsByTagName(tag);for(var i=0,len=elements.length;i<len;++i){if(method(elements[i])){nodes[nodes.length]=elements[i];if(apply){apply(elements[i]);}}}
+return nodes;},batch:function(el,method,o,override){el=(el&&el.tagName)?el:Y.Dom.get(el);if(!el||!method){return false;}
+var scope=(override)?o:window;if(el.tagName||(!el.item&&!el.slice)){return method.call(scope,el,o);}
+var collection=[];for(var i=0,len=el.length;i<len;++i){collection[collection.length]=method.call(scope,el[i],o);}
+return collection;},getDocumentHeight:function(){var scrollHeight=(document.compatMode!='CSS1Compat')?document.body.scrollHeight:document.documentElement.scrollHeight;var h=Math.max(scrollHeight,Y.Dom.getViewportHeight());return h;},getDocumentWidth:function(){var scrollWidth=(document.compatMode!='CSS1Compat')?document.body.scrollWidth:document.documentElement.scrollWidth;var w=Math.max(scrollWidth,Y.Dom.getViewportWidth());return w;},getViewportHeight:function(){var height=self.innerHeight;var mode=document.compatMode;if((mode||isIE)&&!isOpera){height=(mode=='CSS1Compat')?document.documentElement.clientHeight:document.body.clientHeight;}
+return height;},getViewportWidth:function(){var width=self.innerWidth;var mode=document.compatMode;if(mode||isIE){width=(mode=='CSS1Compat')?document.documentElement.clientWidth:document.body.clientWidth;}
+return width;},getAncestorBy:function(node,method){while(node=node.parentNode){if(testElement(node,method)){return node;}}
+return null;},getAncestorByClassName:function(node,className){node=Y.Dom.get(node);if(!node){return null;}
+var method=function(el){return Y.Dom.hasClass(el,className);};return Y.Dom.getAncestorBy(node,method);},getAncestorByTagName:function(node,tagName){node=Y.Dom.get(node);if(!node){return null;}
+var method=function(el){return el.tagName&&el.tagName.toUpperCase()==tagName.toUpperCase();};return Y.Dom.getAncestorBy(node,method);},getPreviousSiblingBy:function(node,method){while(node){node=node.previousSibling;if(testElement(node,method)){return node;}}
+return null;},getPreviousSibling:function(node){node=Y.Dom.get(node);if(!node){return null;}
+return Y.Dom.getPreviousSiblingBy(node);},getNextSiblingBy:function(node,method){while(node){node=node.nextSibling;if(testElement(node,method)){return node;}}
+return null;},getNextSibling:function(node){node=Y.Dom.get(node);if(!node){return null;}
+return Y.Dom.getNextSiblingBy(node);},getFirstChildBy:function(node,method){var child=(testElement(node.firstChild,method))?node.firstChild:null;return child||Y.Dom.getNextSiblingBy(node.firstChild,method);},getFirstChild:function(node,method){node=Y.Dom.get(node);if(!node){return null;}
+return Y.Dom.getFirstChildBy(node);},getLastChildBy:function(node,method){if(!node){return null;}
+var child=(testElement(node.lastChild,method))?node.lastChild:null;return child||Y.Dom.getPreviousSiblingBy(node.lastChild,method);},getLastChild:function(node){node=Y.Dom.get(node);return Y.Dom.getLastChildBy(node);},getChildrenBy:function(node,method){var child=Y.Dom.getFirstChildBy(node,method);var children=child?[child]:[];Y.Dom.getNextSiblingBy(child,function(node){if(!method||method(node)){children[children.length]=node;}
+return false;});return children;},getChildren:function(node){node=Y.Dom.get(node);if(!node){}
+return Y.Dom.getChildrenBy(node);},getDocumentScrollLeft:function(doc){doc=doc||document;return Math.max(doc.documentElement.scrollLeft,doc.body.scrollLeft);},getDocumentScrollTop:function(doc){doc=doc||document;return Math.max(doc.documentElement.scrollTop,doc.body.scrollTop);},insertBefore:function(newNode,referenceNode){newNode=Y.Dom.get(newNode);referenceNode=Y.Dom.get(referenceNode);if(!newNode||!referenceNode||!referenceNode.parentNode){return null;}
+return referenceNode.parentNode.insertBefore(newNode,referenceNode);},insertAfter:function(newNode,referenceNode){newNode=Y.Dom.get(newNode);referenceNode=Y.Dom.get(referenceNode);if(!newNode||!referenceNode||!referenceNode.parentNode){return null;}
+if(referenceNode.nextSibling){return referenceNode.parentNode.insertBefore(newNode,referenceNode.nextSibling);}else{return referenceNode.parentNode.appendChild(newNode);}}};})();YAHOO.util.Region=function(t,r,b,l){this.top=t;this[1]=t;this.right=r;this.bottom=b;this.left=l;this[0]=l;};YAHOO.util.Region.prototype.contains=function(region){return(region.left>=this.left&&region.right<=this.right&&region.top>=this.top&&region.bottom<=this.bottom);};YAHOO.util.Region.prototype.getArea=function(){return((this.bottom-this.top)*(this.right-this.left));};YAHOO.util.Region.prototype.intersect=function(region){var t=Math.max(this.top,region.top);var r=Math.min(this.right,region.right);var b=Math.min(this.bottom,region.bottom);var l=Math.max(this.left,region.left);if(b>=t&&r>=l){return new YAHOO.util.Region(t,r,b,l);}else{return null;}};YAHOO.util.Region.prototype.union=function(region){var t=Math.min(this.top,region.top);var r=Math.max(this.right,region.right);var b=Math.max(this.bottom,region.bottom);var l=Math.min(this.left,region.left);return new YAHOO.util.Region(t,r,b,l);};YAHOO.util.Region.prototype.toString=function(){return("Region {"+"top: "+this.top+", right: "+this.right+", bottom: "+this.bottom+", left: "+this.left+"}");};YAHOO.util.Region.getRegion=function(el){var p=YAHOO.util.Dom.getXY(el);var t=p[1];var r=p[0]+el.offsetWidth;var b=p[1]+el.offsetHeight;var l=p[0];return new YAHOO.util.Region(t,r,b,l);};YAHOO.util.Point=function(x,y){if(YAHOO.lang.isArray(x)){y=x[1];x=x[0];}
+this.x=this.right=this.left=this[0]=x;this.y=this.top=this.bottom=this[1]=y;};YAHOO.util.Point.prototype=new YAHOO.util.Region();YAHOO.register("dom",YAHOO.util.Dom,{version:"2.3.0",build:"442"});
+YAHOO.util.CustomEvent=function(type,oScope,silent,signature){this.type=type;this.scope=oScope||window;this.silent=silent;this.signature=signature||YAHOO.util.CustomEvent.LIST;this.subscribers=[];if(!this.silent){}
+var onsubscribeType="_YUICEOnSubscribe";if(type!==onsubscribeType){this.subscribeEvent=new YAHOO.util.CustomEvent(onsubscribeType,this,true);}};YAHOO.util.CustomEvent.LIST=0;YAHOO.util.CustomEvent.FLAT=1;YAHOO.util.CustomEvent.prototype={subscribe:function(fn,obj,override){if(!fn){throw new Error("Invalid callback for subscriber to '"+this.type+"'");}
+if(this.subscribeEvent){this.subscribeEvent.fire(fn,obj,override);}
+this.subscribers.push(new YAHOO.util.Subscriber(fn,obj,override));},unsubscribe:function(fn,obj){if(!fn){return this.unsubscribeAll();}
+var found=false;for(var i=0,len=this.subscribers.length;i<len;++i){var s=this.subscribers[i];if(s&&s.contains(fn,obj)){this._delete(i);found=true;}}
+return found;},fire:function(){var len=this.subscribers.length;if(!len&&this.silent){return true;}
+var args=[],ret=true,i,rebuild=false;for(i=0;i<arguments.length;++i){args.push(arguments[i]);}
+var argslength=args.length;if(!this.silent){}
+for(i=0;i<len;++i){var s=this.subscribers[i];if(!s){rebuild=true;}else{if(!this.silent){}
+var scope=s.getScope(this.scope);if(this.signature==YAHOO.util.CustomEvent.FLAT){var param=null;if(args.length>0){param=args[0];}
+ret=s.fn.call(scope,param,s.obj);}else{ret=s.fn.call(scope,this.type,args,s.obj);}
+if(false===ret){if(!this.silent){}
+return false;}}}
+if(rebuild){var newlist=[],subs=this.subscribers;for(i=0,len=subs.length;i<len;++i){s=subs[i];newlist.push(subs[i]);}
+this.subscribers=newlist;}
+return true;},unsubscribeAll:function(){for(var i=0,len=this.subscribers.length;i<len;++i){this._delete(len-1-i);}
+this.subscribers=[];return i;},_delete:function(index){var s=this.subscribers[index];if(s){delete s.fn;delete s.obj;}
+this.subscribers[index]=null;},toString:function(){return"CustomEvent: "+"'"+this.type+"', "+"scope: "+this.scope;}};YAHOO.util.Subscriber=function(fn,obj,override){this.fn=fn;this.obj=YAHOO.lang.isUndefined(obj)?null:obj;this.override=override;};YAHOO.util.Subscriber.prototype.getScope=function(defaultScope){if(this.override){if(this.override===true){return this.obj;}else{return this.override;}}
+return defaultScope;};YAHOO.util.Subscriber.prototype.contains=function(fn,obj){if(obj){return(this.fn==fn&&this.obj==obj);}else{return(this.fn==fn);}};YAHOO.util.Subscriber.prototype.toString=function(){return"Subscriber { obj: "+this.obj+", override: "+(this.override||"no")+" }";};if(!YAHOO.util.Event){YAHOO.util.Event=function(){var loadComplete=false;var DOMReady=false;var listeners=[];var unloadListeners=[];var legacyEvents=[];var legacyHandlers=[];var retryCount=0;var onAvailStack=[];var legacyMap=[];var counter=0;var webkitKeymap={63232:38,63233:40,63234:37,63235:39};return{POLL_RETRYS:4000,POLL_INTERVAL:10,EL:0,TYPE:1,FN:2,WFN:3,OBJ:3,ADJ_SCOPE:4,lastError:null,isSafari:YAHOO.env.ua.webkit,webkit:YAHOO.env.ua.webkit,isIE:YAHOO.env.ua.ie,_interval:null,startInterval:function(){if(!this._interval){var self=this;var callback=function(){self._tryPreloadAttach();};this._interval=setInterval(callback,this.POLL_INTERVAL);}},onAvailable:function(p_id,p_fn,p_obj,p_override){onAvailStack.push({id:p_id,fn:p_fn,obj:p_obj,override:p_override,checkReady:false});retryCount=this.POLL_RETRYS;this.startInterval();},onDOMReady:function(p_fn,p_obj,p_override){if(DOMReady){setTimeout(function(){var s=window;if(p_override){if(p_override===true){s=p_obj;}else{s=p_override;}}
+p_fn.call(s,"DOMReady",[],p_obj);},0);}else{this.DOMReadyEvent.subscribe(p_fn,p_obj,p_override);}},onContentReady:function(p_id,p_fn,p_obj,p_override){onAvailStack.push({id:p_id,fn:p_fn,obj:p_obj,override:p_override,checkReady:true});retryCount=this.POLL_RETRYS;this.startInterval();},addListener:function(el,sType,fn,obj,override){if(!fn||!fn.call){return false;}
+if(this._isValidCollection(el)){var ok=true;for(var i=0,len=el.length;i<len;++i){ok=this.on(el[i],sType,fn,obj,override)&&ok;}
+return ok;}else if(YAHOO.lang.isString(el)){var oEl=this.getEl(el);if(oEl){el=oEl;}else{this.onAvailable(el,function(){YAHOO.util.Event.on(el,sType,fn,obj,override);});return true;}}
+if(!el){return false;}
+if("unload"==sType&&obj!==this){unloadListeners[unloadListeners.length]=[el,sType,fn,obj,override];return true;}
+var scope=el;if(override){if(override===true){scope=obj;}else{scope=override;}}
+var wrappedFn=function(e){return fn.call(scope,YAHOO.util.Event.getEvent(e),obj);};var li=[el,sType,fn,wrappedFn,scope];var index=listeners.length;listeners[index]=li;if(this.useLegacyEvent(el,sType)){var legacyIndex=this.getLegacyIndex(el,sType);if(legacyIndex==-1||el!=legacyEvents[legacyIndex][0]){legacyIndex=legacyEvents.length;legacyMap[el.id+sType]=legacyIndex;legacyEvents[legacyIndex]=[el,sType,el["on"+sType]];legacyHandlers[legacyIndex]=[];el["on"+sType]=function(e){YAHOO.util.Event.fireLegacyEvent(YAHOO.util.Event.getEvent(e),legacyIndex);};}
+legacyHandlers[legacyIndex].push(li);}else{try{this._simpleAdd(el,sType,wrappedFn,false);}catch(ex){this.lastError=ex;this.removeListener(el,sType,fn);return false;}}
+return true;},fireLegacyEvent:function(e,legacyIndex){var ok=true,le,lh,li,scope,ret;lh=legacyHandlers[legacyIndex];for(var i=0,len=lh.length;i<len;++i){li=lh[i];if(li&&li[this.WFN]){scope=li[this.ADJ_SCOPE];ret=li[this.WFN].call(scope,e);ok=(ok&&ret);}}
+le=legacyEvents[legacyIndex];if(le&&le[2]){le[2](e);}
+return ok;},getLegacyIndex:function(el,sType){var key=this.generateId(el)+sType;if(typeof legacyMap[key]=="undefined"){return-1;}else{return legacyMap[key];}},useLegacyEvent:function(el,sType){if(this.webkit&&("click"==sType||"dblclick"==sType)){var v=parseInt(this.webkit,10);if(!isNaN(v)&&v<418){return true;}}
+return false;},removeListener:function(el,sType,fn){var i,len;if(typeof el=="string"){el=this.getEl(el);}else if(this._isValidCollection(el)){var ok=true;for(i=0,len=el.length;i<len;++i){ok=(this.removeListener(el[i],sType,fn)&&ok);}
+return ok;}
+if(!fn||!fn.call){return this.purgeElement(el,false,sType);}
+if("unload"==sType){for(i=0,len=unloadListeners.length;i<len;i++){var li=unloadListeners[i];if(li&&li[0]==el&&li[1]==sType&&li[2]==fn){unloadListeners[i]=null;return true;}}
+return false;}
+var cacheItem=null;var index=arguments[3];if("undefined"==typeof index){index=this._getCacheIndex(el,sType,fn);}
+if(index>=0){cacheItem=listeners[index];}
+if(!el||!cacheItem){return false;}
+if(this.useLegacyEvent(el,sType)){var legacyIndex=this.getLegacyIndex(el,sType);var llist=legacyHandlers[legacyIndex];if(llist){for(i=0,len=llist.length;i<len;++i){li=llist[i];if(li&&li[this.EL]==el&&li[this.TYPE]==sType&&li[this.FN]==fn){llist[i]=null;break;}}}}else{try{this._simpleRemove(el,sType,cacheItem[this.WFN],false);}catch(ex){this.lastError=ex;return false;}}
+delete listeners[index][this.WFN];delete listeners[index][this.FN];listeners[index]=null;return true;},getTarget:function(ev,resolveTextNode){var t=ev.target||ev.srcElement;return this.resolveTextNode(t);},resolveTextNode:function(node){if(node&&3==node.nodeType){return node.parentNode;}else{return node;}},getPageX:function(ev){var x=ev.pageX;if(!x&&0!==x){x=ev.clientX||0;if(this.isIE){x+=this._getScrollLeft();}}
+return x;},getPageY:function(ev){var y=ev.pageY;if(!y&&0!==y){y=ev.clientY||0;if(this.isIE){y+=this._getScrollTop();}}
+return y;},getXY:function(ev){return[this.getPageX(ev),this.getPageY(ev)];},getRelatedTarget:function(ev){var t=ev.relatedTarget;if(!t){if(ev.type=="mouseout"){t=ev.toElement;}else if(ev.type=="mouseover"){t=ev.fromElement;}}
+return this.resolveTextNode(t);},getTime:function(ev){if(!ev.time){var t=new Date().getTime();try{ev.time=t;}catch(ex){this.lastError=ex;return t;}}
+return ev.time;},stopEvent:function(ev){this.stopPropagation(ev);this.preventDefault(ev);},stopPropagation:function(ev){if(ev.stopPropagation){ev.stopPropagation();}else{ev.cancelBubble=true;}},preventDefault:function(ev){if(ev.preventDefault){ev.preventDefault();}else{ev.returnValue=false;}},getEvent:function(e){var ev=e||window.event;if(!ev){var c=this.getEvent.caller;while(c){ev=c.arguments[0];if(ev&&Event==ev.constructor){break;}
+c=c.caller;}}
+return ev;},getCharCode:function(ev){var code=ev.keyCode||ev.charCode||0;if(YAHOO.env.ua.webkit&&(code in webkitKeymap)){code=webkitKeymap[code];}
+return code;},_getCacheIndex:function(el,sType,fn){for(var i=0,len=listeners.length;i<len;++i){var li=listeners[i];if(li&&li[this.FN]==fn&&li[this.EL]==el&&li[this.TYPE]==sType){return i;}}
+return-1;},generateId:function(el){var id=el.id;if(!id){id="yuievtautoid-"+counter;++counter;el.id=id;}
+return id;},_isValidCollection:function(o){try{return(o&&o.length&&typeof o!="string"&&!o.tagName&&!o.alert&&typeof o[0]!="undefined");}catch(e){return false;}},elCache:{},getEl:function(id){return document.getElementById(id);},clearCache:function(){},DOMReadyEvent:new YAHOO.util.CustomEvent("DOMReady",this),_load:function(e){if(!loadComplete){loadComplete=true;var EU=YAHOO.util.Event;EU._ready();EU._tryPreloadAttach();}},_ready:function(e){if(!DOMReady){DOMReady=true;var EU=YAHOO.util.Event;EU.DOMReadyEvent.fire();EU._simpleRemove(document,"DOMContentLoaded",EU._ready);}},_tryPreloadAttach:function(){if(this.locked){return false;}
+if(this.isIE){if(!DOMReady){this.startInterval();return false;}}
+this.locked=true;var tryAgain=!loadComplete;if(!tryAgain){tryAgain=(retryCount>0);}
+var notAvail=[];var executeItem=function(el,item){var scope=el;if(item.override){if(item.override===true){scope=item.obj;}else{scope=item.override;}}
+item.fn.call(scope,item.obj);};var i,len,item,el;for(i=0,len=onAvailStack.length;i<len;++i){item=onAvailStack[i];if(item&&!item.checkReady){el=this.getEl(item.id);if(el){executeItem(el,item);onAvailStack[i]=null;}else{notAvail.push(item);}}}
+for(i=0,len=onAvailStack.length;i<len;++i){item=onAvailStack[i];if(item&&item.checkReady){el=this.getEl(item.id);if(el){if(loadComplete||el.nextSibling){executeItem(el,item);onAvailStack[i]=null;}}else{notAvail.push(item);}}}
+retryCount=(notAvail.length===0)?0:retryCount-1;if(tryAgain){this.startInterval();}else{clearInterval(this._interval);this._interval=null;}
+this.locked=false;return true;},purgeElement:function(el,recurse,sType){var elListeners=this.getListeners(el,sType);if(elListeners){for(var i=0,len=elListeners.length;i<len;++i){var l=elListeners[i];this.removeListener(el,l.type,l.fn,l.index);}}
+if(recurse&&el&&el.childNodes){for(i=0,len=el.childNodes.length;i<len;++i){this.purgeElement(el.childNodes[i],recurse,sType);}}},getListeners:function(el,sType){var results=[],searchLists;if(!sType){searchLists=[listeners,unloadListeners];}else if(sType=="unload"){searchLists=[unloadListeners];}else{searchLists=[listeners];}
+for(var j=0;j<searchLists.length;++j){var searchList=searchLists[j];if(searchList&&searchList.length>0){for(var i=0,len=searchList.length;i<len;++i){var l=searchList[i];if(l&&l[this.EL]===el&&(!sType||sType===l[this.TYPE])){results.push({type:l[this.TYPE],fn:l[this.FN],obj:l[this.OBJ],adjust:l[this.ADJ_SCOPE],index:i});}}}}
+return(results.length)?results:null;},_unload:function(e){var EU=YAHOO.util.Event,i,j,l,len,index;for(i=0,len=unloadListeners.length;i<len;++i){l=unloadListeners[i];if(l){var scope=window;if(l[EU.ADJ_SCOPE]){if(l[EU.ADJ_SCOPE]===true){scope=l[EU.OBJ];}else{scope=l[EU.ADJ_SCOPE];}}
+l[EU.FN].call(scope,EU.getEvent(e),l[EU.OBJ]);unloadListeners[i]=null;l=null;scope=null;}}
+unloadListeners=null;if(listeners&&listeners.length>0){j=listeners.length;while(j){index=j-1;l=listeners[index];if(l){EU.removeListener(l[EU.EL],l[EU.TYPE],l[EU.FN],index);}
+j=j-1;}
+l=null;EU.clearCache();}
+for(i=0,len=legacyEvents.length;i<len;++i){legacyEvents[i][0]=null;legacyEvents[i]=null;}
+legacyEvents=null;EU._simpleRemove(window,"unload",EU._unload);},_getScrollLeft:function(){return this._getScroll()[1];},_getScrollTop:function(){return this._getScroll()[0];},_getScroll:function(){var dd=document.documentElement,db=document.body;if(dd&&(dd.scrollTop||dd.scrollLeft)){return[dd.scrollTop,dd.scrollLeft];}else if(db){return[db.scrollTop,db.scrollLeft];}else{return[0,0];}},regCE:function(){},_simpleAdd:function(){if(window.addEventListener){return function(el,sType,fn,capture){el.addEventListener(sType,fn,(capture));};}else if(window.attachEvent){return function(el,sType,fn,capture){el.attachEvent("on"+sType,fn);};}else{return function(){};}}(),_simpleRemove:function(){if(window.removeEventListener){return function(el,sType,fn,capture){el.removeEventListener(sType,fn,(capture));};}else if(window.detachEvent){return function(el,sType,fn){el.detachEvent("on"+sType,fn);};}else{return function(){};}}()};}();(function(){var EU=YAHOO.util.Event;EU.on=EU.addListener;if(EU.isIE){YAHOO.util.Event.onDOMReady(YAHOO.util.Event._tryPreloadAttach,YAHOO.util.Event,true);var el,d=document,b=d.body;if(("undefined"!==typeof YAHOO_config)&&YAHOO_config.injecting){el=document.createElement("script");var p=d.getElementsByTagName("head")[0]||b;p.insertBefore(el,p.firstChild);}else{d.write('<scr'+'ipt id="_yui_eu_dr" defer="true" src="//:"><'+'/script>');el=document.getElementById("_yui_eu_dr");}
+if(el){el.onreadystatechange=function(){if("complete"===this.readyState){this.parentNode.removeChild(this);YAHOO.util.Event._ready();}};}else{}
+el=null;}else if(EU.webkit){EU._drwatch=setInterval(function(){var rs=document.readyState;if("loaded"==rs||"complete"==rs){clearInterval(EU._drwatch);EU._drwatch=null;EU._ready();}},EU.POLL_INTERVAL);}else{EU._simpleAdd(document,"DOMContentLoaded",EU._ready);}
+EU._simpleAdd(window,"load",EU._load);EU._simpleAdd(window,"unload",EU._unload);EU._tryPreloadAttach();})();}
+YAHOO.util.EventProvider=function(){};YAHOO.util.EventProvider.prototype={__yui_events:null,__yui_subscribers:null,subscribe:function(p_type,p_fn,p_obj,p_override){this.__yui_events=this.__yui_events||{};var ce=this.__yui_events[p_type];if(ce){ce.subscribe(p_fn,p_obj,p_override);}else{this.__yui_subscribers=this.__yui_subscribers||{};var subs=this.__yui_subscribers;if(!subs[p_type]){subs[p_type]=[];}
+subs[p_type].push({fn:p_fn,obj:p_obj,override:p_override});}},unsubscribe:function(p_type,p_fn,p_obj){this.__yui_events=this.__yui_events||{};var evts=this.__yui_events;if(p_type){var ce=evts[p_type];if(ce){return ce.unsubscribe(p_fn,p_obj);}}else{for(var i in evts){var ret=true;if(YAHOO.lang.hasOwnProperty(evts,i)){ret=ret&&evts[i].unsubscribe(p_fn,p_obj);}}
+return ret;}
+return false;},unsubscribeAll:function(p_type){return this.unsubscribe(p_type);},createEvent:function(p_type,p_config){this.__yui_events=this.__yui_events||{};var opts=p_config||{};var events=this.__yui_events;if(events[p_type]){}else{var scope=opts.scope||this;var silent=(opts.silent);var ce=new YAHOO.util.CustomEvent(p_type,scope,silent,YAHOO.util.CustomEvent.FLAT);events[p_type]=ce;if(opts.onSubscribeCallback){ce.subscribeEvent.subscribe(opts.onSubscribeCallback);}
+this.__yui_subscribers=this.__yui_subscribers||{};var qs=this.__yui_subscribers[p_type];if(qs){for(var i=0;i<qs.length;++i){ce.subscribe(qs[i].fn,qs[i].obj,qs[i].override);}}}
+return events[p_type];},fireEvent:function(p_type,arg1,arg2,etc){this.__yui_events=this.__yui_events||{};var ce=this.__yui_events[p_type];if(!ce){return null;}
+var args=[];for(var i=1;i<arguments.length;++i){args.push(arguments[i]);}
+return ce.fire.apply(ce,args);},hasEvent:function(type){if(this.__yui_events){if(this.__yui_events[type]){return true;}}
+return false;}};YAHOO.util.KeyListener=function(attachTo,keyData,handler,event){if(!attachTo){}else if(!keyData){}else if(!handler){}
+if(!event){event=YAHOO.util.KeyListener.KEYDOWN;}
+var keyEvent=new YAHOO.util.CustomEvent("keyPressed");this.enabledEvent=new YAHOO.util.CustomEvent("enabled");this.disabledEvent=new YAHOO.util.CustomEvent("disabled");if(typeof attachTo=='string'){attachTo=document.getElementById(attachTo);}
+if(typeof handler=='function'){keyEvent.subscribe(handler);}else{keyEvent.subscribe(handler.fn,handler.scope,handler.correctScope);}
+function handleKeyPress(e,obj){if(!keyData.shift){keyData.shift=false;}
+if(!keyData.alt){keyData.alt=false;}
+if(!keyData.ctrl){keyData.ctrl=false;}
+if(e.shiftKey==keyData.shift&&e.altKey==keyData.alt&&e.ctrlKey==keyData.ctrl){var dataItem;var keyPressed;if(keyData.keys instanceof Array){for(var i=0;i<keyData.keys.length;i++){dataItem=keyData.keys[i];if(dataItem==e.charCode){keyEvent.fire(e.charCode,e);break;}else if(dataItem==e.keyCode){keyEvent.fire(e.keyCode,e);break;}}}else{dataItem=keyData.keys;if(dataItem==e.charCode){keyEvent.fire(e.charCode,e);}else if(dataItem==e.keyCode){keyEvent.fire(e.keyCode,e);}}}}
+this.enable=function(){if(!this.enabled){YAHOO.util.Event.addListener(attachTo,event,handleKeyPress);this.enabledEvent.fire(keyData);}
+this.enabled=true;};this.disable=function(){if(this.enabled){YAHOO.util.Event.removeListener(attachTo,event,handleKeyPress);this.disabledEvent.fire(keyData);}
+this.enabled=false;};this.toString=function(){return"KeyListener ["+keyData.keys+"] "+attachTo.tagName+
+(attachTo.id?"["+attachTo.id+"]":"");};};YAHOO.util.KeyListener.KEYDOWN="keydown";YAHOO.util.KeyListener.KEYUP="keyup";YAHOO.register("event",YAHOO.util.Event,{version:"2.3.0",build:"442"});YAHOO.register("yahoo-dom-event", YAHOO, {version: "2.3.0", build: "442"});
...	...	@@ -0,0 +1,130 @@
	1	+<html>
	2	+<head>
	3	+ <title>Balloon tooltip demonstration</title>
	4	+ <script type="text/javascript" src="js/balloon.config.js"></script>
	5	+ <script type="text/javascript" src="js/balloon.js"></script>
	6	+ <script type="text/javascript" src="js/yahoo-dom-event.js"></script>
	7	+ <script> var balloon = new Balloon;</script>
	8	+ <style>
	9	+ a.tt {
	10	+ background-color:lightsteelblue;
	11	+ text-decoration:none;
	12	+ }
	13	+ .hidden {
	14	+ display:none;
	15	+ }
	16	+ pre {
	17	+ background-color:gainsboro;
	18	+ padding:10px;
	19	+ margin-left:20px;
	20	+ margin-right:20px;
	21	+ font-family:courier;
	22	+ font-size:90%;
	23	+ }
	24	+ b.y { background-color:yellow }
	25	+ </style>
	26	+</head>
	27	+<body>
	28	+<h1>Balloon tooltip demonstration</h1>
	29	+<div style="border:1px solid red;text-align:center;margin-bottom:5px">
	30	+Javascript code: <a href="/js/balloon.js" target="_new"
	31	+onmouseover="balloon.showTooltip(event,'Get the javascript code!')">
	32	+balloon.js</a>
	33	+  \|
	34	+Documentation: <a href="http://www.gmod.org/wiki/index.php/Popup_Balloons"
	35	+onmouseover="balloon.showTooltip(event,'Documentation for installation and usage')"; target="_new">Wiki</a>
	36	+</div>
	37	+<div style="border:1px solid blue;background:azure;padding:10px;font-family:arial, sans-serif">
	38	+<a href="http://www.gmod.org/wiki/index.php/Popup_Balloons" target="_blank"
	39	+ onmouseover="balloon.showTooltip(event,'Want to do this with your website? Click for documentation!')">
	40	+<img src="/images/sample_balloon.png" style="float:right;border:2px solid black" />
	41	+</a>
	42	+This page is a demonstration of balloon.js, written by <a href="http://www.gmod.org/wiki/index.php/Popup_Balloons">Sheldon McKay</a>
	43	+<ul>
	44	+<li>balloon.js is an object-oriented JavaScript class for highly configurable balloon tooltips (AKA popup balloons, bubbles, etc)</li>
	45	+<li>the balloon.js package is completely free and open source, so help yourself!</li>
	46	+<li>See <a href="http://www.gmod.org/wiki/index.php/Popup_Balloons">www.gmod.org/wiki/index.php/Popup_Balloons</a> for complete documentation</li>
	47	+<li>Please feel free to <a href="mailto:mckays@cshl.edu">Contact the Author<a> for help with installation and usage</li>
	48	+</ul>
	49	+</div>
	50	+
	51	+<p>
	52	+Page header with required components
	53	+</p>
	54	+<pre>
	55	+<head>
	56	+ <title>balloon tooltip demonstration</title>
	57	+ <script type="text/javascript" src="/js/balloon.config.js"></script>
	58	+ <script type="text/javascript" src="/js/balloon.js"></script>
	59	+ <script type="text/javascript" src="/js/yahoo-dom-event.js"></script>
	60	+ <script type="text/javascript"> var balloon = new balloon;</script>
	61	+</head>
	62	+</pre>
	63	+
	64	+<div id="lorem1" class="hidden">
	65	+Lorem ipsum dolor sit amet, <b><i>consectetuer adipiscing elit</b></i>. Vestibulum iaculis,
	66	+ligula quis fringilla volutpat, metus mi molestie lorem, <span style=\'color:red\'>quis accumsan pede
	67	+turpis nec metus.</span> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.'
	68	+</div>
	69	+
	70	+<div id="lorem2" class="hidden">
	71	+<a href="http://www.lipsum.com" target="_new" style="color:blue">What is <i>Lorem ipsum...</i>?</a>
	72	+Lorem ipsum dolor sit amet, <b><i>consectetuer adipiscing elit</b></i>. Vestibulum iaculis
	73	+, ligula quis fringilla volutpat, metus mi molestie lorem, quis accumsan pede
	74	+turpis nec metus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
	75	+</div>
	76	+
	77	+<p>
	78	+This is an example of a simple balloon <a href="javascript:void(0)" class=tt
	79	+onmouseover="balloon.showTooltip(event,'I am a simple message...')">message</a>
	80	+
	81	+<pre>
	82	+ <a href="javascript:void(0)" onmouseover="balloon.showTooltip(event,'I am a simple message...')">message</a>
	83	+</pre>
	84	+</p>
	85	+
	86	+<p>
	87	+Roll over <a href="javascript:void(0)" class=tt onmouseover="balloon.showTooltip(event,'load:lorem1')">
	88	+this text</a> for an example of HTML-formatted text loaded from a hidden <div> element.
	89	+<pre>
	90	+ onmouseover="balloon.showTooltip(event,<b class=y>'load:lorem1'</b>)"
	91	+</pre>
	92	+
	93	+<span id=sticky>
	94	+Adding a third argument makes the tooltip <a href="javascript:void(0)" class=tt
	95	+onmouseover="balloon.showTooltip(event,'load:lorem2',1)">sticky</a>.</span>
	96	+
	97	+<pre>
	98	+ onmouseover="balloon.showTooltip(event,'load:lorem2',<b class=y>1</b>)"
	99	+</pre>
	100	+
	101	+A fourth argument will set the width (Example:<a href="javascript:void(0)" class=tt
	102	+onmouseover="balloon.showTooltip(event,'load:lorem2',1,300)">
	103	+300px sticky balloon</a>)
	104	+<pre>
	105	+ onmouseover="balloon.showTooltip(event,'load:lorem2',1,<b class=y>300</b>)"
	106	+</pre>
	107	+</p>
	108	+
	109	+<p>
	110	+Here is an example of a tooltip balloon that is populated by an
	111	+<a href="javascript:void(0)" class=tt
	112	+onmouseover="balloon.showTooltip(event,'<img height=150 src=/images/balloons.png>')">
	113	+image</a>.
	114	+<pre>
	115	+ onmouseover="balloon.showTooltip(event,'<img src=/images/balloons.png>')"
	116	+</pre>
	117	+</p>
	118	+
	119	+<p>
	120	+This link will create a sticky balloon whose contents are from a remote URL.
	121	+<a href="javascript:void(0)" class=tt
	122	+onmouseover="balloon.showTooltip(event,'<iframe style=\'width:270;height:300\' frameborder=0 src=\'http://www.nypost.com/avantgo/avantnews/avantnews.htm\'></iframe>',1,300)">
	123	+What's new?</a><br>This requires an embedded iframe.
	124	+<pre>
	125	+ onmouseover="balloon.showTooltip(event,'\
	126	+ <iframe style=\'width:270;height:300;border:0\' \
	127	+ src=\'http://www.nypost.com/avantgo/avantnews/avantnews.htm\'></iframe>',1,300)"
	128	+</pre>
	129	+</p>
	130	+</body>
...	...
...	...	@@ -0,0 +1,313 @@
	1	+<html>
	2	+<head>
	3	+ <title>Balloon and box tooltips demonstration</title>
	4	+ <script type="text/javascript" src="/js/balloon.config.js"></script>
	5	+ <script type="text/javascript" src="/js/balloon.js"></script>
	6	+ <script type="text/javascript" src="/js/box.js"></script>
	7	+ <script type="text/javascript" src="/js/yahoo-dom-event.js"></script>
	8	+ <script type="text/javascript" src="/js/toggle.js"></script>
	9	+ <style>
	10	+ .tt {
	11	+ background-color:lightsteelblue;
	12	+ color:blue;
	13	+ text-decoration:none;
	14	+ cursor:pointer;
	15	+ }
	16	+ .hidden {
	17	+ display:none;
	18	+ }
	19	+ pre {
	20	+ background-color:gainsboro;
	21	+ padding:10px;
	22	+ margin-left:20px;
	23	+ margin-right:20px;
	24	+ font-family:courier;
	25	+ font-size:90%;
	26	+ }
	27	+ b.y { background-color:yellow }
	28	+ </style>
	29	+ <script type="text/javascript">
	30	+ // white balloon with default configuration
	31	+ // (see http://www.wormbase.org/wiki/index.php/Balloon_Tooltips)
	32	+ var whiteBalloon = new Balloon;
	33	+
	34	+ // stemless,shadowless blue balloon
	35	+ var blueBalloon = new Balloon;
	36	+ blueBalloon.balloonTextSize = '90%';
	37	+ blueBalloon.images = '/images/balloons';
	38	+ blueBalloon.balloonImage = 'blue_balloon.png';
	39	+ blueBalloon.vOffset = 15;
	40	+ blueBalloon.shadow = 0;
	41	+ blueBalloon.stem = false;
	42	+ blueBalloon.ieImage = null;
	43	+
	44	+ // a plainer popup box
	45	+ var box = new Box;
	46	+ box.bgcolor = 'ivory';
	47	+ box.fontColor = 'green';
	48	+ box.borderStyle = '4px ridge blue';
	49	+
	50	+ // a box that fades in/out
	51	+ var fadeBox = new Box;
	52	+ fadeBox.bgColor = 'black';
	53	+ fadeBox.fontColor = 'white';
	54	+ fadeBox.borderStyle = 'none';
	55	+ fadeBox.delayTime = 200;
	56	+ fadeBox.allowFade = true;
	57	+ fadeBox.fadeIn = 750;
	58	+ fadeBox.fadeOut = 200;
	59	+
	60	+ </script>
	61	+</head>
	62	+<body>
	63	+<div style="border:1px solid blue;background:azure;padding:10px;font-family:arial, sans-serif">
	64	+<center><img src="/images/sample.png"></a>
	65	+</center>
	66	+</span>
	67	+<span id="sheldon" style="display:none">
	68	+<center>
	69	+<img src="/images/sheldon.jpg">
	70	+<br>mckays@cshl.edu
	71	+</center>
	72	+</span>
	73	+<br>
	74	+This page is a demonstration of balloon.js, written by <a href="http://www.gmod.org/wiki/index.php/Popup_Balloons"
	75	+ onmouseover="whiteBalloon.showTooltip(event,'load:sheldon')">Sheldon McKay</a>.
	76	+<p>
	77	+The balloon.js package is written in object-oriented JavaScript and allows you to add configurable balloon tooltips
	78	+(AKA popup balloons, bubbles, rollover tooltips etc., etc.) to your website. It was written for scientific web applications, such as
	79	+<a href="http://gmod.org/wiki/Gbrowse" target="_blank">GBrowse</a> and <a href="http://www.wormbase.org" target="_blank">WormBase</a>,
	80	+but is generic and portable to most websites.
	81	+<br>
	82	+The balloons are dynamically sized in both the vertical and horizontal dimensions and the left/right/up/down orientation
	83	+is calculated automatically based on the position of the cursor. Balloon contents can be provided locally in your own HTML or remotely via AJAX.
	84	+This package is open source and free to all as long as the copyright notice is retained. See below for demonstrations and documentation.
	85	+<p>
	86	+Please feel free to <a href="mailto:mckays@cshl.edu">contact the author
	87	+<a> for help with installation and usage.
	88	+</p>
	89	+</p>
	90	+<div style="border:1px solid black;width:90%;margin:auto">
	91	+<table cellpadding=3 style="width:100%">
	92	+<tr>
	93	+<th width=10% align=left rowspan=2>Demonstration:</th>
	94	+<th width=30% class="tt" onmouseover="whiteBalloon.showTooltip(event,'Your message goes here',0,200)">plain hover</th>
	95	+<th width=30% class="tt">
	96	+<span onmouseover="whiteBalloon.showTooltip(event,'Your are hovering, I said click me!')"
	97	+ onclick="whiteBalloon.showTooltip(event,'Your sticky message goes here.',1)">click me</span>
	98	+</th>
	99	+<th width=30% class="tt"><span onmouseover="blueBalloon.showTooltip(event,'This is a stemless balloon.<br>Your message goes here!')">blue balloon</span></th>
	100	+</tr>
	101	+<tr>
	102	+<th class="tt"><span onmouseover="box.showTooltip(event,'Your message goes here!')">popup box</span></th>
	103	+<th class="tt"><span onmouseover="fadeBox.showTooltip(event,'Your message goes here!')">fading box</span></th>
	104	+<th class="tt"><span onmouseover="box.showTooltip(event,'Your sticky message goes here!<br><a href=\'http://www.google.com\'>Your link goes here...</a>',1,275)">
	105	+sticky box</span></th>
	106	+</tr>
	107	+<tr>
	108	+<th align=left>Documentation:</th>
	109	+<th colspan=3 align=left class=tt>
	110	+<a class=tt href="http://gmod.org/wiki/Popup_Balloons"
	111	+ onmouseover="whiteBalloon.showTooltip(event,'Click this link to go to documentation on the GMOD Wiki')">
	112	+http://gmod.org/wiki/Popup_Balloons
	113	+</th>
	114	+</tr>
	115	+<tr>
	116	+<th align=left>Download:</th>
	117	+<th colspan=3 align=left class=tt>
	118	+<a class=tt href="http://gmod.cvs.sourceforge.net/checkout/gmod/balloon-tooltips/download/balloons.tar.gz"
	119	+ onmouseover="box.showTooltip(event,'click to download the whole package, with all required scripts, images, etc',0,300)">
	120	+balloons.tar.gz
	121	+</th>
	122	+</tr>
	123	+</table>
	124	+</div>
	125	+<br>
	126	+<div class="switch" id="source_code" title="source code for the above examples">
	127	+<pre>
	128	+<head>
	129	+ <title>Balloon tooltip demonstration</title>
	130	+ <script type="text/javascript" src="/js/balloon.config.js"></script>
	131	+ <script type="text/javascript" src="/js/balloon.js"></script>
	132	+ <script type="text/javascript" src="/js/box.js"></script>
	133	+ <script type="text/javascript" src="/js/yahoo-dom-event.js"></script>
	134	+ <script type="text/javascript">
	135	+ // white balloon with default configuration
	136	+ var whiteBalloon = new Balloon;
	137	+
	138	+ // Stemless blue balloon
	139	+ var blueBalloon = new Balloon;
	140	+ blueBalloon.balloonTextSize = '90%';
	141	+ blueBalloon.images = '/images/balloons';
	142	+ blueBalloon.balloonImage = 'blue_balloon.png';
	143	+ blueBalloon.vOffset = 15;
	144	+ blueBalloon.shadow = 0;
	145	+ blueBalloon.stem = false;
	146	+ blueBalloon.ieImage = null;
	147	+
	148	+ // a plainer popup box
	149	+ var box = new Box;
	150	+ box.bgcolor = 'ivory';
	151	+ box.fontColor = 'blue';
	152	+ box.borderStyle = '4px ridge blue';
	153	+
	154	+ // a box that fades in/out
	155	+ var fadeBox = new Box;
	156	+ fadeBox.bgColor = 'black';
	157	+ fadeBox.fontColor = 'white';
	158	+ fadeBox.borderStyle = 'none';
	159	+ fadeBox.delayTime = 200;
	160	+ fadeBox.allowFade = true;
	161	+ fadeBox.fadeIn = 750;
	162	+ fadeBox.fadeOut = 200;
	163	+
	164	+ </script>
	165	+</head>
	166	+
	167	+<body>
	168	+
	169	+<table cellpadding=3>
	170	+<tr>
	171	+<th align=left rowspan=2>Demonstration:</th>
	172	+<th class="tt" onmouseover="whiteBalloon.showTooltip(event,'Your message goes here')">plain hover</th>
	173	+<th class="tt">
	174	+<span onmouseover="whiteBalloon.showTooltip(event,'Your are hovering, I said click me!')"
	175	+ onclick="whiteBalloon.showTooltip(event,'Your sticky message goes here.',1)">click me</span>
	176	+</th>
	177	+<th class="tt"><span onmouseover="blueBalloon.showTooltip(event,'This is a stemless balloon. Your message goes here!')">
	178	+blue balloon
	179	+</span></th>
	180	+<th rowspan=4>
	181	+<a href="http://www.gmod.org/wiki/index.php/Popup_Balloons" target="_blank"
	182	+ onmouseover="whiteBalloon.showTooltip(event,'Want to do this with your website? Click for documentation!')">
	183	+<img src="/images/sample_balloon.png" style="border:2px solid black" /></a>
	184	+</th>
	185	+</tr>
	186	+<tr>
	187	+<th class="tt"><span onmouseover="box.showTooltip(event,'Your message goes here!')">popup box</span></th>
	188	+<th class="tt"><span onmouseover="fadeBox.showTooltip(event,'Your message goes here!')">fading box</span></th>
	189	+<th class="tt"><span onmouseover="box.showTooltip(event,'Your sticky message goes here!',1,275)">sticky box</span></th>
	190	+</tr>
	191	+<tr>
	192	+<th align=left>Documentation:</th>
	193	+<th colspan=3 align=left class=tt>
	194	+<a class=tt href="http://gmod.org/wiki/Popup_Balloons"
	195	+ onmouseover="whiteBalloon.showTooltip(event,'Click this link to go to documentation on the GMOD Wiki')">
	196	+http://gmod.org/wiki/Popup_Balloons
	197	+</th>
	198	+</tr>
	199	+<tr>
	200	+<th align=left>Download:</th>
	201	+<th colspan=3 align=left class=tt>
	202	+<a class=tt href="http://gmod.cvs.sourceforge.net/checkout/gmod/balloon-tooltips/download/balloons.tar.gz"
	203	+ onmouseover="box.showTooltip(event,'click to download the whole package, with all required scripts, images, etc',0,300)">
	204	+balloons.tar.gz
	205	+</th>
	206	+</tr>
	207	+</table>
	208	+</pre>
	209	+</div>
	210	+</div>
	211	+<div id="lorem1" class="hidden">
	212	+Lorem ipsum dolor sit amet, <b><i>consectetuer adipiscing elit</b></i>. Vestibulum iaculis,
	213	+ligula quis fringilla volutpat, metus mi molestie lorem, <span style="color:red">quis accumsan pede
	214	+turpis nec metus.</span> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.'
	215	+</div>
	216	+
	217	+<div id="lorem2" class="hidden">
	218	+<a href="http://www.lipsum.com" target="_new" style="color:blue">What is <i>Lorem ipsum...</i>?</a>
	219	+Lorem ipsum dolor sit amet, <b><i>consectetuer adipiscing elit</b></i>. Vestibulum iaculis
	220	+, ligula quis fringilla volutpat, metus mi molestie lorem, quis accumsan pede
	221	+turpis nec metus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
	222	+</div>
	223	+
	224	+<p>
	225	+This is an example of a simple balloon <a href="javascript:void(0)" class=tt
	226	+onmouseover="whiteBalloon.showTooltip(event,'I am a simple message...')">message</a>
	227	+
	228	+<pre>
	229	+ <a href="javascript:void(0)" onmouseover="<b class=y>whiteBalloon</b>.showTooltip(event,'I am a simple message...')">message</a>
	230	+</pre>
	231	+
	232	+This is an example of the same message with a different balloon <a href="javascript:void(0)" class=tt
	233	+onmouseover="blueBalloon.showTooltip(event,'I am a simple message...')">style</a>
	234	+
	235	+<pre>
	236	+ onmouseover="<b class=y>blueBalloon</b>.showTooltip(event,'I am a simple message...')">message</a>
	237	+</pre>
	238	+
	239	+This is an example of the same message with a box <a href="javascript:void(0)" class=tt
	240	+onmouseover="box.showTooltip(event,'I am a simple message...')">style</a>
	241	+
	242	+<pre>
	243	+ onmouseover="<b class=y>box</b>.showTooltip(event,'I am a simple message...')">message</a>
	244	+</pre>
	245	+
	246	+</p>
	247	+
	248	+<p>
	249	+Roll over <a href="javascript:void(0)" class=tt onmouseover="whiteBalloon.showTooltip(event,'load:lorem1')">
	250	+this text</a> for an example of HTML-formatted text loaded from a hidden <div> element.
	251	+<pre>
	252	+ onmouseover="whiteBalloon.showTooltip(event,<b class=y>'load:lorem1'</b>)"
	253	+ ...
	254	+ <div id="lorem1" style="display:none">
	255	+ Lorem ipsum dolor sit amet, <b><i>consectetuer adipiscing elit</b></i>. Vestibulum iaculis,
	256	+ ligula quis fringilla volutpat, metus mi molestie lorem, <span style=&#34color:red">quis accumsan pede
	257	+ turpis nec metus.</span> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.'
	258	+ </div>
	259	+
	260	+</pre>
	261	+
	262	+<span id=sticky>
	263	+Adding a third argument makes the tooltip <a href="javascript:void(0)" class=tt
	264	+onmouseover="whiteBalloon.showTooltip(event,'load:lorem2',1)">sticky</a>.</span>
	265	+<pre>
	266	+ onmouseover="whiteBalloon.showTooltip(event,'load:lorem2',<b class=y>1</b>)"
	267	+</pre>
	268	+
	269	+A fourth argument will set the width (Example:<a href="javascript:void(0)" class=tt
	270	+onmouseover="whiteBalloon.showTooltip(event,'load:lorem2',1,300)">
	271	+300px sticky balloon</a>)
	272	+     Try a <a href="javascript:void(0)" class=tt
	273	+onmouseover="blueBalloon.showTooltip(event,'load:lorem2',1,300)">blue version</a>
	274	+
	275	+<pre>
	276	+ onmouseover="whiteBalloon.showTooltip(event,'load:lorem2',1,<b class=y>300</b>)"
	277	+</pre>
	278	+
	279	+Now let's try that with a <a href="javascript:void(0)" class=tt
	280	+onmouseover="box.showTooltip(event,'load:lorem2',1,300)">
	281	+sticky box</a>.
	282	+
	283	+<pre>
	284	+ onmouseover="box.showTooltip(event,'load:lorem2',1,<b class=y>300</b>)"
	285	+</pre>
	286	+
	287	+</p>
	288	+
	289	+<p>
	290	+Here is an example of a tooltip balloon that is populated by an
	291	+<a href="javascript:void(0)" class=tt
	292	+onmouseover="whiteBalloon.showTooltip(event,'<img height=150 src=/images/balloons.png>')">
	293	+image</a>.
	294	+<pre>
	295	+ onmouseover="whiteBalloon.showTooltip(event,'<img src=/images/balloons.png>')"
	296	+</pre>
	297	+</p>
	298	+
	299	+<p>
	300	+This link will create a sticky balloon whose contents are from a remote URL.
	301	+<a href="javascript:void(0)" class=tt
	302	+onmouseover="whiteBalloon.showTooltip(event,'<iframe style=\'width:300;height:300;padding-right:16px\' frameborder=0 src=\'http://www.nypost.com/avantgo/avantnews/avantnews.htm\'></iframe>',1)">
	303	+What's new?</a><br>This requires an embedded iframe.
	304	+<pre>
	305	+ onmouseover="whiteBalloon.showTooltip(event,'\
	306	+ <iframe style=\'width:300;height:300;border:0;padding-right:16px\' \
	307	+ src=\'http://www.nypost.com/avantgo/avantnews/avantnews.htm\'></iframe>',1)"
	308	+</pre>
	309	+<br>
	310	+Ajax methods are <a href="http://gmod.org/wiki/Popup_Balloons#Using_AJAX_to_get_balloon_contents">also available</a>.
	311	+</p>
	312	+</body>
	313	+</html>
...	...
...	...	@@ -0,0 +1,209 @@
	1	+/jslint plusplus:false,white:false,undef: false, rhino: true, onevar: true, evil: true /
	2	+
	3	+/*
	4	+This file contains the default configuration options.
	5	+Default options can be edited in this file or changed after the Balloon object is
	6	+initiliazed as follows:
	7	+
	8	+ var balloon = new Balloon;
	9	+ balloon.fontColor = 'black';
	10	+ balloon.fontFamily = 'Arial, sans-serif';
	11	+ balloon.fontSize = '12pt';
	12	+
	13	+*/
	14	+
	15	+// Adds all the instance variables to the balloon object.
	16	+// Edit the values as required for your implementation.
	17	+BalloonConfig = function(balloon) {
	18	+
	19	+ // ID of element to which balloon should be added
	20	+ // default = none (document.body is used)
	21	+ // This option may be required for mediawiki or other
	22	+ // implementations with complex stylesheets
	23	+ balloon.parentID = null;
	24	+
	25	+ // properties of fonts contained in basic balloons (default black)
	26	+ balloon.fontColor = 'black';
	27	+ balloon.fontFamily = 'Arial, sans-serif';
	28	+ balloon.fontSize = '12pt';
	29	+
	30	+ // minimum allowed balloon width (px)
	31	+ balloon.minWidth = 150;
	32	+
	33	+ // maximum allowed balloon width (px)
	34	+ balloon.maxWidth = 600;
	35	+
	36	+ // Delay before balloon is displayed (msec)
	37	+ balloon.delayTime = 500;
	38	+
	39	+ // If fade-in/out is allowed
	40	+ balloon.allowFade = false;
	41	+
	42	+ // time interval for fade-in (msec)
	43	+ balloon.fadeIn = 300;
	44	+
	45	+ // time interval for fade-out (msec)
	46	+ balloon.fadeOut = 300;
	47	+
	48	+ // Vertical Distance from cursor location (px)
	49	+ balloon.vOffset = 0;
	50	+
	51	+ // text-padding within the balloon (px)
	52	+ balloon.padding = 10;
	53	+
	54	+ // How long to display mousover balloons (msec)
	55	+ // false = 'always on'
	56	+ balloon.displayTime = 10000;
	57	+
	58	+ // width of shadow (space aroung whole balloon; px)
	59	+ // Balloon can be zero if there is no shadow and the
	60	+ // edges of the balloon are also the edges of the image
	61	+ balloon.shadow = 20;
	62	+
	63	+ // images of balloon body. If the browser is IE < 7, png alpha
	64	+ // channels will not work. An optional alternative image can be
	65	+ // provided. It should have the same dimensions as the default png image
	66	+ balloon.images = i3GEO.configura.locaplic+'/pacotes/balloon-tooltips/htdocs/images/';
	67	+ balloon.balloonImage = 'balloon.png'; // with alpha channels
	68	+ balloon.ieImage = 'balloon_ie.png'; // indexed color, transparent background
	69	+
	70	+ // whether the balloon should have a stem
	71	+ balloon.stem = true;
	72	+
	73	+ // The height (px) of the stem and the extent to which the
	74	+ // stem image should overlaps the balloon image.
	75	+ balloon.stemHeight = 32;
	76	+ balloon.stemOverlap = 3;
	77	+
	78	+ // A stem for each of the four orientations
	79	+ balloon.upLeftStem = 'up_left.png';
	80	+ balloon.downLeftStem = 'down_left.png';
	81	+ balloon.upRightStem = 'up_right.png';
	82	+ balloon.downRightStem = 'down_right.png';
	83	+
	84	+ // A close button for sticky balloons
	85	+ // specify the width of your button image
	86	+ // if you do not use the default image provided
	87	+ balloon.closeButton = 'close.png';
	88	+ balloon.closeButtonWidth = 16;
	89	+
	90	+
	91	+
	92	+ /*
	93	+ This section allows support for AJAX, iframes and JavaScript in balloons
	94	+ If you have concerns about XSS vulnerabilities, set some or all of these
	95	+ values to false;
	96	+ */
	97	+
	98	+ /// URL for default AJAX request handler
	99	+ balloon.helpUrl = false;
	100	+
	101	+ // Should AJAX be allowed at all?
	102	+ balloon.allowAJAX = true;
	103	+
	104	+ // Allow iframe elements in balloons?
	105	+ balloon.allowIframes = true;
	106	+
	107	+ // Allow javascript event handlers in balloons?
	108	+ balloon.allowEventHandlers = false;
	109	+
	110	+ // Allow <script> elements in balloons?
	111	+ balloon.allowScripts = false;
	112	+
	113	+ // Escape all HTML characters -- this will be very
	114	+ // unnattractive unless your AJAX request returns plain
	115	+ // text. short of disallowing AJAX entirely, This is the safe
	116	+ // way to go if you must have AJAX in an environment where
	117	+ // outside users can send text to the browser/balloon
	118	+ balloon.escapeHTML = false;
	119	+};
	120	+
	121	+// simple Box alternative
	122	+BoxConfig = function(box) {
	123	+ box.isBox = true;
	124	+
	125	+ // ID of element to which box should be added
	126	+ // default = none (document.body is used)
	127	+ // This option may be required for mediawiki or other
	128	+ // implementations with complex stylesheets
	129	+ box.parentID = null;
	130	+
	131	+ // properties of fonts contained in basic boxes (default black)
	132	+ box.fontColor = 'black';
	133	+ box.fontFamily = 'Arial, sans-serif';
	134	+ box.fontSize = '12pt';
	135	+
	136	+ // border and bgcolor for plain box
	137	+ box.bgColor = 'whitesmoke';
	138	+ box.borderStyle = '1px solid black';
	139	+
	140	+ // minimum allowed box width (px)
	141	+ box.minWidth = 150;
	142	+
	143	+ // maximum allowed box width (px)
	144	+ box.maxWidth = 600;
	145	+
	146	+ // Delay before box is displayed (msec)
	147	+ box.delayTime = 500;
	148	+
	149	+ // If fade-in/out is allowed
	150	+ box.allowFade = false;
	151	+
	152	+ // time interval for fade-in (msec)
	153	+ box.fadeIn = 300;
	154	+
	155	+ // time interval for fade-out (msec)
	156	+ box.fadeOut = 300;
	157	+
	158	+ // Vertical Distance from cursor location (px)
	159	+ box.vOffset = 5;
	160	+
	161	+ // text-padding within the box (px)
	162	+ box.padding = 10;
	163	+
	164	+ // How long to display mousover boxes (msec)
	165	+ // false = 'always on'
	166	+ box.displayTime = 10000;
	167	+
	168	+ // no shadows for plain box
	169	+ box.shadow = 0;
	170	+
	171	+ // no stem for boxes
	172	+ box.stem = false;
	173	+
	174	+ // A close button for sticky boxes
	175	+ // specify the width of your button image
	176	+ // if you do not use the default image provided
	177	+ box.images = '/images/balloons';
	178	+ box.closeButton = 'close.png';
	179	+ box.closeButtonWidth = 16;
	180	+
	181	+ /*
	182	+ This section allows support for AJAX, iframes and JavaScript in boxes
	183	+ If you have concerns about XSS vulnerabilities, set some or all of these
	184	+ values to false;
	185	+ */
	186	+
	187	+ /// URL for default AJAX request handler
	188	+ box.helpUrl = false;
	189	+
	190	+ // Should AJAX be allowed at all?
	191	+ box.allowAJAX = true;
	192	+
	193	+ // Allow iframe elements in boxes?
	194	+ box.allowIframes = true;
	195	+
	196	+ // Allow javascript event handlers in boxes?
	197	+ box.allowEventHandlers = false;
	198	+
	199	+ // Allow <script> elements in boxes?
	200	+ box.allowScripts = false;
	201	+
	202	+ // Escape all HTML characters -- this will be very
	203	+ // unnattractive unless your AJAX request returns plain
	204	+ // text. short of disallowing AJAX entirely, This is the safe
	205	+ // way to go if you must have AJAX in an environment where
	206	+ // outside users can send text to the browser/box
	207	+ box.escapeHTML = false;
	208	+};
	209	+
...	...
...	...	@@ -0,0 +1 @@
	1	+BalloonConfig=function(balloon){balloon.parentID=null;balloon.fontColor='black';balloon.fontFamily='Arial, sans-serif';balloon.fontSize='12pt';balloon.minWidth=150;balloon.maxWidth=600;balloon.delayTime=500;balloon.allowFade=false;balloon.fadeIn=300;balloon.fadeOut=300;balloon.vOffset=0;balloon.padding=10;balloon.displayTime=10000;balloon.shadow=20;balloon.images=i3GEO.configura.locaplic+'/pacotes/balloon-tooltips/htdocs/images/';balloon.balloonImage='balloon.png';balloon.ieImage='balloon_ie.png';balloon.stem=true;balloon.stemHeight=32;balloon.stemOverlap=3;balloon.upLeftStem='up_left.png';balloon.downLeftStem='down_left.png';balloon.upRightStem='up_right.png';balloon.downRightStem='down_right.png';balloon.closeButton='close.png';balloon.closeButtonWidth=16;balloon.helpUrl=false;balloon.allowAJAX=true;balloon.allowIframes=true;balloon.allowEventHandlers=false;balloon.allowScripts=false;balloon.escapeHTML=false};BoxConfig=function(box){box.isBox=true;box.parentID=null;box.fontColor='black';box.fontFamily='Arial, sans-serif';box.fontSize='12pt';box.bgColor='whitesmoke';box.borderStyle='1px solid black';box.minWidth=150;box.maxWidth=600;box.delayTime=500;box.allowFade=false;box.fadeIn=300;box.fadeOut=300;box.vOffset=5;box.padding=10;box.displayTime=10000;box.shadow=0;box.stem=false;box.images='/images/balloons';box.closeButton='close.png';box.closeButtonWidth=16;box.helpUrl=false;box.allowAJAX=true;box.allowIframes=true;box.allowEventHandlers=false;box.allowScripts=false;box.escapeHTML=false};
0	2	\ No newline at end of file
...	...
...	...	@@ -0,0 +1 @@
	1	+var currentBalloonClass;var balloonIsVisible;var balloonIsSticky;var balloonInvisibleSelects;var balloonIsSuppressed;var tooltipIsSuppressed;var Balloon=function(){BalloonConfig(this);document.onmousemove=this.setActiveCoordinates;document.onscroll=Balloon.prototype.hideTooltip;window.onbeforeunload=function(){Balloon.prototype.hideTooltip(1);balloonIsSuppressed=true};if(this.isIE()){this.suppress=true}return this};Balloon.prototype.showTooltip=function(evt,caption,sticky,width){if(this.isIE()&&document.readyState.match(/complete/i)){this.suppress=false}if(this.suppress\|\|balloonIsSuppressed){return false}if(tooltipIsSuppressed&&!sticky){return false}if(this.isKonqueror())this.allowFade=false;var mouseOver=true;try{var mouseOver=evt.type.match('mouseover','i')}catch(e){}if(!mouseOver){sticky=true;this.fadeOK=false}else{this.fadeOK=this.allowFade}if(balloonIsVisible&&!balloonIsSticky&&mouseOver)return false;if(balloonIsVisible&&balloonIsSticky&&!sticky)return false;try{var el=this.getEventTarget(evt)}catch(e){var el=evt}if(sticky&&mouseOver&&this.isSameElement(el,this.currentElement))return false;this.firingElement=el;if(sticky)this.hideTooltip(1);var closeBalloon=function(){var override=balloonIsSticky&&!balloonIsVisible;Balloon.prototype.hideTooltip(override);i3GEO.janela.excluiTips()};if(!mouseOver)el.onmouseup=function(){return false};el.onmouseout=closeBalloon;balloonIsSticky=sticky;this.width=width;this.hideTooltip();this.currentHelpText=this.getAndCheckContents(caption);if(!this.currentHelpText){return false}if(!this.container){this.container=document.createElement('div');document.body.appendChild(this.container);this.setStyle(this.container,'position','absolute');this.setStyle(this.container,'top',-8888);this.setStyle(this.container,'display','inline');this.setStyle(this.container,'z-index',2);this.setStyle(this.container,'color',this.fontColor);this.setStyle(this.container,'font-family',this.fontFamily);this.setStyle(this.container,'font-size',this.fontSize)}else{this.setStyle(this.container,'display','inline')}this.container.innerHTML=unescape(this.currentHelpText);if(this.images){this.balloonImage=this.balloonImage?this.images+'/'+this.balloonImage:false;this.ieImage=this.ieImage?this.images+'/'+this.ieImage:false;this.upLeftStem=this.upLeftStem?this.images+'/'+this.upLeftStem:false;this.upRightStem=this.upRightStem?this.images+'/'+this.upRightStem:false;this.downLeftStem=this.downLeftStem?this.images+'/'+this.downLeftStem:false;this.downRightStem=this.downRightStem?this.images+'/'+this.downRightStem:false;this.closeButton=this.closeButton?this.images+'/'+this.closeButton:false;this.images=false}if(this.isOldIE()&&this.ieImage){this.balloonImage=this.ieImage}if(!this.preloadedImages){var images=new Array(this.balloonImage,this.closeButton);if(this.ieImage){images.push(this.ieImage)}if(this.stem){images.push(this.upLeftStem,this.upRightStem,this.downLeftStem,this.downRightStem)}var len=images.length;for(var i=0;i<len;i++){if(images[i]){this.preload(images[i])}}this.preloadedImages=true}currentBalloonClass=this;if(!mouseOver)this.setActiveCoordinates(evt);this.setActiveCoordinates(evt);this.currentEvent=evt;this.doShowTooltip()};Balloon.prototype.preload=function(src){var i=new Image;i.src=src;this.setStyle(i,'position','absolute');this.setStyle(i,'top',-8000);document.body.appendChild(i);document.body.removeChild(i)};Balloon.prototype.doShowTooltip=function(){var self=currentBalloonClass;if(balloonIsVisible)return false;if(!self.parent){if(self.parentID){self.parent=document.getElementById(self.parentID)}else{self.parent=document.body}self.xOffset=self.getLoc(self.parent,'x1');self.yOffset=self.getLoc(self.parent,'y1')}window.clearTimeout(self.timeoutFade);self.setStyle('balloon','display','none');self.parseIntAll();var balloon=self.makeBalloon();var pageWidth=YAHOO.util.Dom.getViewportWidth();var pageCen=Math.round(pageWidth/2);var pageHeight=YAHOO.util.Dom.getViewportHeight();var pageLeft=YAHOO.util.Dom.getDocumentScrollLeft();var pageTop=YAHOO.util.Dom.getDocumentScrollTop();var pageMid=pageTop+Math.round(pageHeight/2);self.pageBottom=pageTop+pageHeight;self.pageTop=pageTop;if(!(self.activeTop&&self.activeRight)){self.setActiveCoordinates()}var vOrient=self.activeTop>pageMid?'up':'down';var hOrient=self.activeRight>pageCen?'left':'right';var helpText=self.container.innerHTML;self.contents.innerHTML=helpText;self.setBalloonStyle(vOrient,hOrient,pageWidth,pageLeft);if(balloonIsSticky){self.addCloseButton()}balloonIsVisible=true;self.showHide();self.fade(0,95,self.fadeIn)};Balloon.prototype.addCloseButton=function(){var self=currentBalloonClass;var margin=Math.round(self.padding/2);var closeWidth=self.closeButtonWidth\|\|16;var balloonTop=self.getLoc('balloon','y1')+margin+self.shadow;var BalloonLeft=self.getLoc('topRight','x2')-self.closeButtonWidth-self.shadow-margin;var closeButton=document.getElementById('closeButton');if(!closeButton){closeButton=new Image;closeButton.setAttribute('id','closeButton');closeButton.setAttribute('src',self.closeButton);closeButton.onclick=function(){Balloon.prototype.hideTooltip(1);if($i("marcaIdentifica")){document.body.removeChild($i("marcaIdentifica"))}};self.setStyle(closeButton,'position','absolute');document.body.appendChild(closeButton)}self.setStyle(closeButton,'top',balloonTop);self.setStyle(closeButton,'left',BalloonLeft);self.setStyle(closeButton,'display','inline');self.setStyle(closeButton,'cursor','pointer');self.setStyle(closeButton,'z-index',999999999)};Balloon.prototype.makeBalloon=function(){var self=currentBalloonClass;var balloon=document.getElementById('balloon');if(balloon)self.parent.removeChild(balloon);balloon=document.createElement('div');balloon.setAttribute('id','balloon');self.parent.appendChild(balloon);self.activeBalloon=balloon;self.parts=new Array(balloon);var parts=new Array('contents','topRight','bottomRight','bottomLeft');for(var i=0;i<parts.length;i++){var child=document.createElement('div');child.setAttribute('id',parts[i]);balloon.appendChild(child);if(parts[i]=='contents')self.contents=child;self.parts.push(child)}self.setStyle('contents','z-index',2);self.setStyle('contents','color',self.fontColor);self.setStyle('contents','font-family',self.fontFamily);self.setStyle('contents','font-size',self.fontSize);if(balloonIsSticky){self.setStyle('contents','margin-right',10)}else if(self.displayTime){self.timeoutAutoClose=window.setTimeout(this.hideTooltip,self.displayTime)}return balloon};Balloon.prototype.setBalloonStyle=function(vOrient,hOrient,pageWidth,pageLeft){var self=currentBalloonClass;var balloon=self.activeBalloon;if(typeof(self.shadow)!='number')self.shadow=0;if(!self.stem)self.stemHeight=0;var fullPadding=self.padding+self.shadow;var insidePadding=self.padding;self.setStyle(balloon,'background','url('+self.balloonImage+') top left no-repeat');self.setStyle(balloon,'position','absolute');self.setStyle(balloon,'padding-top',fullPadding);self.setStyle(balloon,'padding-left',fullPadding);self.setStyle(balloon,'top',-9999);self.setStyle(balloon,'z-index',1000000);self.setStyle('bottomRight','background','url('+self.balloonImage+') bottom right no-repeat');self.setStyle('bottomRight','position','absolute');self.setStyle('bottomRight','right',0-fullPadding);self.setStyle('bottomRight','bottom',0-fullPadding);self.setStyle('bottomRight','height',fullPadding);self.setStyle('bottomRight','width',fullPadding);self.setStyle('bottomRight','z-index',-1);self.setStyle('topRight','background','url('+self.balloonImage+') top right no-repeat');self.setStyle('topRight','position','absolute');self.setStyle('topRight','right',0-fullPadding);self.setStyle('topRight','top',0);self.setStyle('topRight','width',fullPadding);self.setStyle('bottomLeft','background','url('+self.balloonImage+') bottom left no-repeat');self.setStyle('bottomLeft','position','absolute');self.setStyle('bottomLeft','left',0);self.setStyle('bottomLeft','bottom',0-fullPadding);self.setStyle('bottomLeft','height',fullPadding);self.setStyle('bottomLeft','z-index',-1);if(this.stem){var stem=document.createElement('img');self.setStyle(stem,'position','absolute');balloon.appendChild(stem);if(vOrient=='up'&&hOrient=='left'){stem.src=self.upLeftStem;var height=self.stemHeight+insidePadding-self.stemOverlap;self.setStyle(stem,'bottom',0-height);self.setStyle(stem,'right',0)}else if(vOrient=='down'&&hOrient=='left'){stem.src=self.downLeftStem;var height=self.stemHeight-(self.shadow+self.stemOverlap);self.setStyle(stem,'top',0-height);self.setStyle(stem,'right',0)}else if(vOrient=='up'&&hOrient=='right'){stem.src=self.upRightStem;var height=self.stemHeight+insidePadding-self.stemOverlap;self.setStyle(stem,'bottom',0-height);self.setStyle(stem,'left',self.shadow)}else if(vOrient=='down'&&hOrient=='right'){stem.src=self.downRightStem;var height=self.stemHeight-(self.shadow+self.stemOverlap);self.setStyle(stem,'top',0-height);self.setStyle(stem,'left',self.shadow)}}if(hOrient=='left'){var activeRight=pageWidth-self.activeLeft;self.setStyle(balloon,'right',activeRight)}else{self.setStyle(balloon,'left',self.activeRight-self.xOffset)}if(!self.width){var width=self.getLoc('contents','width');if(self.isIE())width+=50;if(width>self.maxWidth)width=self.maxWidth+50;if(width<self.minWidth)width=self.minWidth;self.setStyle(balloon,'width',width)}else{self.setStyle(balloon,'width',self.width)}var balloonPad=self.padding+self.shadow;var balloonLeft=self.getLoc(balloon,'x1');var balloonRight=self.getLoc(balloon,'x2');if(hOrient=='left')balloonLeft+=balloonPad;if(hOrient=='right')balloonRight+=balloonPad;var pageRight=pageLeft+pageWidth;if(hOrient=='right'&&balloonRight>(pageRight-30)){self.setStyle(balloon,'width',(pageRight-balloonLeft)-50)}else if(hOrient=='left'&&balloonLeft<(pageLeft+30)){self.setStyle(balloon,'width',(balloonRight-pageLeft)-50)}var lineWidth=self.getLoc(balloon,'width');var lineHeight=self.getLoc(balloon,'height');self.setStyle('topRight','height',lineHeight);self.setStyle('bottomLeft','width',lineWidth);var vOverlap=self.isOverlap('topRight','bottomRight');var hOverlap=self.isOverlap('bottomLeft','bottomRight');if(vOverlap)self.setStyle('topRight','height',lineHeight-vOverlap[1]);if(hOverlap)self.setStyle('bottomLeft','width',lineWidth-hOverlap[0]);if(vOrient=='up'){var activeTop=self.activeTop-self.vOffset-self.stemHeight-lineHeight;self.setStyle(balloon,'top',activeTop-self.yOffset);self.setStyle(balloon,'display','inline')}else{var activeTop=self.activeTop+self.vOffset+self.stemHeight;self.setStyle(balloon,'top',activeTop-self.yOffset)}self.setOpacity(1)};Balloon.prototype.fade=function(opacStart,opacEnd,millisec){var self=currentBalloonClass\|\|new Balloon;var speed=Math.round(millisec/100);var timer=0;if(opacStart>opacEnd){if(self.fadeOK){for(o=opacStart;o>=opacEnd;o--){self.timeoutFade=setTimeout('Balloon.prototype.setOpacity('+o+')',(timerspeed));timer++}setTimeout("Balloon.prototype.setStyle('balloon','display','none')",millisec)}else{self.setStyle('balloon','display','none')}}else if(opacStart<opacEnd&&self.fadeOK){for(o=opacStart;o<=opacEnd;o++){self.timeoutFade=setTimeout('Balloon.prototype.setOpacity('+o+')',(timerspeed));timer++}}};Balloon.prototype.setOpacity=function(opc){var self=currentBalloonClass;if(!self\|\|!self.fadeOK)return false;var o=parseFloat((opc\|\|0)/100);var el=self.isIE()?'contents':'balloon';var b=document.getElementById(el);if(!b)return false;self.setStyle(b,'opacity',o);self.setStyle(b,'filter','alpha(opacity= '+opc+')');self.setStyle(b,'MozOpacity',o);self.setStyle(b,'KhtmlOpacity',o)};Balloon.prototype.hideTooltip=function(override){if(override&&typeof override=='object')override=false;if(balloonIsSticky&&!override)return false;var self=currentBalloonClass;if(self){window.clearTimeout(self.timeoutTooltip);window.clearTimeout(self.timeoutAutoClose)}if(balloonIsSticky&&self)self.currentElement=null;balloonIsVisible=false;balloonIsSticky=true;var closeButton=document.getElementById('closeButton');if(closeButton){YAHOO.util.Dom.setStyle(closeButton,'display','none')}if(!self){var hideBalloon=document.getElementById('balloon');if(hideBalloon)Balloon.prototype.setStyle(hideBalloon,'display','none')}else if(self.activeBalloon){if(!override&&self.fadeOK&&!self.isIE())self.fade(95,0,self.fadeOut);else self.setStyle(self.activeBalloon,'display','none')}Balloon.prototype.showHide(1)};hideAllTooltips=function(){var self=currentBalloonClass;if(!self)return;window.clearTimeout(self.timeoutTooltip);if(self.activeBalloon)self.setStyle(self.activeBalloon,'display','none');balloonIsVisible=false;balloonIsSticky=false;currentBalloonClass=null};Balloon.prototype.setActiveCoordinates=function(event){var self=currentBalloonClass;if(!self)return false;var b=self.activeBalloon;try{if(typeof(event.id)=="string"){var pos=i3GEO.util.pegaPosicaoObjeto(event);self.activeTop=pos[1]-10;self.activeLeft=pos[0]-10;self.activeRight=self.activeLeft+20;self.activeBottom=self.activeTop+20;return true}}catch(e){}var evt=event\|\|window.event\|\|self.currentEvent;if(!evt){return false}var XY=self.eventXY(evt);self.activeTop=XY[1]-10;self.activeLeft=XY[0]-10;self.activeRight=self.activeLeft+20;self.activeBottom=self.activeTop+20;return true};Balloon.prototype.eventXY=function(event){var XY=new Array(2);var e=event\|\|window.event;if(e.pageX\|\|e.pageY){XY[0]=e.pageX;XY[1]=e.pageY}else if(e.clientX\|\|e.clientY){XY[0]=e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft;XY[1]=e.clientY+document.body.scrollTop+document.documentElement.scrollTop}return XY};Balloon.prototype.getEventTarget=function(event){var targ;var e=event\|\|window.event;if(e.target)targ=e.target;else if(e.srcElement)targ=e.srcElement;if(targ.nodeType==3)targ=targ.parentNode;return targ};Balloon.prototype.setStyle=function(el,att,val){if(!el)return false;if(val&&att.match(/left\|top\|bottom\|right\|width\|height\|padding\|margin/))val+='px';if(typeof(el)!='object')el=document.getElementById(el);if(att=='z-index'){if(el.style){el.style.zIndex=parseInt(val)}}else{YAHOO.util.Dom.setStyle(el,att,val)}};Balloon.prototype.getLoc=function(el,request){var region=YAHOO.util.Dom.getRegion(el);switch(request){case('y1'):return parseInt(region.top);case('y2'):return parseInt(region.bottom);case('x1'):return parseInt(region.left);case('x2'):return parseInt(region.right);case('width'):return(parseInt(region.right)-parseInt(region.left));case('height'):return(parseInt(region.bottom)-parseInt(region.top));case('region'):return region}};Balloon.prototype.parseIntAll=function(){this.padding=parseInt(this.padding);this.shadow=parseInt(this.shadow);this.stemHeight=parseInt(this.stemHeight);this.stemOverlap=parseInt(this.stemOverlap);this.vOffset=parseInt(this.vOffset);this.delayTime=parseInt(this.delayTime);this.width=parseInt(this.width);this.maxWidth=parseInt(this.maxWidth);this.minWidth=parseInt(this.minWidth);this.fadeIn=parseInt(this.fadeIn);this.fadeOut=parseInt(this.fadeOut)};Balloon.prototype.showHide=function(visible){var self=currentBalloonClass\|\|new Balloon;if(self.isOldIE()){if(!visible){var balloonSelects=document.getElementById('contents').getElementsByTagName('select');var myHash=new Object();for(var i=0;i<balloonSelects.length;i++){var id=balloonSelects[i].id\|\|balloonSelects[i].name;myHash[id]=1}balloonInvisibleSelects=new Array();var allSelects=document.getElementsByTagName('select');for(var i=0;i<allSelects.length;i++){var id=allSelects[i].id\|\|allSelects[i].name;if(self.isOverlap(allSelects[i],self.activeBalloon)&&!myHash[id]){balloonInvisibleSelects.push(allSelects[i]);self.setStyle(allSelects[i],'visibility','hidden')}}}else if(balloonInvisibleSelects){for(var i=0;i<balloonInvisibleSelects.length;i++){var id=balloonInvisibleSelects[i].id\|\|balloonInvisibleSelects[i].name;self.setStyle(balloonInvisibleSelects[i],'visibility','visible')}balloonInvisibleSelects=null}}if(self.hide){var display=visible?'inline':'none';for(var n=0;n<self.hide.length;n++){if(self.isOverlap(self.activeBalloon,self.hide[n])){self.setStyle(self.hide[n],'display',display)}}}};Balloon.prototype.isOverlap=function(el1,el2){if(!el1\|\|!el2)return false;var R1=this.getLoc(el1,'region');var R2=this.getLoc(el2,'region');if(!R1\|\|!R2)return false;var intersect=R1.intersect(R2);if(intersect){intersect=new Array((intersect.right-intersect.left),(intersect.bottom-intersect.top))}return intersect};Balloon.prototype.isSameElement=function(el1,el2){if(!el1\|\|!el2)return false;var R1=this.getLoc(el1,'region');var R2=this.getLoc(el2,'region');var same=R1.contains(R2)&&R2.contains(R1);return same?true:false};Balloon.prototype.getAndCheckContents=function(caption){var originalCaption=caption;var notAllowed='are not allowed in popup balloons in this web site.Please contact the site administrator for assistance.';var notSupported='AJAX is not supported for popup balloons in this web site. Please contact the site administrator for assistance.';if(this.helpUrl&&!this.allowAJAX){}if(caption.match(/^url:/)){this.activeUrl=caption.replace(/^url:/,'');caption=''}else if(caption.match(/^(https?:\|\/\|ftp:)\S+$/i)){this.activeUrl=caption;caption=''}if(this.activeUrl&&!this.allowAJAX){}if(caption.match(/^load:/)){var load=caption.split(':');if(!document.getElementById(load[1]))alert('problem locating element '+load[1]);caption=document.getElementById(load[1]).innerHTML;this.loadedFromElement=true}if(caption.match(/\<\siframe/i)&&!this.allowIframes){}if(caption.match(/\bon(load\|mouse\|click\|unload\|before)[^=]=/i)&&!this.allowEventHandlers){}if(caption.match(/\<\s*script/i)&&!this.allowScripts){}this.currentHelpText=this.getContents(caption);this.loadedFromElement=false;return this.currentHelpText};Balloon.prototype.getContents=function(section){if(!this.helpUrl&&!this.activeUrl)return section;if(this.loadedFromElement)return section;var url=this.activeUrl\|\|this.helpUrl;url+=this.activeUrl?'':'?section='+section;this.activeUrl=null;var ajax;if(window.XMLHttpRequest){ajax=new XMLHttpRequest()}else{ajax=new ActiveXObject("Microsoft.XMLHTTP")}if(ajax){ajax.open("GET",url,false);ajax.onreadystatechange=function(){};try{ajax.send(null)}catch(e){}var txt=this.escapeHTML?escape(ajax.responseText):ajax.responseText;return txt\|\|section}else{return section}};Balloon.prototype.isIE=function(){return document.all&&!window.opera};Balloon.prototype.isOldIE=function(){if(navigator.appVersion.indexOf("MSIE")==-1)return false;var temp=navigator.appVersion.split("MSIE");return parseFloat(temp[1])<7};Balloon.prototype.isKonqueror=function(){return navigator.userAgent.indexOf('Konqueror')!=-1};
0	2	\ No newline at end of file
...	...
...	...	@@ -0,0 +1,168 @@
	1	+/*
	2	+ This is a subclass of balloon.js -- uses a simple box rather than a
	3	+ a balloon/bubble image. It can have a background image and a styled
	4	+ bgcolor and border but is otherwise meant to be simple and lightweight.
	5	+*/
	6	+
	7	+//////////////////////////////////////////////////////////////////////////
	8	+// This is constructor that is called to initialize the Balloon object //
	9	+//////////////////////////////////////////////////////////////////////////
	10	+var Box = function () {
	11	+
	12	+ // Get default configuration from balloon.config.js
	13	+ BoxConfig(this);
	14	+
	15	+ // Track the cursor every time the mouse moves
	16	+ document.onmousemove = this.setActiveCoordinates;
	17	+
	18	+ // scrolling aborts unsticky balloons
	19	+ document.onscroll = Balloon.prototype.hideTooltip;
	20	+
	21	+ // make balloons go away if the page is unloading or waiting
	22	+ // to unload.
	23	+ window.onbeforeunload = function(){
	24	+ Balloon.prototype.hideTooltip(1);
	25	+ balloonIsSuppressed = true;
	26	+ };
	27	+
	28	+ // for IE, the box can't start until the page is finished loading
	29	+ // set a flag that will get toggled when loading is finished
	30	+ if (this.isIE()) {
	31	+ this.suppress = true;
	32	+ }
	33	+
	34	+ return this;
	35	+}
	36	+
	37	+// Inherit from Balloon class
	38	+Box.prototype = new Balloon();
	39	+
	40	+
	41	+// Make the box element -- this overrides the parent method
	42	+// for balloons
	43	+Box.prototype.makeBalloon = function() {
	44	+ var self = currentBalloonClass;
	45	+
	46	+ var box = document.getElementById('balloon');
	47	+ if (box) self.parent.removeChild(box);
	48	+
	49	+ // use ID 'balloon' for consistency with parent class
	50	+ box = document.createElement('div');
	51	+ box.setAttribute('id','balloon');
	52	+ self.parent.appendChild(box);
	53	+ self.activeBalloon = box;
	54	+
	55	+ var contents = document.createElement('div');
	56	+ contents.setAttribute('id','contents');
	57	+ box.appendChild(contents);
	58	+ self.contents = contents;
	59	+
	60	+ self.setStyle('contents','z-index',2);
	61	+ self.setStyle('contents','color',self.fontColor);
	62	+ self.setStyle('contents','font-family',self.fontFamily);
	63	+ self.setStyle('contents','font-size',self.fontSize);
	64	+
	65	+ if (balloonIsSticky) {
	66	+ self.setStyle('contents','margin-right',10);
	67	+ }
	68	+ else if (self.displayTime) {
	69	+ self.timeoutAutoClose = window.setTimeout(this.hideTooltip,self.displayTime);
	70	+ }
	71	+ return box;
	72	+}
	73	+
	74	+// Set the box style -- overrides the parent method for balloons
	75	+Box.prototype.setBalloonStyle = function(vOrient,hOrient,pageWidth,pageLeft) {
	76	+ var self = currentBalloonClass;
	77	+ var box = self.activeBalloon;
	78	+
	79	+ var fullPadding = self.padding;
	80	+ var insidePadding = self.padding;
	81	+
	82	+ self.setStyle(box,'background',self.bgColor);
	83	+ self.setStyle(box,'border',self.borderStyle);
	84	+ self.setStyle(box,'position','absolute');
	85	+ self.setStyle(box,'padding',fullPadding);
	86	+ self.setStyle(box,'top',-9999);
	87	+ self.setStyle(box,'z-index',1000000);
	88	+ if (self.width) {
	89	+ self.setStyle(box,'width',self.width);
	90	+ }
	91	+
	92	+ // flip left or right, as required
	93	+ if (hOrient == 'left') {
	94	+ var activeRight = pageWidth - self.activeLeft;
	95	+ self.setStyle(box,'right',activeRight);// - self.xOffset);
	96	+ }
	97	+ else {
	98	+ self.setStyle(box,'left',self.activeRight - self.xOffset);
	99	+ }
	100	+
	101	+ // have to harden the width
	102	+ if (!self.width) {
	103	+ var width = self.getLoc('contents','width');
	104	+ if (self.isIE()) width += 50;
	105	+ if (width > self.maxWidth) width = self.maxWidth + 50;
	106	+ if (width < self.minWidth) width = self.minWidth;
	107	+ self.setStyle(box,'width',width);
	108	+ }
	109	+ else {
	110	+ self.setStyle(box,'width',self.width);
	111	+ }
	112	+
	113	+ // Make sure the box is not offscreen
	114	+ var boxPad = self.padding;
	115	+ var boxLeft = self.getLoc(box,'x1');
	116	+ var boxRight = self.getLoc(box,'x2');
	117	+ if (hOrient == 'left') boxLeft += boxPad;
	118	+ if (hOrient == 'right') boxRight += boxPad;
	119	+ var pageRight = pageLeft + pageWidth;
	120	+
	121	+ if (hOrient == 'right' && boxRight > (pageRight-30)) {
	122	+ self.setStyle(box,'width',(pageRight - boxLeft) - 50);
	123	+ }
	124	+ else if (hOrient == 'left' && boxLeft < (pageLeft+30)) {
	125	+ self.setStyle(box,'width',(boxRight - pageLeft) - 50);
	126	+ }
	127	+
	128	+ if (vOrient == 'up') {
	129	+ var boxHeight = self.getLoc(box,'height') + self.vOffset;
	130	+ var activeTop = self.activeTop - boxHeight;
	131	+ self.setStyle(box,'top',activeTop);
	132	+ self.setStyle(box,'display','inline');
	133	+ }
	134	+ else {
	135	+ var activeTop = self.activeBottom - self.vOffset;
	136	+ self.setStyle(box,'top',activeTop);
	137	+ }
	138	+
	139	+ self.setOpacity(1);
	140	+}
	141	+
	142	+
	143	+Box.prototype.addCloseButton = function () {
	144	+ var self = currentBalloonClass;
	145	+ var margin = Math.round(self.padding/2);
	146	+ var closeWidth = self.closeButtonWidth \|\| 16;
	147	+ var balloonTop = self.getLoc('balloon','y1') + margin;
	148	+ var balloonRight = self.getLoc('balloon','x2') - margin - self.closeButtonWidth;
	149	+ var closeButton = document.getElementById('closeButton');
	150	+
	151	+
	152	+ if (!closeButton) {
	153	+ closeButton = new Image;
	154	+ closeButton.setAttribute('id','closeButton');
	155	+ closeButton.setAttribute('src',self.closeButton);
	156	+ closeButton.onclick = function() {
	157	+ Balloon.prototype.hideTooltip(1);
	158	+ };
	159	+ self.setStyle(closeButton,'position','absolute');
	160	+ document.body.appendChild(closeButton);
	161	+ }
	162	+
	163	+ self.setStyle(closeButton,'top',balloonTop);
	164	+ self.setStyle(closeButton,'left',balloonRight);
	165	+ self.setStyle(closeButton,'display','inline');
	166	+ self.setStyle(closeButton,'cursor','pointer');
	167	+ self.setStyle(closeButton,'z-index',999999999);
	168	+}
...	...