--no commit message

Edmar Moretti
1 parent 7c46aa05
Showing 21 changed files with 3215 additions and 0 deletions Show diff stats
pacotes/balloon-tooltips/htdocs/balloons.html
pacotes/balloon-tooltips/htdocs/images/GBubble/balloon.png
pacotes/balloon-tooltips/htdocs/images/GBubble/balloon_ie.png
pacotes/balloon-tooltips/htdocs/images/GBubble/close.png
pacotes/balloon-tooltips/htdocs/images/GBubble/down_left.png
pacotes/balloon-tooltips/htdocs/images/GBubble/down_right.png
pacotes/balloon-tooltips/htdocs/images/GBubble/up_left.png
pacotes/balloon-tooltips/htdocs/images/GBubble/up_right.png
pacotes/balloon-tooltips/htdocs/images/GPlain/balloon.png
pacotes/balloon-tooltips/htdocs/images/GPlain/close.png
pacotes/balloon-tooltips/htdocs/images/GPlain/down_left.png
pacotes/balloon-tooltips/htdocs/images/GPlain/down_right.png
pacotes/balloon-tooltips/htdocs/images/GPlain/up_left.png
pacotes/balloon-tooltips/htdocs/images/GPlain/up_right.png
pacotes/balloon-tooltips/htdocs/images/balloons.png
pacotes/balloon-tooltips/htdocs/js/balloon.config.js
pacotes/balloon-tooltips/htdocs/js/balloon.config.js~
pacotes/balloon-tooltips/htdocs/js/balloon.js
pacotes/balloon-tooltips/htdocs/js/balloon.js~
pacotes/balloon-tooltips/htdocs/js/box.js
@@ -0,0 +1,258 @@
+<html>
+<head>
+ <title>Balloon Tooltips</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> 
+ <!-- Note: This CSS is specific to this page -- it is not required for balloon tooltips to work -->
+ <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
+   var balloon    = new Balloon;
+   BalloonConfig(balloon,'GBubble');
+
+   // plain balloon tooltip
+   var tooltip  = new Balloon;
+   BalloonConfig(tooltip,'GPlain');
+
+   // fading balloon
+   var fader = new Balloon;
+   BalloonConfig(fader,'GFade');   
+
+   // a plainer popup box
+   var box         = new Box;
+   BalloonConfig(box,'GBox');
+
+   // a box that fades in/out
+   var fadeBox     = new Box;
+   BalloonConfig(fadeBox,'GBox');
+   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:ivory;padding:10px;font-family:arial, sans-serif">
+<img style="float:right" src="images/sample.png" width=300>
+</span>
+<span id="sheldon" style="display:none">
+<center>
+<img src="images/sheldon.jpg">
+<br>mckays@cshl.edu
+</center>
+</span>
+<br>
+<ul>
+<li>This page is a demonstration of <a href="http://www.gmod.org/wiki/index.php/Popup_Balloons">balloon.js</a>.</li>
+<li>Contact <a href="mailto:mckays@cshl.edu">the author</a> for help.</li>
+</ul> 
+<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 is generic and is portable to most web sites.
+<p>
+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>
+
+
+<hr>
+<h1 style="align:left">Demo:</h1>
+<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" style="border:1px solid black"
+  onmouseover="balloon.showTooltip(event,'This is a balloon tooltip.  \
+      It will vanish if you leave this box',0,250)">mouse over this box</th>
+<th width=30% class="tt">
+<span onmouseover="balloon.showTooltip(event,'Your are hovering, I said click me!')"
+      onclick="balloon.showTooltip(event,'Your sticky message goes here.',1)">click me</span>
+</th>
+<th width=30% class="tt"><span onmouseover="tooltip.showTooltip(event,'This is a plain balloon.<br>Your message goes here!')">plainer balloon</span></th>
+</tr>
+<tr>
+<th  class="tt"><span onmouseover="fader.showTooltip(event,'Your message goes here!')">fading balloon</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...</span>',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="balloon.showTooltip(event,'Click this link to go to documentation on the GMOD Wiki')"
+   onmouseout="alert('Read the docs, when you get a chance...')">
+http://gmod.org/wiki/Popup_Balloons
+</th>
+</tr>
+<tr>
+<th align=left>Download:</th>
+<th class=tt colspan=3 align=left>
+<a class=tt href="http://mckay.cshl.edu/downloads/balloons.tar.gz"
+   onmouseover="box.showTooltip(event,'Click to download the whole package, with all required scripts, images, etc',0,300)">
+balloons.tar.gz</a>
+<font color="black">
+or for windows users...
+</font>
+<a class=tt href="http://mckay.cshl.edu/downloads/balloons.zip"
+   onmouseover="box.showTooltip(event,'Click to download the whole package. Try this if your unzip program complains that the tar.gz file is corrupted')">
+balloons.zip
+</a>
+
+</th>
+</tr>
+</table>
+</div>
+</div>
+<br>
+
+<!-- These hidden elements contain balloon contents -->
+<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 <span class=tt onmouseover="balloon.showTooltip(event,'I am a simple message...')">message</span>
+
+<pre>
+ &lt;span onmouseover="<b class=y>balloon</b>.showTooltip(event,'I am a simple message...')"&gt;message&lt;/span&gt;
+</pre>
+
+This is an example of the same message with a different balloon <span class=tt
+onmouseover="tooltip.showTooltip(event,'I am a simple message...')">style</span>
+
+<pre>
+ onmouseover="<b class=y>tooltip</b>.showTooltip(event,'I am a simple message...')"&gt;message&lt;/span&gt;
+</pre>
+
+This is an example of the same message with a box <span class=tt
+onmouseover="box.showTooltip(event,'I am a simple message...')">style</span>
+
+<pre>
+ onmouseover="<b class=y>box</b>.showTooltip(event,'I am a simple message...')"&gt;message&lt;/span&gt;
+</pre>
+
+</p>
+
+<p>
+Roll over <span class=tt onmouseover="balloon.showTooltip(event,'load:lorem1')">
+this text</span> 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>)"
+ ...
+ &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 <span class=tt
+onmouseover="balloon.showTooltip(event,'load:lorem2',1)">sticky</span>.</span>
+<pre>
+ onmouseover="balloon.showTooltip(event,'load:lorem2',<b class=y>1</b>)"
+</pre>
+
+A fourth argument will set the width (Example:<span class=tt 
+onmouseover="balloon.showTooltip(event,'load:lorem2',1,300)">
+300px sticky balloon</span>)
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Try a <span class=tt
+onmouseover="tooltip.showTooltip(event,'load:lorem2',1,300)">plain version</span>
+
+<pre>
+ onmouseover="balloon.showTooltip(event,'load:lorem2',1,<b class=y>300</b>)"
+</pre>
+
+Now let's try that with a <span class=tt
+onmouseover="box.showTooltip(event,'load:lorem2',1,300)">
+sticky box</span>.
+
+<pre>
+ onmouseover="box.showTooltip(event,'load:lorem2',1,<b class=y>300</b>)"
+</pre>
+
+The height can also be specified with a fifth argument (Example:<span class=tt
+onmouseover="balloon.showTooltip(event,'load:lorem2',1,250,250)">
+250px x 250px sticky balloon</span>)
+
+<pre>
+ onmouseover="balloon.showTooltip(event,'load:lorem2',1,<b class=y>250</b>,<b class=y>250</b>)"
+</pre>
+
+
+If the balloon contents are too large for the specified dimensions, you will <span class=tt
+onmouseover="balloon.showTooltip(event,'load:lorem2',1,150,150)">scrollbars for sticky balloons</span> 
+and <span class=tt onmouseover="balloon.showTooltip(event,'load:lorem2',0,150,150)">clipping for non-sticky balloons</span>.
+
+<pre>
+ onmouseover="balloon.showTooltip(event,'load:lorem2',1,<b class=y>150</b>,<b class=y>150</b>)"
+</pre>
+
+</p>
+
+<p>
+Here is an example of a tooltip balloon that is populated by an
+<span class=tt
+onmouseover="balloon.showTooltip(event,'<img height=150 src=\'images/balloons.png\' />')">
+image</span>.
+<pre>
+ onmouseover="balloon.showTooltip(event,'&lt;img height=150 src=\'images/balloons.png\' /&gt;')"
+</pre>
+</p>
+
+<img src="images/balloons.png" onmouseover="balloon.showTooltip(event,'my message')" />
+
+<p>
+This creates a sticky balloon whose contents are from an external website.
+<span class=tt
+onmouseover="balloon.showTooltip(event,'<iframe style=\'width:300;height:290\' frameborder=0 src=\'http://m.nypost.com\'></iframe>',1)">
+What's new at the NY Post?</span><br>
+
+<b>Note: </b> This requires an embedded iframe because it is an external website.
+<pre>
+&lt;span onmouseover="balloon.showTooltip(event,'&lt;iframe style=\'width:300;height:290\'                                                                                                                       frameborder=0 src=\'http://m.nypost.com\'&gt;&lt;/iframe&gt;',1)"&gt;
+What's new at the NY Post?&lt;/span&gt;
+</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,100 @@
+/* 
+
+This file contains the default configuration options for balloon tooltips.
+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';
+  etc...
+
+*/
+
+// This function adds the default configuration and also custom 
+// configuration sets, specified in 'case' stanzas
+BalloonConfig = function(balloon, set) {
+  set = set || '';
+
+  ////////////////////////////////////////////////////////////////
+  // The default "base" config applied to all balloon objects.  //
+  // See http://gmod.org/wiki/Popup_Balloons#Customization for  //
+  // details about config options                               //
+  //                                                            //
+  // values can be overriden in custom config cases (see below) //
+  ////////////////////////////////////////////////////////////////
+  if (!balloon.configured || set == 'GBubble' || set == 'GBox') {                //
+    balloon.fontColor          = 'black';                       //
+    balloon.fontFamily         = 'Arial, sans-serif';           //
+    balloon.fontSize           = '12pt';                        //
+    balloon.minWidth           = 100;                           //
+    balloon.maxWidth           = 400;                           //
+    balloon.delayTime          = 750;                           //
+    balloon.vOffset            = 10;                            //
+    balloon.hOffset            = 10;                            //
+    balloon.stem               = true;                          //
+    balloon.images             = i3GEO.configura.locaplic+'/pacotes/balloon-tooltips/htdocs/images/GBubble';             //
+    balloon.ieImage            = 'balloon_ie.png';              //
+    balloon.balloonImage       = 'balloon.png';                 //
+    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.allowAJAX          = false;                          //
+    balloon.allowIframes       = false;                          //
+    balloon.trackCursor        = true;                          //
+    balloon.shadow             = 20;                            //
+    balloon.padding            = 10;                            //
+    balloon.stemHeight         = 32;                            //
+    balloon.stemOverlap        = 3;                             //
+    balloon.vOffset            = 1;                             //
+    balloon.hOffset            = 1;                             //    
+    balloon.opacity            = 0.9;                           //
+    balloon.configured         = set || true;                   //
+  }                                                             //
+  ////////////////////////////////////////////////////////////////
+
+
+  ////////////////////////////////////////////////////////////////
+  // Custom configuration options -- Add a case below for your  //
+  // config set (default sets: GBox, GPlain, and GFade)         //
+  ////////////////////////////////////////////////////////////////
+  switch(set) {
+
+    // A formatted box (no background image)
+    case('GBoxxxx') : 
+      balloon.bgColor     = 'whitesmoke';
+      balloon.borderStyle = '2px solid gray'; 
+      //balloon.images      = i3GEO.configura.locaplic+'/pacotes/balloon-tooltips/htdocs/images/GPlain';
+      balloon.padding     = 5;
+      balloon.shadow      = 0;
+      balloon.stem        = true; //original é false edmar
+      balloon.opacity     = 0.8;
+      balloon.hOffset     = 1;
+      balloon.vOffset     = 1;
+      balloon.allowFade   = false;
+      break;
+
+    // A simpler balloon
+    case('GPlain') : 
+      balloon.padding     = 5;  
+      balloon.images      = i3GEO.configura.locaplic+'/pacotes/balloon-tooltips/htdocs/images/GPlain';
+      balloon.ieImage     = null;
+      balloon.shadow      = 0;  
+      balloon.stemHeight  = 15;
+      balloon.stemOverlap = 1;
+      balloon.opacity     = 0.85;
+      break;
+
+    // The default cartoon bubble with a fade-in effect
+    case('GFade') :
+      balloon.allowFade   = true;
+      balloon.fadeIn      = 1000;
+      balloon.faedOut     = 200;
+      break;
+  }
+}
+
@@ -0,0 +1,100 @@
+/* 
+
+This file contains the default configuration options for balloon tooltips.
+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';
+  etc...
+
+*/
+
+// This function adds the default configuration and also custom 
+// configuration sets, specified in 'case' stanzas
+BalloonConfig = function(balloon, set) {
+  set = set || '';
+
+  ////////////////////////////////////////////////////////////////
+  // The default "base" config applied to all balloon objects.  //
+  // See http://gmod.org/wiki/Popup_Balloons#Customization for  //
+  // details about config options                               //
+  //                                                            //
+  // values can be overriden in custom config cases (see below) //
+  ////////////////////////////////////////////////////////////////
+  if (!balloon.configured || set == 'GBubble' || set == 'GBox') {                //
+    balloon.fontColor          = 'black';                       //
+    balloon.fontFamily         = 'Arial, sans-serif';           //
+    balloon.fontSize           = '12pt';                        //
+    balloon.minWidth           = 100;                           //
+    balloon.maxWidth           = 400;                           //
+    balloon.delayTime          = 750;                           //
+    balloon.vOffset            = 10;                            //
+    balloon.hOffset            = 10;                            //
+    balloon.stem               = true;                          //
+    balloon.images             = i3GEO.configura.locaplic+'/pacotes/balloon-tooltips/htdocs/images/GBubble';             //
+    balloon.ieImage            = 'balloon_ie.png';              //
+    balloon.balloonImage       = 'balloon.png';                 //
+    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.allowAJAX          = false;                          //
+    balloon.allowIframes       = false;                          //
+    balloon.trackCursor        = false;                          //
+    balloon.shadow             = 20;                            //
+    balloon.padding            = 10;                            //
+    balloon.stemHeight         = 32;                            //
+    balloon.stemOverlap        = 3;                             //
+    balloon.vOffset            = 1;                             //
+    balloon.hOffset            = 1;                             //    
+    balloon.opacity            = 0.9;                           //
+    balloon.configured         = set || true;                   //
+  }                                                             //
+  ////////////////////////////////////////////////////////////////
+
+
+  ////////////////////////////////////////////////////////////////
+  // Custom configuration options -- Add a case below for your  //
+  // config set (default sets: GBox, GPlain, and GFade)         //
+  ////////////////////////////////////////////////////////////////
+  switch(set) {
+
+    // A formatted box (no background image)
+    case('GBoxxxx') : 
+      balloon.bgColor     = 'whitesmoke';
+      balloon.borderStyle = '2px solid gray'; 
+      //balloon.images      = i3GEO.configura.locaplic+'/pacotes/balloon-tooltips/htdocs/images/GPlain';
+      balloon.padding     = 5;
+      balloon.shadow      = 0;
+      balloon.stem        = true; //original é false edmar
+      balloon.opacity     = 0.8;
+      balloon.hOffset     = 1;
+      balloon.vOffset     = 1;
+      balloon.allowFade   = false;
+      break;
+
+    // A simpler balloon
+    case('GPlain') : 
+      balloon.padding     = 5;  
+      balloon.images      = i3GEO.configura.locaplic+'/pacotes/balloon-tooltips/htdocs/images/GPlain';
+      balloon.ieImage     = null;
+      balloon.shadow      = 0;  
+      balloon.stemHeight  = 15;
+      balloon.stemOverlap = 1;
+      balloon.opacity     = 0.85;
+      break;
+
+    // The default cartoon bubble with a fade-in effect
+    case('GFade') :
+      balloon.allowFade   = true;
+      balloon.fadeIn      = 1000;
+      balloon.faedOut     = 200;
+      break;
+  }
+}
+
@@ -0,0 +1,1166 @@
+/*
+ * balloon.js -- a DHTML library for balloon tooltips
+ * 
+ * $Id: balloon.js 22300 2009-12-01 09:40:39Z sheldon_mckay $
+ * 
+ * See http://www.gmod.org/wiki/index.php/Popup_Balloons
+ * for documentation.
+ * 
+ * Copyright (c) 2007-2009 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 () {
+	// Cursor tracking enabled by default
+	this.trackCursor = true;
+	
+	// Track the cursor every time the mouse moves
+	document.onmousemove = this.setActiveCoordinates;
+	
+	// scrolling aborts visible balloons
+	var myObject = this.isIE() ? window : document;
+	myObject.onscroll  = function(){Balloon.prototype.nukeTooltip()};
+	
+	// make balloons go away if the page is unloading or waiting
+	// to unload.
+	window.onbeforeunload = function(){
+		Balloon.prototype.nukeTooltip();
+		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 method 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,height) {
+	// If the objext is not configured by now, fall back to default
+	if (!this.configured) {
+		BalloonConfig(this,'GBubble');
+	}
+	
+	// Cursor tracking halts after one of these vertical
+	// or horizontal thresholds are reached
+	this.stopTrackingX = this.trackCursor ? 100 : 10;
+	this.stopTrackingY = this.trackCursor ? 50  : 10;
+	
+	// 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;
+	}
+	
+	// We use 1-100 scale for opacity internally
+	if (this.opacity && this.opacity < 1) {
+		this.opacity = parseInt(parseFloat(this.opacity) * 100);
+	}
+	else if (this.opacity && this.opacity == 1) {
+		this.opacity = 100;
+	}
+	else if (!this.opacity) {
+		this.opacity == 100;
+	}
+	
+	// Sorry Konqueror, no fade-in or translucency for you!
+	if (this.isKonqueror()) {
+		this.allowFade = false;
+		this.opacity   = 100;
+	}
+	
+	// With IE, fading and translucency are not very compatible
+	// use opaque balloons if fadein is enabled
+	if (this.isIE() && this.allowFade) {
+		this.opacity = 100;
+	}
+	
+	// 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;
+			// case where hover and click events both trigger balloons
+			if (balloonIsVisible) {
+				this.hideTooltip();
+			}
+		}
+		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.currentElement = el;
+		
+		// remember the coordinates of the element
+		this.elCoords = this.getLoc(el,'region');
+		
+		// attach a mouseout event handler to the target element
+		if (!sticky) {
+			var mouseoutFunc = el.onmouseout;
+			var closeBalloon = function() { 
+				Balloon.prototype.hideTooltip();
+				// fall through to any onmouseout event specified elsewhere
+				if (mouseoutFunc) {
+					mouseoutFunc();
+				}
+			}
+			if (!mouseOver) {
+				el.onmouseup  = function() {return false};
+			}
+			//el.onmouseout = closeBalloon;
+		}  
+		
+		balloonIsSticky = sticky;
+		
+		this.hideTooltip();
+		
+		// request the contents synchronously (ie wait for result)
+		this.currentHelpText = this.getAndCheckContents(caption);
+		
+		// no contents? abort.
+		if (!this.currentHelpText) {
+			return false;
+		}
+		
+		this.width  = width;
+		this.height = height;
+		this.actualWidth = null;
+		
+		// make sure old balloons are removed
+		this.hideTooltip();
+		
+		// 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
+		this.container = document.createElement('div');
+		this.container.id = 'balloonPreloadContainer';
+		document.body.appendChild(this.container);
+		this.setStyle(this.container,'position','absolute');
+		this.setStyle(this.container,'top',-8888);
+		this.setStyle(this.container,'font-family',this.fontFamily);
+		this.setStyle(this.container,'font-size',this.fontSize);
+		
+		// protect escaped '&'
+		this.currentHelpText = this.currentHelpText.replace(/\&amp;/g, '&amp;amp');
+		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;
+		}
+		
+		// The PNG alpha channels (shadow transparency) are not 
+		// handled properly by IE < 6.  Also, if opacity is set to
+		// < 1 (translucent balloons), any version of IE does not
+		// handle the image properly.
+		// Google chrome is a bit dodgey too
+		// If there is an IE image provided, use that instead.
+		if (this.ieImage && (this.isIE() || this.isChrome())) {
+			if (this.isOldIE() || this.opacity || this.allowFade) {    
+				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);}
+		if (!mouseOver) el.onmouseup  = function() {return false;};
+		// Remember which event started this
+		this.currentEvent = evt;
+		
+		// prevent interaction with gbrowse drag and drop
+		evt.cancelBubble  = true;
+		
+		// Make delay time short for onmousedown
+		//var delay = mouseOver ? this.delayTime : 1;
+		//this.timeoutTooltip = window.setTimeout(this.doShowTooltip,delay);
+		this.doShowTooltip();
+		this.pending = true;
+}
+
+// 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 fading
+	window.clearTimeout(self.timeoutFade);
+	if (!balloonIsSticky) {
+		self.setStyle('visibleBalloonElement','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;
+	self.pageLeft   = pageLeft;
+	self.pageRight  = pageLeft + pageWidth;
+	
+	// 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.actualWidth = self.getLoc(self.container,'width');
+	if (!isNaN(self.actualWidth)) {
+		self.actualWidth += 10;
+	}
+	self.parent.removeChild(self.container);
+	var wrapper = document.createElement('div');
+	wrapper.id = 'contentWrapper';
+	self.contents.appendChild(wrapper);
+	wrapper.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;
+	self.pending = false;  
+	
+	// in IE < 7, hide <select> elements
+	self.showHide();
+	
+	self.startX = self.activeLeft;
+	self.startY = self.activeTop;
+	self.fade(0,self.opacity,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('visibleBalloonElement','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.nukeTooltip();
+		};
+		self.setStyle(closeButton,'position','absolute');
+		document.body.appendChild(closeButton);
+	}
+	
+	// I have no idea why
+	if (self.isIE()) {
+		BalloonLeft = BalloonLeft - 5;
+	}
+	
+	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('visibleBalloonElement');
+	if (balloon) {
+		self.hideTooltip();
+	}
+	
+	balloon = document.createElement('div');
+	balloon.setAttribute('id','visibleBalloonElement');
+	self.parent.appendChild(balloon);
+	self.activeBalloon = balloon;
+	
+	self.parts = new Array();
+	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.parts.push(balloon);
+	
+	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;
+	var outerWidth    = self.actualWidth + fullPadding;
+	var innerWidth    = self.actualWidth;  
+	
+	self.setStyle(balloon,'position','absolute');
+	self.setStyle(balloon,'top',-9999);
+	self.setStyle(balloon,'z-index',1000000);
+	
+	if (self.height) {
+		self.setStyle('contentWrapper','height',self.height-fullPadding);
+	}
+	
+	if (self.width) {
+		self.setStyle(balloon,'width',self.width);  
+		innerWidth = self.width - fullPadding;
+		if (balloonIsSticky) {
+			innerWidth -= self.closeButtonWidth;
+		}
+		self.setStyle('contentWrapper','width',innerWidth);
+	}
+	else {
+		self.setStyle(balloon,'width',outerWidth);
+		self.setStyle('contentWrapper','width',innerWidth);
+	}
+	
+	// not too big...
+	if (!self.width && self.maxWidth && outerWidth > self.maxWidth) {
+		self.setStyle(balloon,'width',self.maxWidth);
+		self.setStyle('contentWrapper','width',self.maxWidth-fullPadding);
+	}
+	// not too small...
+	if (!self.width && self.minWidth && outerWidth < self.minWidth) {
+		self.setStyle(balloon,'width',self.minWidth);
+		self.setStyle('contentWrapper','width',self.minWidth-fullPadding);
+	}
+	
+	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);
+	self.setStyle('contents','background','url('+self.balloonImage+') top left no-repeat');
+	self.setStyle('contents','padding-top',fullPadding);
+	self.setStyle('contents','padding-left',fullPadding);
+	
+	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 (self.fadeOK && self.isIE()) {
+			self.parts.push(stem);
+		}
+	}
+	
+	if (self.allowFade) {
+		self.setOpacity(1);
+	}
+	else if (self.opacity) {
+		self.setOpacity(self.opacity);
+	}
+	
+	// flip left or right, as required
+	if (hOrient == 'left') {
+		var pageWidth = self.pageRight - self.pageLeft;
+		var activeRight = pageWidth - self.activeLeft;
+		self.setStyle(balloon,'right',activeRight);
+	}
+	else {
+		var activeLeft = self.activeRight - self.xOffset;
+		self.setStyle(balloon,'left',activeLeft);
+	}
+	
+	// oversized contents? Scrollbars for sticky balloons, clipped for non-sticky
+	var overflow = balloonIsSticky ? 'auto' : 'hidden';
+	self.setStyle('contentWrapper','overflow',overflow);
+	
+	// a bit of room for the closebutton
+	if (balloonIsSticky) {
+		self.setStyle('contentWrapper','margin-right',self.closeButtonWidth);
+	}
+	
+	// Make sure the balloon is not offscreen horizontally.
+	// We handle vertical sanity checking later, after the final
+	// layout is set.
+	var balloonLeft   = self.getLoc(balloon,'x1');
+	var balloonRight  = self.getLoc(balloon,'x2');
+	var scrollBar     = 20;
+	
+	if (hOrient == 'right' && balloonRight > (self.pageRight - fullPadding)) {
+		var width = (self.pageRight - balloonLeft) - fullPadding - scrollBar;
+		self.setStyle(balloon,'width',width);
+		self.setStyle('contentWrapper','width',width-fullPadding);
+	}
+	else if (hOrient == 'left' && balloonLeft < (self.pageLeft + fullPadding)) {
+		var width = (balloonRight - self.pageLeft) - fullPadding;
+		self.setStyle(balloon,'width',width);
+		self.setStyle('contentWrapper','width',width-fullPadding);
+	}
+	
+	// Get the width/height for the right and bottom outlines
+	var balloonWidth  = self.getLoc(balloon,'width');
+	var balloonHeight = self.getLoc(balloon,'height');
+	
+	// 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',balloonHeight-vOverlap[1]);
+	}
+	if (hOverlap) {
+		self.setStyle('bottomLeft','width',balloonWidth-hOverlap[0]);
+	}
+	
+	// vertical position of the balloon
+	if (vOrient == 'up') {
+		var activeTop = self.activeTop - balloonHeight;
+		self.setStyle(balloon,'top',activeTop);
+	}
+	else {
+		var activeTop = self.activeBottom;
+		self.setStyle(balloon,'top',activeTop);
+	}
+	
+	// Make sure the balloon is vertically contained in the window
+	var balloonTop    = self.getLoc(balloon,'y1');
+	var balloonBottom = self.height ? balloonTop + self.height : self.getLoc(balloon,'y2');
+	var deltaTop      = balloonTop < self.pageTop ? self.pageTop - balloonTop : 0;
+	var deltaBottom   = balloonBottom > self.pageBottom ? balloonBottom - self.pageBottom : 0;
+	
+	if (vOrient == 'up' && deltaTop) {
+		var newHeight = balloonHeight - deltaTop;
+		if (newHeight > (self.padding*2)) {
+			self.setStyle('contentWrapper','height',newHeight-fullPadding);
+			self.setStyle(balloon,'top',self.pageTop+self.padding);
+			self.setStyle(balloon,'height',newHeight);
+		}
+	}
+	if (vOrient == 'down' && deltaBottom) {
+		var newHeight = balloonHeight - deltaBottom - scrollBar;
+		if (newHeight > (self.padding*2) + scrollBar) {
+			self.setStyle('contentWrapper','height',newHeight-fullPadding);
+			self.setStyle(balloon,'height',newHeight);
+		}
+	}
+	
+	// If we have an iframe, make sure it fits properly
+	var iframe = balloon.getElementsByTagName('iframe');
+	if (iframe[0]) {
+		iframe = iframe[0];
+		var w = self.getLoc('contentWrapper','width');
+		if (balloonIsSticky && !this.isIE()) {
+			w -= self.closeButtonWidth;
+		}
+		var h = self.getLoc('contentWrapper','height');
+		self.setStyle(iframe,'width',w);
+		self.setStyle(iframe,'height',h);
+		self.setStyle('contentWrapper','overflow','hidden');
+	}
+	
+	// Make edges match the main balloon body
+	self.setStyle('topRight','height', self.getLoc(balloon,'height'));
+	self.setStyle('bottomLeft','width', self.getLoc(balloon,'width'));
+	
+	self.hOrient = hOrient;
+	self.vOrient = vOrient;
+}
+
+
+// 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;
+	if (!millisec || !self.allowFade) {
+		return false;
+	}
+	
+	opacEnd = opacEnd || 100;
+	
+	//speed for each frame
+	var speed = Math.round(millisec / 100);
+	var timer = 0;
+	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 || !opc) return false;
+			      
+			      var o = parseFloat(opc/100);
+	
+	// opacity handled differently for IE
+			      var parts = self.isIE() ? self.parts : [self.activeBalloon];
+			      
+			      var len = parts.length;
+			      for (var i=0;i<len;i++) {
+				      self.doOpacity(o,opc,parts[i]);
+			      }
+}
+
+Balloon.prototype.doOpacity = function(op,opc,el) {
+	var self = currentBalloonClass;
+	if (!el) return false;
+			      
+			      // CSS standards-compliant browsers!
+	self.setStyle(el,'opacity',op);
+	
+	// old IE
+	self.setStyle(el,'filter','alpha(opacity='+opc+')');
+	
+	// old Mozilla/NN
+	self.setStyle(el,'MozOpacity',op);
+	
+	// old Safari
+	self.setStyle(el,'KhtmlOpacity',op);
+}
+
+Balloon.prototype.nukeTooltip = function() {
+	this.hideTooltip(1);
+}
+
+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;
+	Balloon.prototype.showHide(1);
+	Balloon.prototype.cleanup();
+	
+	if (self) {
+		window.clearTimeout(self.timeoutTooltip);
+		window.clearTimeout(self.timeoutFade);
+		window.clearTimeout(self.timeoutAutoClose);
+		if (balloonIsSticky) {
+			self.currentElement = null;
+		}
+		self.startX = 0;
+		self.startY = 0;
+	}
+	
+	balloonIsVisible = false;
+	balloonIsSticky  = false;
+}
+
+// Garbage collection
+Balloon.prototype.cleanup = function() {
+	var self = currentBalloonClass;
+	var body;
+	if (self) {
+		body = self.parent   ? self.parent 
+		: self.parentID ? document.getElementById(self.parentID) || document.body
+		: document.body;
+	}
+	else {
+		body = document.body;
+	}
+	
+	var bubble = document.getElementById('visibleBalloonElement');
+	var close  = document.getElementById('closeButton');
+	var cont   = document.getElementById('balloonPreloadContainer');
+	if (bubble) { body.removeChild(bubble) } 
+	if (close)  { body.removeChild(close)  }
+	if (cont)   { body.removeChild(cont)   }
+}
+
+
+// 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(evt) {
+	var self = currentBalloonClass;
+	if (!self) {
+		return true;
+	}
+	var evt = evt || window.event || self.currentEvent;
+	if (!evt) {
+		return true;
+	}
+	//
+	//modificado por edmar
+	//
+
+	self.currentEvent = {};
+	for (var i in evt) {
+		self.currentEvent[i] = evt[i];
+	}
+	
+	// avoid silent NaN errors
+	self.hOffset = self.hOffset || 1;
+	self.vOffset = self.vOffset || 1;
+	self.stemHeight = self.stem && self.stemHeight ? (self.stemHeight|| 0) : 0;
+	
+	var scrollTop  = 0;
+	var scrollLeft = 0;
+	
+	var XY = self.eventXY(evt);
+	adjustment   = self.hOffset < 20 ? 10 : 0;
+	self.activeTop    = scrollTop  + XY[1] - adjustment - self.vOffset - self.stemHeight;
+	self.activeLeft   = scrollLeft + XY[0] - adjustment - self.hOffset;
+	self.activeRight  = scrollLeft + XY[0];
+	self.activeBottom = scrollTop  + XY[1] + self.vOffset + 2*adjustment;
+	
+	// dynamic positioning but only if the balloon is not sticky
+	// and cursor tracking is enabled
+	if (balloonIsVisible && !balloonIsSticky) {
+		var deltaX = Math.abs(self.activeLeft - self.startX);
+		var deltaY = Math.abs(self.activeTop - self.startY);
+		
+		// Close the balloon if the cursor has left the firing element
+		if (  XY[0] < self.elCoords.left || XY[0] > self.elCoords.right
+			|| XY[1] < self.elCoords.top  || XY[1] > self.elCoords.bottom ) {
+			//self.hideTooltip();
+			}
+			
+			// In some cases , such as <area> elements in image maps or big elements,
+			// we need to kill the balloon if the mouse has strayed too far.
+			if (deltaX > self.stopTrackingX || deltaY > self.stopTrackingY) {
+				//self.hideTooltip();
+			}
+			else if (self.trackCursor) {
+				var b = self.activeBalloon;
+				var bwidth  = self.getLoc(b,'width');
+				var bheight = self.getLoc(b,'height');
+				var btop    = self.getLoc(b,'y1');
+				var bleft   = self.getLoc(b,'x1');
+				
+				if (self.hOrient == 'right') {
+					self.setStyle(b,'left',self.activeRight);
+				}
+				else if (self.hOrient == 'left') {
+					self.setStyle(b,'right',null);
+					var newLeft = self.activeLeft - bwidth;
+					self.setStyle(b,'left',newLeft);
+				}
+				
+				if (self.vOrient == 'up') {
+					self.setStyle(b,'top',self.activeTop - bheight);
+				}
+				else if (self.vOrient == 'down') {
+					self.setStyle(b,'top',self.activeBottom);
+				}
+			}
+	}
+	
+	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) {
+		return false;
+	}
+	if (e.pageX || e.pageY) {
+		XY[0] = e.pageX;
+		XY[1] = e.pageY;
+		return XY;
+	}
+	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; // Safari
+  return targ;
+}
+////
+
+
+Balloon.prototype.setStyle = function(el,att,val) {
+	if (!el) { 
+		return false;
+	}
+	if (typeof(el) != 'object') {
+		el = document.getElementById(el);
+	}
+	if (!el) {
+		return false;
+	}
+	
+	var v = val;
+	
+	if (val && att.match(/left|top|bottom|right|width|height|padding|margin/)) {
+		val = new String(val);
+		if (!val.match(/auto/)) {
+			val += 'px';
+		}
+	}
+	
+	
+	// z-index does not work as expected
+	if (att == 'z-index') {
+		if (el.style) {
+			el.style.zIndex = parseInt(val);
+		}
+	}
+	else {
+		// Oh just shut up, IE
+		if (this.isIE() && att.match(/^left|right|top|bottom$/)  && !parseInt(val) && val != 0) {
+			val = null;
+		}
+		
+		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; 
+	}
+	
+	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) || 1000;
+}
+
+
+// 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()) {
+			      var balloonContents = document.getElementById('contentWrapper');
+		if (!visible && balloonContents) {
+			var balloonSelects = balloonContents.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.toLowerCase().indexOf( 'konqueror' ) != -1;
+}
+
+// and Google chrome
+Balloon.prototype.isChrome = function() {
+	return navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
+}
 \ No newline at end of file
@@ -0,0 +1,1177 @@
+/*
+ * balloon.js -- a DHTML library for balloon tooltips
+ * 
+ * $Id: balloon.js 22300 2009-12-01 09:40:39Z sheldon_mckay $
+ * 
+ * See http://www.gmod.org/wiki/index.php/Popup_Balloons
+ * for documentation.
+ * 
+ * Copyright (c) 2007-2009 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 () {
+	// Cursor tracking enabled by default
+	this.trackCursor = true;
+	
+	// Track the cursor every time the mouse moves
+	document.onmousemove = this.setActiveCoordinates;
+	
+	// scrolling aborts visible balloons
+	var myObject = this.isIE() ? window : document;
+	myObject.onscroll  = function(){Balloon.prototype.nukeTooltip()};
+	
+	// make balloons go away if the page is unloading or waiting
+	// to unload.
+	window.onbeforeunload = function(){
+		Balloon.prototype.nukeTooltip();
+		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 method 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,height) {
+	// If the objext is not configured by now, fall back to default
+	if (!this.configured) {
+		BalloonConfig(this,'GBubble');
+	}
+	
+	// Cursor tracking halts after one of these vertical
+	// or horizontal thresholds are reached
+	this.stopTrackingX = this.trackCursor ? 100 : 10;
+	this.stopTrackingY = this.trackCursor ? 50  : 10;
+	
+	// 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;
+	}
+	
+	// We use 1-100 scale for opacity internally
+	if (this.opacity && this.opacity < 1) {
+		this.opacity = parseInt(parseFloat(this.opacity) * 100);
+	}
+	else if (this.opacity && this.opacity == 1) {
+		this.opacity = 100;
+	}
+	else if (!this.opacity) {
+		this.opacity == 100;
+	}
+	
+	// Sorry Konqueror, no fade-in or translucency for you!
+	if (this.isKonqueror()) {
+		this.allowFade = false;
+		this.opacity   = 100;
+	}
+	
+	// With IE, fading and translucency are not very compatible
+	// use opaque balloons if fadein is enabled
+	if (this.isIE() && this.allowFade) {
+		this.opacity = 100;
+	}
+	
+	// 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;
+			// case where hover and click events both trigger balloons
+			if (balloonIsVisible) {
+				this.hideTooltip();
+			}
+		}
+		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.currentElement = el;
+		
+		// remember the coordinates of the element
+		this.elCoords = this.getLoc(el,'region');
+		
+		// attach a mouseout event handler to the target element
+		if (!sticky) {
+			var mouseoutFunc = el.onmouseout;
+			var closeBalloon = function() { 
+				Balloon.prototype.hideTooltip();
+				// fall through to any onmouseout event specified elsewhere
+				if (mouseoutFunc) {
+					mouseoutFunc();
+				}
+			}
+			if (!mouseOver) {
+				el.onmouseup  = function() {return false};
+			}
+			//el.onmouseout = closeBalloon;
+		}  
+		
+		balloonIsSticky = sticky;
+		
+		this.hideTooltip();
+		
+		// request the contents synchronously (ie wait for result)
+		this.currentHelpText = this.getAndCheckContents(caption);
+		
+		// no contents? abort.
+		if (!this.currentHelpText) {
+			return false;
+		}
+		
+		this.width  = width;
+		this.height = height;
+		this.actualWidth = null;
+		
+		// make sure old balloons are removed
+		this.hideTooltip();
+		
+		// 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
+		this.container = document.createElement('div');
+		this.container.id = 'balloonPreloadContainer';
+		document.body.appendChild(this.container);
+		this.setStyle(this.container,'position','absolute');
+		this.setStyle(this.container,'top',-8888);
+		this.setStyle(this.container,'font-family',this.fontFamily);
+		this.setStyle(this.container,'font-size',this.fontSize);
+		
+		// protect escaped '&'
+		this.currentHelpText = this.currentHelpText.replace(/\&amp;/g, '&amp;amp');
+		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;
+		}
+		
+		// The PNG alpha channels (shadow transparency) are not 
+		// handled properly by IE < 6.  Also, if opacity is set to
+		// < 1 (translucent balloons), any version of IE does not
+		// handle the image properly.
+		// Google chrome is a bit dodgey too
+		// If there is an IE image provided, use that instead.
+		if (this.ieImage && (this.isIE() || this.isChrome())) {
+			if (this.isOldIE() || this.opacity || this.allowFade) {    
+				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);}
+		if (!mouseOver) el.onmouseup  = function() {return false;};
+		// Remember which event started this
+		this.currentEvent = evt;
+		
+		// prevent interaction with gbrowse drag and drop
+		evt.cancelBubble  = true;
+		
+		// Make delay time short for onmousedown
+		//var delay = mouseOver ? this.delayTime : 1;
+		//this.timeoutTooltip = window.setTimeout(this.doShowTooltip,delay);
+		this.doShowTooltip();
+		this.pending = true;
+}
+
+// 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 fading
+	window.clearTimeout(self.timeoutFade);
+	if (!balloonIsSticky) {
+		self.setStyle('visibleBalloonElement','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;
+	self.pageLeft   = pageLeft;
+	self.pageRight  = pageLeft + pageWidth;
+	
+	// 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.actualWidth = self.getLoc(self.container,'width');
+	if (!isNaN(self.actualWidth)) {
+		self.actualWidth += 10;
+	}
+	self.parent.removeChild(self.container);
+	var wrapper = document.createElement('div');
+	wrapper.id = 'contentWrapper';
+	self.contents.appendChild(wrapper);
+	wrapper.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;
+	self.pending = false;  
+	
+	// in IE < 7, hide <select> elements
+	self.showHide();
+	
+	self.startX = self.activeLeft;
+	self.startY = self.activeTop;
+	self.fade(0,self.opacity,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('visibleBalloonElement','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.nukeTooltip();
+		};
+		self.setStyle(closeButton,'position','absolute');
+		document.body.appendChild(closeButton);
+	}
+	
+	// I have no idea why
+	if (self.isIE()) {
+		BalloonLeft = BalloonLeft - 5;
+	}
+	
+	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('visibleBalloonElement');
+	if (balloon) {
+		self.hideTooltip();
+	}
+	
+	balloon = document.createElement('div');
+	balloon.setAttribute('id','visibleBalloonElement');
+	self.parent.appendChild(balloon);
+	self.activeBalloon = balloon;
+	
+	self.parts = new Array();
+	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.parts.push(balloon);
+	
+	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;
+	var outerWidth    = self.actualWidth + fullPadding;
+	var innerWidth    = self.actualWidth;  
+	
+	self.setStyle(balloon,'position','absolute');
+	self.setStyle(balloon,'top',-9999);
+	self.setStyle(balloon,'z-index',1000000);
+	
+	if (self.height) {
+		self.setStyle('contentWrapper','height',self.height-fullPadding);
+	}
+	
+	if (self.width) {
+		self.setStyle(balloon,'width',self.width);  
+		innerWidth = self.width - fullPadding;
+		if (balloonIsSticky) {
+			innerWidth -= self.closeButtonWidth;
+		}
+		self.setStyle('contentWrapper','width',innerWidth);
+	}
+	else {
+		self.setStyle(balloon,'width',outerWidth);
+		self.setStyle('contentWrapper','width',innerWidth);
+	}
+	
+	// not too big...
+	if (!self.width && self.maxWidth && outerWidth > self.maxWidth) {
+		self.setStyle(balloon,'width',self.maxWidth);
+		self.setStyle('contentWrapper','width',self.maxWidth-fullPadding);
+	}
+	// not too small...
+	if (!self.width && self.minWidth && outerWidth < self.minWidth) {
+		self.setStyle(balloon,'width',self.minWidth);
+		self.setStyle('contentWrapper','width',self.minWidth-fullPadding);
+	}
+	
+	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);
+	self.setStyle('contents','background','url('+self.balloonImage+') top left no-repeat');
+	self.setStyle('contents','padding-top',fullPadding);
+	self.setStyle('contents','padding-left',fullPadding);
+	
+	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 (self.fadeOK && self.isIE()) {
+			self.parts.push(stem);
+		}
+	}
+	
+	if (self.allowFade) {
+		self.setOpacity(1);
+	}
+	else if (self.opacity) {
+		self.setOpacity(self.opacity);
+	}
+	
+	// flip left or right, as required
+	if (hOrient == 'left') {
+		var pageWidth = self.pageRight - self.pageLeft;
+		var activeRight = pageWidth - self.activeLeft;
+		self.setStyle(balloon,'right',activeRight);
+	}
+	else {
+		var activeLeft = self.activeRight - self.xOffset;
+		self.setStyle(balloon,'left',activeLeft);
+	}
+	
+	// oversized contents? Scrollbars for sticky balloons, clipped for non-sticky
+	var overflow = balloonIsSticky ? 'auto' : 'hidden';
+	self.setStyle('contentWrapper','overflow',overflow);
+	
+	// a bit of room for the closebutton
+	if (balloonIsSticky) {
+		self.setStyle('contentWrapper','margin-right',self.closeButtonWidth);
+	}
+	
+	// Make sure the balloon is not offscreen horizontally.
+	// We handle vertical sanity checking later, after the final
+	// layout is set.
+	var balloonLeft   = self.getLoc(balloon,'x1');
+	var balloonRight  = self.getLoc(balloon,'x2');
+	var scrollBar     = 20;
+	
+	if (hOrient == 'right' && balloonRight > (self.pageRight - fullPadding)) {
+		var width = (self.pageRight - balloonLeft) - fullPadding - scrollBar;
+		self.setStyle(balloon,'width',width);
+		self.setStyle('contentWrapper','width',width-fullPadding);
+	}
+	else if (hOrient == 'left' && balloonLeft < (self.pageLeft + fullPadding)) {
+		var width = (balloonRight - self.pageLeft) - fullPadding;
+		self.setStyle(balloon,'width',width);
+		self.setStyle('contentWrapper','width',width-fullPadding);
+	}
+	
+	// Get the width/height for the right and bottom outlines
+	var balloonWidth  = self.getLoc(balloon,'width');
+	var balloonHeight = self.getLoc(balloon,'height');
+	
+	// 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',balloonHeight-vOverlap[1]);
+	}
+	if (hOverlap) {
+		self.setStyle('bottomLeft','width',balloonWidth-hOverlap[0]);
+	}
+	
+	// vertical position of the balloon
+	if (vOrient == 'up') {
+		var activeTop = self.activeTop - balloonHeight;
+		self.setStyle(balloon,'top',activeTop);
+	}
+	else {
+		var activeTop = self.activeBottom;
+		self.setStyle(balloon,'top',activeTop);
+	}
+	
+	// Make sure the balloon is vertically contained in the window
+	var balloonTop    = self.getLoc(balloon,'y1');
+	var balloonBottom = self.height ? balloonTop + self.height : self.getLoc(balloon,'y2');
+	var deltaTop      = balloonTop < self.pageTop ? self.pageTop - balloonTop : 0;
+	var deltaBottom   = balloonBottom > self.pageBottom ? balloonBottom - self.pageBottom : 0;
+	
+	if (vOrient == 'up' && deltaTop) {
+		var newHeight = balloonHeight - deltaTop;
+		if (newHeight > (self.padding*2)) {
+			self.setStyle('contentWrapper','height',newHeight-fullPadding);
+			self.setStyle(balloon,'top',self.pageTop+self.padding);
+			self.setStyle(balloon,'height',newHeight);
+		}
+	}
+	if (vOrient == 'down' && deltaBottom) {
+		var newHeight = balloonHeight - deltaBottom - scrollBar;
+		if (newHeight > (self.padding*2) + scrollBar) {
+			self.setStyle('contentWrapper','height',newHeight-fullPadding);
+			self.setStyle(balloon,'height',newHeight);
+		}
+	}
+	
+	// If we have an iframe, make sure it fits properly
+	var iframe = balloon.getElementsByTagName('iframe');
+	if (iframe[0]) {
+		iframe = iframe[0];
+		var w = self.getLoc('contentWrapper','width');
+		if (balloonIsSticky && !this.isIE()) {
+			w -= self.closeButtonWidth;
+		}
+		var h = self.getLoc('contentWrapper','height');
+		self.setStyle(iframe,'width',w);
+		self.setStyle(iframe,'height',h);
+		self.setStyle('contentWrapper','overflow','hidden');
+	}
+	
+	// Make edges match the main balloon body
+	self.setStyle('topRight','height', self.getLoc(balloon,'height'));
+	self.setStyle('bottomLeft','width', self.getLoc(balloon,'width'));
+	
+	self.hOrient = hOrient;
+	self.vOrient = vOrient;
+}
+
+
+// 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;
+	if (!millisec || !self.allowFade) {
+		return false;
+	}
+	
+	opacEnd = opacEnd || 100;
+	
+	//speed for each frame
+	var speed = Math.round(millisec / 100);
+	var timer = 0;
+	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 || !opc) return false;
+			      
+			      var o = parseFloat(opc/100);
+	
+	// opacity handled differently for IE
+			      var parts = self.isIE() ? self.parts : [self.activeBalloon];
+			      
+			      var len = parts.length;
+			      for (var i=0;i<len;i++) {
+				      self.doOpacity(o,opc,parts[i]);
+			      }
+}
+
+Balloon.prototype.doOpacity = function(op,opc,el) {
+	var self = currentBalloonClass;
+	if (!el) return false;
+			      
+			      // CSS standards-compliant browsers!
+	self.setStyle(el,'opacity',op);
+	
+	// old IE
+	self.setStyle(el,'filter','alpha(opacity='+opc+')');
+	
+	// old Mozilla/NN
+	self.setStyle(el,'MozOpacity',op);
+	
+	// old Safari
+	self.setStyle(el,'KhtmlOpacity',op);
+}
+
+Balloon.prototype.nukeTooltip = function() {
+	this.hideTooltip(1);
+}
+
+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;
+	Balloon.prototype.showHide(1);
+	Balloon.prototype.cleanup();
+	
+	if (self) {
+		window.clearTimeout(self.timeoutTooltip);
+		window.clearTimeout(self.timeoutFade);
+		window.clearTimeout(self.timeoutAutoClose);
+		if (balloonIsSticky) {
+			self.currentElement = null;
+		}
+		self.startX = 0;
+		self.startY = 0;
+	}
+	
+	balloonIsVisible = false;
+	balloonIsSticky  = false;
+}
+
+// Garbage collection
+Balloon.prototype.cleanup = function() {
+	var self = currentBalloonClass;
+	var body;
+	if (self) {
+		body = self.parent   ? self.parent 
+		: self.parentID ? document.getElementById(self.parentID) || document.body
+		: document.body;
+	}
+	else {
+		body = document.body;
+	}
+	
+	var bubble = document.getElementById('visibleBalloonElement');
+	var close  = document.getElementById('closeButton');
+	var cont   = document.getElementById('balloonPreloadContainer');
+	if (bubble) { body.removeChild(bubble) } 
+	if (close)  { body.removeChild(close)  }
+	if (cont)   { body.removeChild(cont)   }
+}
+
+
+// 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(evt) {
+	var self = currentBalloonClass;
+	if (!self) {
+		return true;
+	}
+	var evt = evt || window.event || self.currentEvent;
+	if (!evt) {
+		return true;
+	}
+	//
+	//modificado por edmar
+	//
+	alert(evt.id)
+	try{
+		if(typeof(evt.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){}	
+	self.currentEvent = {};
+	for (var i in evt) {
+		self.currentEvent[i] = evt[i];
+	}
+	
+	// avoid silent NaN errors
+	self.hOffset = self.hOffset || 1;
+	self.vOffset = self.vOffset || 1;
+	self.stemHeight = self.stem && self.stemHeight ? (self.stemHeight|| 0) : 0;
+	
+	var scrollTop  = 0;
+	var scrollLeft = 0;
+	
+	var XY = self.eventXY(evt);
+	adjustment   = self.hOffset < 20 ? 10 : 0;
+	self.activeTop    = scrollTop  + XY[1] - adjustment - self.vOffset - self.stemHeight;
+	self.activeLeft   = scrollLeft + XY[0] - adjustment - self.hOffset;
+	self.activeRight  = scrollLeft + XY[0];
+	self.activeBottom = scrollTop  + XY[1] + self.vOffset + 2*adjustment;
+	
+	// dynamic positioning but only if the balloon is not sticky
+	// and cursor tracking is enabled
+	if (balloonIsVisible && !balloonIsSticky) {
+		var deltaX = Math.abs(self.activeLeft - self.startX);
+		var deltaY = Math.abs(self.activeTop - self.startY);
+		
+		// Close the balloon if the cursor has left the firing element
+		if (  XY[0] < self.elCoords.left || XY[0] > self.elCoords.right
+			|| XY[1] < self.elCoords.top  || XY[1] > self.elCoords.bottom ) {
+			//self.hideTooltip();
+			}
+			
+			// In some cases , such as <area> elements in image maps or big elements,
+			// we need to kill the balloon if the mouse has strayed too far.
+			if (deltaX > self.stopTrackingX || deltaY > self.stopTrackingY) {
+				//self.hideTooltip();
+			}
+			else if (self.trackCursor) {
+				var b = self.activeBalloon;
+				var bwidth  = self.getLoc(b,'width');
+				var bheight = self.getLoc(b,'height');
+				var btop    = self.getLoc(b,'y1');
+				var bleft   = self.getLoc(b,'x1');
+				
+				if (self.hOrient == 'right') {
+					self.setStyle(b,'left',self.activeRight);
+				}
+				else if (self.hOrient == 'left') {
+					self.setStyle(b,'right',null);
+					var newLeft = self.activeLeft - bwidth;
+					self.setStyle(b,'left',newLeft);
+				}
+				
+				if (self.vOrient == 'up') {
+					self.setStyle(b,'top',self.activeTop - bheight);
+				}
+				else if (self.vOrient == 'down') {
+					self.setStyle(b,'top',self.activeBottom);
+				}
+			}
+	}
+	
+	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) {
+		return false;
+	}
+	if (e.pageX || e.pageY) {
+		XY[0] = e.pageX;
+		XY[1] = e.pageY;
+		return XY;
+	}
+	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; // Safari
+  return targ;
+}
+////
+
+
+Balloon.prototype.setStyle = function(el,att,val) {
+	if (!el) { 
+		return false;
+	}
+	if (typeof(el) != 'object') {
+		el = document.getElementById(el);
+	}
+	if (!el) {
+		return false;
+	}
+	
+	var v = val;
+	
+	if (val && att.match(/left|top|bottom|right|width|height|padding|margin/)) {
+		val = new String(val);
+		if (!val.match(/auto/)) {
+			val += 'px';
+		}
+	}
+	
+	
+	// z-index does not work as expected
+	if (att == 'z-index') {
+		if (el.style) {
+			el.style.zIndex = parseInt(val);
+		}
+	}
+	else {
+		// Oh just shut up, IE
+		if (this.isIE() && att.match(/^left|right|top|bottom$/)  && !parseInt(val) && val != 0) {
+			val = null;
+		}
+		
+		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; 
+	}
+	
+	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) || 1000;
+}
+
+
+// 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()) {
+			      var balloonContents = document.getElementById('contentWrapper');
+		if (!visible && balloonContents) {
+			var balloonSelects = balloonContents.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.toLowerCase().indexOf( 'konqueror' ) != -1;
+}
+
+// and Google chrome
+Balloon.prototype.isChrome = function() {
+	return navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
+}
 \ No newline at end of file
@@ -0,0 +1,217 @@
+/*
+ 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 () {
+  // Track the cursor every time the mouse moves
+  document.onmousemove = this.setActiveCoordinates;
+
+  // scrolling aborts unsticky box
+  document.onscroll    = Balloon.prototype.hideTooltip;
+
+  // go away if the page is unloading or waiting
+  // to unload.
+  window.onbeforeunload = function(){
+    Balloon.prototype.nukeTooltip;
+    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
+Box.prototype.makeBalloon = function() {
+  var self = currentBalloonClass;
+  
+  // use ID 'visibleBalloonElement' for consistency with parent class
+  var box = document.getElementById('visibleBalloonElement');
+  if (box) self.parent.removeChild(box);
+  box = document.createElement('div');
+  box.setAttribute('id','visibleBalloonElement');
+  self.parent.appendChild(box);
+  self.activeBalloon = box;
+
+  var contents = document.createElement('div');
+  contents.setAttribute('id','contents');
+  box.appendChild(contents);
+  self.contents = contents;
+  self.parts = new Array(box);
+
+  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
+Box.prototype.setBalloonStyle = function(vOrient,hOrient) {
+  var self = currentBalloonClass;
+  var box  = self.activeBalloon;
+
+  self.shadow     = 0;
+  self.stem       = false;
+  self.stemHeight = 0;
+
+  self.setStyle(box,'background',self.bgColor);
+  self.setStyle(box,'border',self.borderStyle);
+  self.setStyle(box,'position','absolute');
+  self.setStyle(box,'padding',self.padding);
+  self.setStyle(box,'top',-9999);
+  self.setStyle(box,'z-index',1000000);
+
+  // If width and/or height are specified, harden the
+  // box at those dimensions, but not if the space needed
+  // is less tha the space that would be used.
+  if (self.width) {
+    var widthUsed = self.getLoc('contents','width') + 20;
+    var newWidth = widthUsed > self.width ? self.width : widthUsed;
+    self.setStyle('contents','width',newWidth);
+  }
+  if (self.height) {
+    var heightUsed = self.getLoc('contents','height') + 20;
+    var newHeight = heightUsed > self.height ? self.height : heightUsed;
+    self.setStyle('contents','height',newHeight+(2*self.padding));
+  }
+
+  // flip left or right, as required
+  if (hOrient == 'left') {
+    var pageWidth = self.pageRight - self.pageLeft;
+    var activeRight = pageWidth - self.activeLeft;
+    self.setStyle(box,'right',activeRight);
+  }
+  else {
+    self.setStyle(box,'left',self.activeRight - self.xOffset);
+  }
+
+  if (!self.width) {
+    var width = self.getLoc('contents','width');
+    if (self.isIE()) width += self.padding;
+    if (width > self.maxWidth) width = self.maxWidth + self.padding;
+    if (width < self.minWidth) width = self.minWidth;
+    self.setStyle(box,'width',width);
+  }
+
+  var overflow = balloonIsSticky ? 'auto' : 'hidden';
+  self.setStyle('contents','overflow',overflow);
+
+  // Make sure the box is not offscreen horizontally.
+  // We handle vertical sanity checking later, after the final
+  // layout is set.
+  var boxLeft   = self.getLoc(box,'x1');
+  var boxRight  = self.getLoc(box,'x2');
+  var scrollBar     = 20;
+
+  if (hOrient == 'right' && boxRight > (self.pageRight - self.padding)) {
+    self.setStyle('contents','width',(self.pageRight - boxLeft) - self.padding - scrollBar);
+  }
+  else if (hOrient == 'left' && boxLeft < (self.pageLeft + self.padding)) {
+    self.setStyle('contents','width',(boxRight - self.pageLeft) - self.padding);
+  }
+
+  // Get the width/height for the right and bottom outlines
+  var boxWidth  = self.getLoc(box,'width');
+  var boxHeight = self.getLoc(box,'height');
+
+  if (self.allowFade) {
+    self.setOpacity(0.01);
+  }
+  else {
+    self.setOpacity(self.opacity);
+  }
+
+  if (!(self.activeTop && self.activeBottom)) {
+    self.setActiveCoordinates();
+  }
+
+  if (vOrient == 'up') {
+    var activeTop = self.activeTop - boxHeight;
+    self.setStyle(box,'top',activeTop);
+  }
+  else if (vOrient == 'down')  {
+    var activeTop = self.activeBottom;
+    self.setStyle(box,'top',activeTop);
+  }
+  self.setStyle(box,'display','inline');
+
+  // Make sure the box is vertically contained in the window
+  var boxTop    = self.getLoc(box,'y1');
+  var boxBottom = self.getLoc(box,'y2');
+  var deltaTop      = boxTop < self.pageTop ? self.pageTop - boxTop : 0;
+  var deltaBottom   = boxBottom > self.pageBottom ? boxBottom - self.pageBottom : 0;
+
+  if (vOrient == 'up' && deltaTop) {
+    var newHeight = boxHeight - deltaTop;
+    if (newHeight > (self.padding*2)) {
+      self.setStyle('contents','height',newHeight);
+      self.setStyle(box,'top',self.pageTop+self.padding);
+      self.setStyle(box,'height',newHeight);
+    }
+  }
+
+  if (vOrient == 'down' && deltaBottom) {
+    var newHeight = boxHeight - deltaBottom - scrollBar;
+    if (newHeight > (self.padding*2) + scrollBar) {
+      self.setStyle('contents','height',newHeight);
+      self.setStyle(box,'height',newHeight);
+    }
+  }
+
+  self.hOrient = hOrient;
+  self.vOrient = vOrient;
+}
+
+
+Box.prototype.addCloseButton = function () {
+  var self = currentBalloonClass;
+  var margin   = Math.round(self.padding/2);
+  var closeWidth = self.closeButtonWidth || 16;
+  var balloonTop   = self.getLoc('visibleBalloonElement','y1') + margin;
+  var balloonRight = self.getLoc('visibleBalloonElement','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.nukeTooltip();
+    };
+    self.setStyle(closeButton,'position','absolute');
+    document.body.appendChild(closeButton);
+  }
+
+  if (self.isIE()) {
+    balloonRight -= self.padding;
+  }
+
+  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,258 @@		@@ -0,0 +1,258 @@
	1	+<html>
	2	+<head>
	3	+ <title>Balloon Tooltips</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	+ <!-- Note: This CSS is specific to this page -- it is not required for balloon tooltips to work -->
	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	+
	30	+ <script type="text/javascript">
	31	+ // white balloon with default configuration
	32	+ var balloon = new Balloon;
	33	+ BalloonConfig(balloon,'GBubble');
	34	+
	35	+ // plain balloon tooltip
	36	+ var tooltip = new Balloon;
	37	+ BalloonConfig(tooltip,'GPlain');
	38	+
	39	+ // fading balloon
	40	+ var fader = new Balloon;
	41	+ BalloonConfig(fader,'GFade');
	42	+
	43	+ // a plainer popup box
	44	+ var box = new Box;
	45	+ BalloonConfig(box,'GBox');
	46	+
	47	+ // a box that fades in/out
	48	+ var fadeBox = new Box;
	49	+ BalloonConfig(fadeBox,'GBox');
	50	+ fadeBox.bgColor = 'black';
	51	+ fadeBox.fontColor = 'white';
	52	+ fadeBox.borderStyle = 'none';
	53	+ fadeBox.delayTime = 200;
	54	+ fadeBox.allowFade = true;
	55	+ fadeBox.fadeIn = 750;
	56	+ fadeBox.fadeOut = 200;
	57	+
	58	+ </script>
	59	+</head>
	60	+<body>
	61	+<div style="border:1px solid blue;background:ivory;padding:10px;font-family:arial, sans-serif">
	62	+<img style="float:right" src="images/sample.png" width=300>
	63	+</span>
	64	+<span id="sheldon" style="display:none">
	65	+<center>
	66	+<img src="images/sheldon.jpg">
	67	+<br>mckays@cshl.edu
	68	+</center>
	69	+</span>
	70	+<br>
	71	+<ul>
	72	+<li>This page is a demonstration of <a href="http://www.gmod.org/wiki/index.php/Popup_Balloons">balloon.js</a>.</li>
	73	+<li>Contact <a href="mailto:mckays@cshl.edu">the author</a> for help.</li>
	74	+</ul>
	75	+<p>
	76	+The balloon.js package is written in object-oriented JavaScript and allows you to add configurable balloon tooltips
	77	+(AKA popup balloons, bubbles, rollover tooltips etc., etc.) to your website. It is generic and is portable to most web sites.
	78	+<p>
	79	+The balloons are dynamically sized in both the vertical and horizontal dimensions and the left/right/up/down orientation
	80	+is calculated automatically based on the position of the cursor. Balloon contents can be provided locally in your own HTML or remotely via AJAX.
	81	+This package is open source and free to all as long as the copyright notice is retained. See below for demonstrations and documentation.
	82	+</p>
	83	+
	84	+
	85	+<hr>
	86	+<h1 style="align:left">Demo:</h1>
	87	+<div style="border:1px solid black;width:90%;margin:auto">
	88	+<table cellpadding=3 style="width:100%">
	89	+<tr>
	90	+<th width=10% align=left rowspan=2>Demonstration:</th>
	91	+<th width=30% class="tt" style="border:1px solid black"
	92	+ onmouseover="balloon.showTooltip(event,'This is a balloon tooltip. \
	93	+ It will vanish if you leave this box',0,250)">mouse over this box</th>
	94	+<th width=30% class="tt">
	95	+<span onmouseover="balloon.showTooltip(event,'Your are hovering, I said click me!')"
	96	+ onclick="balloon.showTooltip(event,'Your sticky message goes here.',1)">click me</span>
	97	+</th>
	98	+<th width=30% class="tt"><span onmouseover="tooltip.showTooltip(event,'This is a plain balloon.<br>Your message goes here!')">plainer balloon</span></th>
	99	+</tr>
	100	+<tr>
	101	+<th class="tt"><span onmouseover="fader.showTooltip(event,'Your message goes here!')">fading balloon</span></th>
	102	+<th class="tt"><span onmouseover="fadeBox.showTooltip(event,'Your message goes here!')">fading box</span></th>
	103	+<th class="tt"><span onmouseover="box.showTooltip(event,'Your sticky message goes here!<br><a href=\'http://www.google.com\'>Your link goes here...</span>',1,275)">
	104	+sticky box</span></th>
	105	+</tr>
	106	+<tr>
	107	+<th align=left>Documentation:</th>
	108	+<th colspan=3 align=left class=tt>
	109	+<a class=tt href="http://gmod.org/wiki/Popup_Balloons"
	110	+ onmouseover="balloon.showTooltip(event,'Click this link to go to documentation on the GMOD Wiki')"
	111	+ onmouseout="alert('Read the docs, when you get a chance...')">
	112	+http://gmod.org/wiki/Popup_Balloons
	113	+</th>
	114	+</tr>
	115	+<tr>
	116	+<th align=left>Download:</th>
	117	+<th class=tt colspan=3 align=left>
	118	+<a class=tt href="http://mckay.cshl.edu/downloads/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</a>
	121	+<font color="black">
	122	+or for windows users...
	123	+</font>
	124	+<a class=tt href="http://mckay.cshl.edu/downloads/balloons.zip"
	125	+ onmouseover="box.showTooltip(event,'Click to download the whole package. Try this if your unzip program complains that the tar.gz file is corrupted')">
	126	+balloons.zip
	127	+</a>
	128	+
	129	+</th>
	130	+</tr>
	131	+</table>
	132	+</div>
	133	+</div>
	134	+<br>
	135	+
	136	+<!-- These hidden elements contain balloon contents -->
	137	+<div id="lorem1" class="hidden">
	138	+Lorem ipsum dolor sit amet, <b><i>consectetuer adipiscing elit</b></i>. Vestibulum iaculis,
	139	+ligula quis fringilla volutpat, metus mi molestie lorem, <span style="color:red">quis accumsan pede
	140	+turpis nec metus.</span> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.'
	141	+</div>
	142	+
	143	+<div id="lorem2" class="hidden">
	144	+<a href="http://www.lipsum.com" target="_new" style="color:blue">What is <i>Lorem ipsum...</i>?</a>
	145	+Lorem ipsum dolor sit amet, <b><i>consectetuer adipiscing elit</b></i>. Vestibulum iaculis
	146	+, ligula quis fringilla volutpat, metus mi molestie lorem, quis accumsan pede
	147	+turpis nec metus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
	148	+</div>
	149	+
	150	+<p>
	151	+This is an example of a simple balloon <span class=tt onmouseover="balloon.showTooltip(event,'I am a simple message...')">message</span>
	152	+
	153	+<pre>
	154	+ <span onmouseover="<b class=y>balloon</b>.showTooltip(event,'I am a simple message...')">message</span>
	155	+</pre>
	156	+
	157	+This is an example of the same message with a different balloon <span class=tt
	158	+onmouseover="tooltip.showTooltip(event,'I am a simple message...')">style</span>
	159	+
	160	+<pre>
	161	+ onmouseover="<b class=y>tooltip</b>.showTooltip(event,'I am a simple message...')">message</span>
	162	+</pre>
	163	+
	164	+This is an example of the same message with a box <span class=tt
	165	+onmouseover="box.showTooltip(event,'I am a simple message...')">style</span>
	166	+
	167	+<pre>
	168	+ onmouseover="<b class=y>box</b>.showTooltip(event,'I am a simple message...')">message</span>
	169	+</pre>
	170	+
	171	+</p>
	172	+
	173	+<p>
	174	+Roll over <span class=tt onmouseover="balloon.showTooltip(event,'load:lorem1')">
	175	+this text</span> for an example of HTML-formatted text loaded from a hidden <div> element.
	176	+<pre>
	177	+ onmouseover="balloon.showTooltip(event,<b class=y>'load:lorem1'</b>)"
	178	+ ...
	179	+ <div id="lorem1" style="display:none">
	180	+ Lorem ipsum dolor sit amet, <b><i>consectetuer adipiscing elit</b></i>. Vestibulum iaculis,
	181	+ ligula quis fringilla volutpat, metus mi molestie lorem, <span style=&#34color:red">quis accumsan pede
	182	+ turpis nec metus.</span> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.'
	183	+ </div>
	184	+
	185	+</pre>
	186	+
	187	+<span id=sticky>
	188	+Adding a third argument makes the tooltip <span class=tt
	189	+onmouseover="balloon.showTooltip(event,'load:lorem2',1)">sticky</span>.</span>
	190	+<pre>
	191	+ onmouseover="balloon.showTooltip(event,'load:lorem2',<b class=y>1</b>)"
	192	+</pre>
	193	+
	194	+A fourth argument will set the width (Example:<span class=tt
	195	+onmouseover="balloon.showTooltip(event,'load:lorem2',1,300)">
	196	+300px sticky balloon</span>)
	197	+     Try a <span class=tt
	198	+onmouseover="tooltip.showTooltip(event,'load:lorem2',1,300)">plain version</span>
	199	+
	200	+<pre>
	201	+ onmouseover="balloon.showTooltip(event,'load:lorem2',1,<b class=y>300</b>)"
	202	+</pre>
	203	+
	204	+Now let's try that with a <span class=tt
	205	+onmouseover="box.showTooltip(event,'load:lorem2',1,300)">
	206	+sticky box</span>.
	207	+
	208	+<pre>
	209	+ onmouseover="box.showTooltip(event,'load:lorem2',1,<b class=y>300</b>)"
	210	+</pre>
	211	+
	212	+The height can also be specified with a fifth argument (Example:<span class=tt
	213	+onmouseover="balloon.showTooltip(event,'load:lorem2',1,250,250)">
	214	+250px x 250px sticky balloon</span>)
	215	+
	216	+<pre>
	217	+ onmouseover="balloon.showTooltip(event,'load:lorem2',1,<b class=y>250</b>,<b class=y>250</b>)"
	218	+</pre>
	219	+
	220	+
	221	+If the balloon contents are too large for the specified dimensions, you will <span class=tt
	222	+onmouseover="balloon.showTooltip(event,'load:lorem2',1,150,150)">scrollbars for sticky balloons</span>
	223	+and <span class=tt onmouseover="balloon.showTooltip(event,'load:lorem2',0,150,150)">clipping for non-sticky balloons</span>.
	224	+
	225	+<pre>
	226	+ onmouseover="balloon.showTooltip(event,'load:lorem2',1,<b class=y>150</b>,<b class=y>150</b>)"
	227	+</pre>
	228	+
	229	+</p>
	230	+
	231	+<p>
	232	+Here is an example of a tooltip balloon that is populated by an
	233	+<span class=tt
	234	+onmouseover="balloon.showTooltip(event,'<img height=150 src=\'images/balloons.png\' />')">
	235	+image</span>.
	236	+<pre>
	237	+ onmouseover="balloon.showTooltip(event,'<img height=150 src=\'images/balloons.png\' />')"
	238	+</pre>
	239	+</p>
	240	+
	241	+<img src="images/balloons.png" onmouseover="balloon.showTooltip(event,'my message')" />
	242	+
	243	+<p>
	244	+This creates a sticky balloon whose contents are from an external website.
	245	+<span class=tt
	246	+onmouseover="balloon.showTooltip(event,'<iframe style=\'width:300;height:290\' frameborder=0 src=\'http://m.nypost.com\'></iframe>',1)">
	247	+What's new at the NY Post?</span><br>
	248	+
	249	+<b>Note: </b> This requires an embedded iframe because it is an external website.
	250	+<pre>
	251	+<span onmouseover="balloon.showTooltip(event,'<iframe style=\'width:300;height:290\' frameborder=0 src=\'http://m.nypost.com\'></iframe>',1)">
	252	+What's new at the NY Post?</span>
	253	+</pre>
	254	+<br>
	255	+Ajax methods are <a href="http://gmod.org/wiki/Popup_Balloons#Using_AJAX_to_get_balloon_contents">also available</a>.
	256	+</p>
	257	+</body>
	258	+</html>
@@ -0,0 +1,100 @@		@@ -0,0 +1,100 @@
	1	+/*
	2	+
	3	+This file contains the default configuration options for balloon tooltips.
	4	+Default options can be edited in this file or changed after the Balloon object is
	5	+initiliazed as follows:
	6	+
	7	+ var balloon = new Balloon;
	8	+ balloon.fontColor = 'black';
	9	+ balloon.fontFamily = 'Arial, sans-serif';
	10	+ balloon.fontSize = '12pt';
	11	+ etc...
	12	+
	13	+*/
	14	+
	15	+// This function adds the default configuration and also custom
	16	+// configuration sets, specified in 'case' stanzas
	17	+BalloonConfig = function(balloon, set) {
	18	+ set = set \|\| '';
	19	+
	20	+ ////////////////////////////////////////////////////////////////
	21	+ // The default "base" config applied to all balloon objects. //
	22	+ // See http://gmod.org/wiki/Popup_Balloons#Customization for //
	23	+ // details about config options //
	24	+ // //
	25	+ // values can be overriden in custom config cases (see below) //
	26	+ ////////////////////////////////////////////////////////////////
	27	+ if (!balloon.configured \|\| set == 'GBubble' \|\| set == 'GBox') { //
	28	+ balloon.fontColor = 'black'; //
	29	+ balloon.fontFamily = 'Arial, sans-serif'; //
	30	+ balloon.fontSize = '12pt'; //
	31	+ balloon.minWidth = 100; //
	32	+ balloon.maxWidth = 400; //
	33	+ balloon.delayTime = 750; //
	34	+ balloon.vOffset = 10; //
	35	+ balloon.hOffset = 10; //
	36	+ balloon.stem = true; //
	37	+ balloon.images = i3GEO.configura.locaplic+'/pacotes/balloon-tooltips/htdocs/images/GBubble'; //
	38	+ balloon.ieImage = 'balloon_ie.png'; //
	39	+ balloon.balloonImage = 'balloon.png'; //
	40	+ balloon.upLeftStem = 'up_left.png'; //
	41	+ balloon.downLeftStem = 'down_left.png'; //
	42	+ balloon.upRightStem = 'up_right.png'; //
	43	+ balloon.downRightStem = 'down_right.png'; //
	44	+ balloon.closeButton = 'close.png'; //
	45	+ balloon.closeButtonWidth = 16; //
	46	+ balloon.allowAJAX = false; //
	47	+ balloon.allowIframes = false; //
	48	+ balloon.trackCursor = true; //
	49	+ balloon.shadow = 20; //
	50	+ balloon.padding = 10; //
	51	+ balloon.stemHeight = 32; //
	52	+ balloon.stemOverlap = 3; //
	53	+ balloon.vOffset = 1; //
	54	+ balloon.hOffset = 1; //
	55	+ balloon.opacity = 0.9; //
	56	+ balloon.configured = set \|\| true; //
	57	+ } //
	58	+ ////////////////////////////////////////////////////////////////
	59	+
	60	+
	61	+ ////////////////////////////////////////////////////////////////
	62	+ // Custom configuration options -- Add a case below for your //
	63	+ // config set (default sets: GBox, GPlain, and GFade) //
	64	+ ////////////////////////////////////////////////////////////////
	65	+ switch(set) {
	66	+
	67	+ // A formatted box (no background image)
	68	+ case('GBoxxxx') :
	69	+ balloon.bgColor = 'whitesmoke';
	70	+ balloon.borderStyle = '2px solid gray';
	71	+ //balloon.images = i3GEO.configura.locaplic+'/pacotes/balloon-tooltips/htdocs/images/GPlain';
	72	+ balloon.padding = 5;
	73	+ balloon.shadow = 0;
	74	+ balloon.stem = true; //original é false edmar
	75	+ balloon.opacity = 0.8;
	76	+ balloon.hOffset = 1;
	77	+ balloon.vOffset = 1;
	78	+ balloon.allowFade = false;
	79	+ break;
	80	+
	81	+ // A simpler balloon
	82	+ case('GPlain') :
	83	+ balloon.padding = 5;
	84	+ balloon.images = i3GEO.configura.locaplic+'/pacotes/balloon-tooltips/htdocs/images/GPlain';
	85	+ balloon.ieImage = null;
	86	+ balloon.shadow = 0;
	87	+ balloon.stemHeight = 15;
	88	+ balloon.stemOverlap = 1;
	89	+ balloon.opacity = 0.85;
	90	+ break;
	91	+
	92	+ // The default cartoon bubble with a fade-in effect
	93	+ case('GFade') :
	94	+ balloon.allowFade = true;
	95	+ balloon.fadeIn = 1000;
	96	+ balloon.faedOut = 200;
	97	+ break;
	98	+ }
	99	+}
	100	+
@@ -0,0 +1,217 @@		@@ -0,0 +1,217 @@
	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	+ // Track the cursor every time the mouse moves
	12	+ document.onmousemove = this.setActiveCoordinates;
	13	+
	14	+ // scrolling aborts unsticky box
	15	+ document.onscroll = Balloon.prototype.hideTooltip;
	16	+
	17	+ // go away if the page is unloading or waiting
	18	+ // to unload.
	19	+ window.onbeforeunload = function(){
	20	+ Balloon.prototype.nukeTooltip;
	21	+ balloonIsSuppressed = true;
	22	+ };
	23	+
	24	+ // for IE, the box can't start until the page is finished loading
	25	+ // set a flag that will get toggled when loading is finished
	26	+ if (this.isIE()) {
	27	+ this.suppress = true;
	28	+ }
	29	+
	30	+ return this;
	31	+}
	32	+
	33	+// Inherit from Balloon class
	34	+Box.prototype = new Balloon();
	35	+
	36	+
	37	+// Make the box element -- this overrides the parent method
	38	+Box.prototype.makeBalloon = function() {
	39	+ var self = currentBalloonClass;
	40	+
	41	+ // use ID 'visibleBalloonElement' for consistency with parent class
	42	+ var box = document.getElementById('visibleBalloonElement');
	43	+ if (box) self.parent.removeChild(box);
	44	+ box = document.createElement('div');
	45	+ box.setAttribute('id','visibleBalloonElement');
	46	+ self.parent.appendChild(box);
	47	+ self.activeBalloon = box;
	48	+
	49	+ var contents = document.createElement('div');
	50	+ contents.setAttribute('id','contents');
	51	+ box.appendChild(contents);
	52	+ self.contents = contents;
	53	+ self.parts = new Array(box);
	54	+
	55	+ self.setStyle(contents,'z-index',2);
	56	+ self.setStyle(contents,'color',self.fontColor);
	57	+ self.setStyle(contents,'font-family',self.fontFamily);
	58	+ self.setStyle(contents,'font-size',self.fontSize);
	59	+
	60	+ if (balloonIsSticky) {
	61	+ self.setStyle(contents,'margin-right',10);
	62	+ }
	63	+ else if (self.displayTime) {
	64	+ self.timeoutAutoClose = window.setTimeout(this.hideTooltip,self.displayTime);
	65	+ }
	66	+
	67	+ return box;
	68	+}
	69	+
	70	+// Set the box style -- overrides the parent method
	71	+Box.prototype.setBalloonStyle = function(vOrient,hOrient) {
	72	+ var self = currentBalloonClass;
	73	+ var box = self.activeBalloon;
	74	+
	75	+ self.shadow = 0;
	76	+ self.stem = false;
	77	+ self.stemHeight = 0;
	78	+
	79	+ self.setStyle(box,'background',self.bgColor);
	80	+ self.setStyle(box,'border',self.borderStyle);
	81	+ self.setStyle(box,'position','absolute');
	82	+ self.setStyle(box,'padding',self.padding);
	83	+ self.setStyle(box,'top',-9999);
	84	+ self.setStyle(box,'z-index',1000000);
	85	+
	86	+ // If width and/or height are specified, harden the
	87	+ // box at those dimensions, but not if the space needed
	88	+ // is less tha the space that would be used.
	89	+ if (self.width) {
	90	+ var widthUsed = self.getLoc('contents','width') + 20;
	91	+ var newWidth = widthUsed > self.width ? self.width : widthUsed;
	92	+ self.setStyle('contents','width',newWidth);
	93	+ }
	94	+ if (self.height) {
	95	+ var heightUsed = self.getLoc('contents','height') + 20;
	96	+ var newHeight = heightUsed > self.height ? self.height : heightUsed;
	97	+ self.setStyle('contents','height',newHeight+(2*self.padding));
	98	+ }
	99	+
	100	+ // flip left or right, as required
	101	+ if (hOrient == 'left') {
	102	+ var pageWidth = self.pageRight - self.pageLeft;
	103	+ var activeRight = pageWidth - self.activeLeft;
	104	+ self.setStyle(box,'right',activeRight);
	105	+ }
	106	+ else {
	107	+ self.setStyle(box,'left',self.activeRight - self.xOffset);
	108	+ }
	109	+
	110	+ if (!self.width) {
	111	+ var width = self.getLoc('contents','width');
	112	+ if (self.isIE()) width += self.padding;
	113	+ if (width > self.maxWidth) width = self.maxWidth + self.padding;
	114	+ if (width < self.minWidth) width = self.minWidth;
	115	+ self.setStyle(box,'width',width);
	116	+ }
	117	+
	118	+ var overflow = balloonIsSticky ? 'auto' : 'hidden';
	119	+ self.setStyle('contents','overflow',overflow);
	120	+
	121	+ // Make sure the box is not offscreen horizontally.
	122	+ // We handle vertical sanity checking later, after the final
	123	+ // layout is set.
	124	+ var boxLeft = self.getLoc(box,'x1');
	125	+ var boxRight = self.getLoc(box,'x2');
	126	+ var scrollBar = 20;
	127	+
	128	+ if (hOrient == 'right' && boxRight > (self.pageRight - self.padding)) {
	129	+ self.setStyle('contents','width',(self.pageRight - boxLeft) - self.padding - scrollBar);
	130	+ }
	131	+ else if (hOrient == 'left' && boxLeft < (self.pageLeft + self.padding)) {
	132	+ self.setStyle('contents','width',(boxRight - self.pageLeft) - self.padding);
	133	+ }
	134	+
	135	+ // Get the width/height for the right and bottom outlines
	136	+ var boxWidth = self.getLoc(box,'width');
	137	+ var boxHeight = self.getLoc(box,'height');
	138	+
	139	+ if (self.allowFade) {
	140	+ self.setOpacity(0.01);
	141	+ }
	142	+ else {
	143	+ self.setOpacity(self.opacity);
	144	+ }
	145	+
	146	+ if (!(self.activeTop && self.activeBottom)) {
	147	+ self.setActiveCoordinates();
	148	+ }
	149	+
	150	+ if (vOrient == 'up') {
	151	+ var activeTop = self.activeTop - boxHeight;
	152	+ self.setStyle(box,'top',activeTop);
	153	+ }
	154	+ else if (vOrient == 'down') {
	155	+ var activeTop = self.activeBottom;
	156	+ self.setStyle(box,'top',activeTop);
	157	+ }
	158	+ self.setStyle(box,'display','inline');
	159	+
	160	+ // Make sure the box is vertically contained in the window
	161	+ var boxTop = self.getLoc(box,'y1');
	162	+ var boxBottom = self.getLoc(box,'y2');
	163	+ var deltaTop = boxTop < self.pageTop ? self.pageTop - boxTop : 0;
	164	+ var deltaBottom = boxBottom > self.pageBottom ? boxBottom - self.pageBottom : 0;
	165	+
	166	+ if (vOrient == 'up' && deltaTop) {
	167	+ var newHeight = boxHeight - deltaTop;
	168	+ if (newHeight > (self.padding*2)) {
	169	+ self.setStyle('contents','height',newHeight);
	170	+ self.setStyle(box,'top',self.pageTop+self.padding);
	171	+ self.setStyle(box,'height',newHeight);
	172	+ }
	173	+ }
	174	+
	175	+ if (vOrient == 'down' && deltaBottom) {
	176	+ var newHeight = boxHeight - deltaBottom - scrollBar;
	177	+ if (newHeight > (self.padding*2) + scrollBar) {
	178	+ self.setStyle('contents','height',newHeight);
	179	+ self.setStyle(box,'height',newHeight);
	180	+ }
	181	+ }
	182	+
	183	+ self.hOrient = hOrient;
	184	+ self.vOrient = vOrient;
	185	+}
	186	+
	187	+
	188	+Box.prototype.addCloseButton = function () {
	189	+ var self = currentBalloonClass;
	190	+ var margin = Math.round(self.padding/2);
	191	+ var closeWidth = self.closeButtonWidth \|\| 16;
	192	+ var balloonTop = self.getLoc('visibleBalloonElement','y1') + margin;
	193	+ var balloonRight = self.getLoc('visibleBalloonElement','x2') - margin - self.closeButtonWidth;
	194	+ var closeButton = document.getElementById('closeButton');
	195	+
	196	+
	197	+ if (!closeButton) {
	198	+ closeButton = new Image;
	199	+ closeButton.setAttribute('id','closeButton');
	200	+ closeButton.setAttribute('src',self.closeButton);
	201	+ closeButton.onclick = function() {
	202	+ Balloon.prototype.nukeTooltip();
	203	+ };
	204	+ self.setStyle(closeButton,'position','absolute');
	205	+ document.body.appendChild(closeButton);
	206	+ }
	207	+
	208	+ if (self.isIE()) {
	209	+ balloonRight -= self.padding;
	210	+ }
	211	+
	212	+ self.setStyle(closeButton,'top',balloonTop);
	213	+ self.setStyle(closeButton,'left',balloonRight);
	214	+ self.setStyle(closeButton,'display','inline');
	215	+ self.setStyle(closeButton,'cursor','pointer');
	216	+ self.setStyle(closeButton,'z-index',999999999);
	217	+}