RubyGems - old_sql - Versions diffs - 1.16.0 → 1.17.0 - Mend

old_sql 1.16.0 → 1.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (273) hide show

data/public/javascripts/old_sql/MochiKit-1.4.2/doc/html/MochiKit/VersionHistory.html DELETED Viewed

@@ -1,384 +0,0 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<meta name="generator" content="Docutils 0.4: http://docutils.sourceforge.net/" />
-<title></title>
-<link rel="stylesheet" href="../../../include/css/documentation.css" type="text/css" />
-<script type="text/javascript" src="../../../packed/lib/MochiKit/MochiKit.js"></script>
-<script type="text/javascript" src="../../js/toc.js"></script>
-</head>
-<body>
-<a href="http://mochikit.com"><img id="mainlink" src="../../../include/_img/g_logo_doc.gif" alt="MochiKit" /></a>
-<a class='indexlink' href='index.html'>Back to docs index</a>
-<div class="document">
-<p>2008-11-27      v1.4.2 (bug fix release)</p>
-<ul class="simple">
-<li>Changed default packed version to contain all modules (since easy
-customization is now available).</li>
-<li>More fixes in MochiKit.Style.getElementDimensions for IE and hidden
-elements (#325).</li>
-<li>Fixed issue in MochiKit.Style.getViewportDimensions when called within the
-document HEAD.</li>
-<li>Fixed MochiKit.DOM.coerceToDOM() handling of arrays when MochiKit.Iter
-is not loaded (#328).</li>
-</ul>
-<p>2008-11-02      v1.4.1 (bug fix release)</p>
-<ul class="simple">
-<li>Added export of deprecated MochiKit.DOM.computedStyle function (#324).</li>
-<li>Fixed issue in MochiKit.Style.getElementDimensions when elements are
-hidden due to CSS class definitions (#325).</li>
-<li>Moved makePositioned, undoPositioned, makeClipping and undoClipping
-from MochiKit.DOM to MochiKit.Style due to circular dependency (#327).</li>
-<li>Fixed makeClipping and undoClipping to handle overflow-x and overflow-y
-styles correctly (#326).</li>
-<li>Fixed issue with Event.relatedTarget() sometimes returning XUL elements
-in Mozilla-based browsers (#322).</li>
-</ul>
-<p>2008-10-21      v1.4</p>
-<ul class="simple">
-<li>Added pt_BR to MochiKit.Format.LOCALE.</li>
-<li>MochiKit.Async now sets the &quot;X-Requested-With: XMLHttpRequest&quot; header,
-a de facto standard (Prototype, jQuery, Mootools).</li>
-<li>MochiKit.Signal custom handlers no longer cause callbacks to get re-bound to
-the source if they were previously bound.</li>
-<li>Fixed MochiKit.Signal.signal re-entrancy bug that could cause recently
-disconnected slots to get signaled.</li>
-<li>MochiKit.Base.evalJSON will now evaluate JSON that is wrapped in a
-<tt class="docutils literal"><span class="pre">/*</span> <span class="pre">comment</span> <span class="pre">block</span> <span class="pre">*/</span></tt>.</li>
-<li>MochiKit.Color's HSV to RGB conversion code fixed to return the correct
-value (hsv.v for RGB values) in cases where saturation === 0.</li>
-<li>doXHR workaround for a Mozilla bug when calling XMLHttpRequest in certain
-situations. Always wraps call in a callLater(0, doXHR, url, opts).</li>
-<li>parseQueryString will now parse values with embedded &quot;=&quot;</li>
-<li>Workaround for a Safari DOM crash when using MochiKit.Iter.list.
-<a class="reference" href="http://bugs.webkit.org/show_bug.cgi?id=12191">http://bugs.webkit.org/show_bug.cgi?id=12191</a></li>
-<li>New removeNodeAttribute function in MochiKit.DOM.</li>
-<li>MochiKit.Async.doXHR and dependent functions now accept 201 CREATED and
-204 NO CONTENT as valid.</li>
-<li>MochiKit.DOM.formContents now treats option tags the same way that
-form posts do in the case of missing and empty string value attributes,
-even in IE.</li>
-<li>MochiKit.Base.queryString now accepts third queryString([names, values])
-form.</li>
-<li>MochiKit.DOM.formContents now defaults to document.body if no element is
-given.</li>
-<li>New MochiKit.Selector module (still somewhat experimental)</li>
-<li>MochiKit.LoggingPane fixes for Internet Explorer</li>
-<li>MochiKit.DOM now creates XHTML nodes in XUL documents.</li>
-<li>MochiKit.LoggingPane now works on pages with '#' in the URL on IE</li>
-<li>New MochiKit.Async.doXHR as a convenient method for doing custom
-XMLHttpRequests (e.g. extra headers, overrideMimeType, etc.)</li>
-<li>New __connect__ protocol for MochiKit.Signal.connect source notifications</li>
-<li>Added colSpan, bgColor to the list of DOM renames for Internet Explorer</li>
-<li>New MochiKit.Signal.disconnectAllTo function</li>
-<li>MochiKit.Base.parseQueryString now accepts leading question mark</li>
-<li>New MochiKit.Base.values function</li>
-<li>Fixed MochiKit.Signal.disconnect when called from a signal handler invoked
-by MochiKit.Signal.signal</li>
-<li>parseQueryString now splits on HTML entities equivalent to ampersand as well</li>
-<li>Better XHTML compatibility (removed obvious cases where uppercase tagName or
-nodeName was assumed)</li>
-<li>MochiKit.Base.queryString now handles array values in the same way HTML
-forms handle multiple elements of the same name.</li>
-<li>MochiKit.Base.parseQueryString now returns {} for empty query string instead
-of {&quot;&quot;: &quot;undefined&quot;}</li>
-<li>MochiKit.DOM.formContents now handles option value=&quot;&quot; correctly.</li>
-<li>MochiKit.DOM now checks for undefined className.</li>
-<li>MochiKit.Iter.groupby() now uses compare() to group rather than == and !=</li>
-<li>serializeJSON no longer serializes undefined, as per the JSON spec</li>
-<li>Fixed an infinite recursion bug in serializeJSON if an adapter
-returns the object itself.</li>
-<li>Fixed vertical tab and control char encoding in serializeJSON (#313).</li>
-<li>New MochiKit.Base.operator.seq and sne to support strict comparison</li>
-<li>MochiKit.Base.isArrayLike no longer returns true for DOM text nodes</li>
-<li>Added readonly-readOnly to the list of DOM renames for Internet Explorer</li>
-<li>New MochiKit.Signal event method: confirmUnload (sets returnValue for
-onbeforeunload)</li>
-<li>Fix interpreter help() function for Firefox and IE</li>
-<li>API version compatibility notes added</li>
-<li>New MochiKit.Base functions methodcaller and compose</li>
-<li>Support IE-based native console logging (Debugger, Atlas)</li>
-<li>Refactored style functions from MochiKit.DOM to MochiKit.Style</li>
-<li>MochiKit.Async.DeferredList is now a proper Deferred</li>
-<li>MochiKit.DOM.formContents now supports SELECT multiple tags</li>
-<li>Re-use StopIteration Error if the browser already has it</li>
-<li>Workaround IE type=&quot;&quot; bug for INPUT elements</li>
-<li>Allow LoggingPane to work in IE with hyphen-containing URLs</li>
-<li>Replace percents for Safari native logging to avoid crashing</li>
-<li>New MochiKit.DOM.coerceToDOM .dom(node) / .__dom__(node) protocol</li>
-<li>MochiKit.DOM's MochiKit.Iter dependency is now optional</li>
-<li>Added expand all link to the documentation index</li>
-<li>Added MochiKit.DOM.isChildNode function.</li>
-<li>Added synthesizing for onmouseenter/onmouseleave</li>
-<li>Added animation functions and classes to MochiKit.Visual.</li>
-<li>Added MochiKit.Style.getElementDimensions support for calculating the
-actual content size (without padding and borders).</li>
-<li>Added MochiKit.DOM.insertSiblingNodesBefore, getFirstElementByTagAndClassName,
-getFirstParentByTagAndClassName, makeClipping, makePositioned,
-undoClipping, undoPositioned and removeEmptyTextNodes functions.</li>
-<li>Added MochiKit.Base.bindLate, camelize, flattenArray, mean, median and
-noop functions.</li>
-<li>New MochiKit.DragAndDrop module for drag and drop handling.</li>
-<li>New MochiKit.Sortable module for lists sortable with drag and drop.</li>
-<li>Changed MochiKit.Signal.connect to use late function binding also
-for non-DOM signals (#307).</li>
-<li>Fixed MochiKit.Color.isColor when symbols not exported (#296).</li>
-<li>Added support for inclusion in SVG files (#290).</li>
-<li>Fixed rounding errors in MochiKit.Format.twoDigitFloat (#275).</li>
-<li>Fixed MochiKit.Logging to convert log levels to strings (#273).</li>
-<li>Fixed MochiKit.Iter.forEach and iextend for array-like objects with
-and iter function (#268).</li>
-</ul>
-<p>2006-04-29      v1.3.1 (bug fix release)</p>
-<ul class="simple">
-<li>Fix sendXMLHttpRequest sendContent regression</li>
-<li>Internet Explorer fix in MochiKit.Logging (printfire exception)</li>
-<li>Internet Explorer XMLHttpRequest object leak fixed in MochiKit.Async</li>
-</ul>
-<p>2006-04-26      v1.3 &quot;warp zone&quot;</p>
-<ul class="simple">
-<li>IMPORTANT: Renamed MochiKit.Base.forward to forwardCall (for export)</li>
-<li>IMPORTANT: Renamed MochiKit.Base.find to findValue (for export)</li>
-<li>New MochiKit.Base.method as a convenience form of bind that takes the
-object before the method</li>
-<li>New MochiKit.Base.flattenArguments for flattening a list of arguments to
-a single Array</li>
-<li>Refactored MochiRegExp example to use MochiKit.Signal</li>
-<li>New key_events example demonstrating use of MochiKit.Signal's key handling
-capabilities.</li>
-<li>MochiKit.DOM.createDOM API change for convenience: if attrs is a string,
-null is used and the string will be considered the first node. This
-allows for the more natural P(&quot;foo&quot;) rather than P(null, &quot;foo&quot;).</li>
-<li>MochiKit Interpreter example refactored to use MochiKit.Signal and now
-provides multi-line input and a help() function to get MochiKit function
-signature from the documentation.</li>
-<li>Native Console Logging for the default MochiKit.Logging logger</li>
-<li>New MochiKit.Async.DeferredList, gatherResults, maybeDeferred</li>
-<li>New MochiKit.Signal example: draggable</li>
-<li>Added sanity checking to Deferred to ensure that errors happen when chaining
-is used incorrectly</li>
-<li>Opera sendXMLHttpRequest fix (sends empty string instead of null by default)</li>
-<li>Fix a bug in MochiKit.Color that incorrectly generated hex colors for
-component values smaller than 16/255.</li>
-<li>Fix a bug in MochiKit.Logging that prevented logs from being capped at a
-maximum size</li>
-<li>MochiKit.Async.Deferred will now wrap thrown objects that are not instanceof
-Error, so that the errback chain is used instead of the callback chain.</li>
-<li>MochiKit.DOM.appendChildNodes and associated functions now append iterables
-in the correct order.</li>
-<li>New MochiKit-based SimpleTest test runner as a replacement for Test.Simple</li>
-<li>MochiKit.Base.isNull no longer matches undefined</li>
-<li>example doctypes changed to HTML4</li>
-<li>isDateLike no longer throws error on null</li>
-<li>New MochiKit.Signal module, modeled after the slot/signal mechanism in Qt</li>
-<li>updated elementDimensions to calculate width from offsetWidth instead
-of clientWidth</li>
-<li>formContents now works with FORM tags that have a name attribute</li>
-<li>Documentation now uses MochiKit to generate a function index</li>
-</ul>
-<p>2006-01-26      v1.2 &quot;the ocho&quot;</p>
-<ul class="simple">
-<li>Fixed MochiKit.Color.Color.lighterColorWithLevel</li>
-<li>Added new MochiKit.Base.findIdentical function to find the index of an
-element in an Array-like object. Uses === for identity comparison.</li>
-<li>Added new MochiKit.Base.find function to find the index of an element in
-an Array-like object. Uses compare for rich comparison.</li>
-<li>MochiKit.Base.bind will accept a string for func, which will be immediately
-looked up as self[func].</li>
-<li>MochiKit.DOM.formContents no longer skips empty form elements for Zope
-compatibility</li>
-<li>MochiKit.Iter.forEach will now catch StopIteration to break</li>
-<li>New MochiKit.DOM.elementDimensions(element) for determining the width and
-height of an element in the document</li>
-<li>MochiKit.DOM's initialization is now compatible with
-HTMLUnit + JWebUnit + Rhino</li>
-<li>MochiKit.LoggingPane will now re-use a <tt class="docutils literal"><span class="pre">_MochiKit_LoggingPane</span></tt> DIV element
-currently in the document instead of always creating one.</li>
-<li>MochiKit.Base now has operator.mul</li>
-<li>MochiKit.DOM.formContents correctly handles unchecked checkboxes that have
-a custom value attribute</li>
-<li>Added new MochiKit.Color constructors fromComputedStyle and fromText</li>
-<li>MochiKit.DOM.setNodeAttribute should work now</li>
-<li>MochiKit.DOM now has a workaround for an IE bug when setting the style
-property to a string</li>
-<li>MochiKit.DOM.createDOM now has workarounds for IE bugs when setting the
-name and for properties</li>
-<li>MochiKit.DOM.scrapeText now walks the DOM tree in-order</li>
-<li>MochiKit.LoggingPane now sanitizes the window name to work around IE bug</li>
-<li>MochiKit.DOM now translates usemap to useMap to work around IE bug</li>
-<li>MochiKit.Logging is now resistant to Prototype's dumb Object.prototype hacks</li>
-<li>Added new MochiKit.DOM documentation on element visibility</li>
-<li>New MochiKit.DOM.elementPosition(element[, relativeTo={x: 0, y: 0}])
-for determining the position of an element in the document</li>
-<li>Added new MochiKit.DOM createDOMFunc aliases: CANVAS, STRONG</li>
-</ul>
-<p>2005-11-14      v1.1</p>
-<ul class="simple">
-<li>Fixed a bug in numberFormatter with large numbers</li>
-<li>Massively overhauled documentation</li>
-<li>Fast-path for primitives in MochiKit.Base.compare</li>
-<li>New groupby and groupby_as_array in MochiKit.Iter</li>
-<li>Added iterator factory adapter for objects that implement iterateNext()</li>
-<li>Fixed isoTimestamp to handle timestamps with time zone correctly</li>
-<li>Added new MochiKit.DOM createDOMFunc aliases: SELECT, OPTION, OPTGROUP,
-LEGEND, FIELDSET</li>
-<li>New MochiKit.DOM formContents and enhancement to queryString to support it</li>
-<li>Updated view_source example to use dp.SyntaxHighlighter 1.3.0</li>
-<li>MochiKit.LoggingPane now uses named windows based on the URL so that
-a given URL will get the same LoggingPane window after a reload
-(at the same position, etc.)</li>
-<li>MochiKit.DOM now has currentWindow() and currentDocument() context
-variables that are set with withWindow() and withDocument(). These
-context variables affect all MochiKit.DOM functionality (getElement,
-createDOM, etc.)</li>
-<li>MochiKit.Base.items will now catch and ignore exceptions for properties
-that are enumerable but not accessible (e.g. permission denied)</li>
-<li>MochiKit.Async.Deferred's addCallback/addErrback/addBoth
-now accept additional arguments that are used to create a partially
-applied function. This differs from Twisted in that the callback/errback
-result becomes the <em>last</em> argument, not the first when this feature
-is used.</li>
-<li>MochiKit.Async's doSimpleXMLHttpRequest will now accept additional
-arguments which are used to create a GET query string</li>
-<li>Did some refactoring to reduce the footprint of MochiKit by a few
-kilobytes</li>
-<li>escapeHTML to longer escapes ' (apos) and now uses
-String.replace instead of iterating over every char.</li>
-<li>Added DeferredLock to Async</li>
-<li>Renamed getElementsComputedStyle to computedStyle and moved
-it from MochiKit.Visual to MochiKit.DOM</li>
-<li>Moved all color support out of MochiKit.Visual and into MochiKit.Color</li>
-<li>Fixed range() to accept a negative step</li>
-<li>New alias to MochiKit.swapDOM called removeElement</li>
-<li>New MochiKit.DOM.setNodeAttribute(node, attr, value) which sets
-an attribute on a node without raising, roughly equivalent to:
-updateNodeAttributes(node, {attr: value})</li>
-<li>New MochiKit.DOM.getNodeAttribute(node, attr) which gets the value of
-a node's attribute or returns null without raising</li>
-<li>Fixed a potential IE memory leak if using MochiKit.DOM.addToCallStack
-directly (addLoadEvent did not leak, since it clears the handler)</li>
-</ul>
-<p>2005-10-24      v1.0</p>
-<ul class="simple">
-<li>New interpreter example that shows usage of MochiKit.DOM  to make
-an interactive JavaScript interpreter</li>
-<li>New MochiKit.LoggingPane for use with the MochiKit.Logging
-debuggingBookmarklet, with logging_pane example to show its usage</li>
-<li>New mochiregexp example that demonstrates MochiKit.DOM and MochiKit.Async
-in order to provide a live regular expression matching tool</li>
-<li>Added advanced number formatting capabilities to MochiKit.Format:
-numberFormatter(pattern, placeholder=&quot;&quot;, locale=&quot;default&quot;) and
-formatLocale(locale=&quot;default&quot;)</li>
-<li>Added updatetree(self, obj[, ...]) to MochiKit.Base, and changed
-MochiKit.DOM's updateNodeAttributes(node, attrs) to use it when appropiate.</li>
-<li>Added new MochiKit.DOM createDOMFunc aliases: BUTTON, TT, PRE</li>
-<li>Added truncToFixed(aNumber, precision) and roundToFixed(aNumber, precision)
-to MochiKit.Format</li>
-<li>MochiKit.DateTime can now handle full ISO 8601 timestamps, specifically
-isoTimestamp(isoString) will convert them to Date objects, and
-toISOTimestamp(date, true) will return an ISO 8601 timestamp in UTC</li>
-<li>Fixed missing errback for sendXMLHttpRequest when the server does not
-respond</li>
-<li>Fixed infinite recusion bug when using roundClass(&quot;DIV&quot;, ...)</li>
-<li>Fixed a bug in MochiKit.Async wait (and callLater) that prevented them
-from being cancelled properly</li>
-<li>Workaround in MochiKit.Base bind (and partial) for functions that don't
-have an apply method, such as alert</li>
-<li>Reliably return null from the string parsing/manipulation functions if
-the input can't be coerced to a string (s + &quot;&quot;) or the input makes no sense;
-e.g. isoTimestamp(null) and isoTimestamp(&quot;&quot;) return null</li>
-</ul>
-<p>2005-10-08      v0.90</p>
-<ul class="simple">
-<li>Fixed ISO compliance with toISODate</li>
-<li>Added missing operator.sub</li>
-<li>Placated Mozilla's strict warnings a bit</li>
-<li>Added JSON serialization and unserialization support to MochiKit.Base:
-serializeJSON, evalJSON, registerJSON. This is very similar to the repr
-API.</li>
-<li>Fixed a bug in the script loader that failed in some scenarios when a script
-tag did not have a &quot;src&quot; attribute (thanks Ian!)</li>
-<li>Added new MochiKit.DOM createDOMFunc aliases: H1, H2, H3, BR, HR, TEXTAREA,
-P, FORM</li>
-<li>Use encodeURIComponent / decodeURIComponent for MochiKit.Base urlEncode
-and parseQueryString, when available.</li>
-</ul>
-<p>2005-08-12      v0.80</p>
-<ul class="simple">
-<li>Source highlighting in all examples, moved to a view-source example</li>
-<li>Added some experimental syntax highlighting for the Rounded Corners example,
-via the LGPL dp.SyntaxHighlighter 1.2.0 now included in examples/common/lib</li>
-<li>Use an indirect binding for the logger conveniences, so that the global
-logger could be replaced by setting MochiKit.Logger.logger to something else
-(though an observer is probably a better choice).</li>
-<li>Allow MochiKit.DOM.getElementsByTagAndClassName to take a string for parent,
-which will be looked up with getElement</li>
-<li>Fixed bug in MochiKit.Color.fromBackground (was using node.parent instead of
-node.parentNode)</li>
-<li>Consider a 304 (NOT_MODIFIED) response from XMLHttpRequest to be success</li>
-<li>Disabled Mozilla map(...) fast-path due to Deer Park compatibility issues</li>
-<li>Possible workaround for Safari issue with swapDOM, where it would get
-confused because two elements were in the DOM at the same time with the
-same id</li>
-<li>Added missing THEAD convenience function to MochiKit.DOM</li>
-<li>Added lstrip, rstrip, strip to MochiKit.Format</li>
-<li>Added updateNodeAttributes, appendChildNodes, replaceChildNodes to
-MochiKit.DOM</li>
-<li>MochiKit.Iter.iextend now has a fast-path for array-like objects</li>
-<li>Added HSV color space support to MochiKit.Visual</li>
-<li>Fixed a bug in the sortable_tables example, it now converts types
-correctly</li>
-<li>Fixed a bug where MochiKit.DOM referenced MochiKit.Iter.next from global
-scope</li>
-</ul>
-<p>2005-08-04      v0.70</p>
-<ul class="simple">
-<li>New ajax_tables example, which shows off XMLHttpRequest, ajax, json, and
-a little TAL-ish DOM templating attribute language.</li>
-<li>sendXMLHttpRequest and functions that use it (loadJSONDoc, etc.) no longer
-ignore requests with status == 0, which seems to happen for cached or local
-requests</li>
-<li>Added sendXMLHttpRequest to MochiKit.Async.EXPORT, d'oh.</li>
-<li>Changed scrapeText API to return a string by default. This is API-breaking!
-It was dumb to have the default return value be the form you almost never
-want. Sorry.</li>
-<li>Added special form to swapDOM(dest, src). If src is null, dest is removed
-(where previously you'd likely get a DOM exception).</li>
-<li>Added three new functions to MochiKit.Base for dealing with URL query
-strings: urlEncode, queryString, parseQueryString</li>
-<li>MochiKit.DOM.createDOM will now use attr[k] = v for all browsers if the name
-starts with &quot;on&quot; (e.g. &quot;onclick&quot;). If v is a string, it will set it to
-new Function(v).</li>
-<li>Another workaround for Internet &quot;worst browser ever&quot; Explorer's setAttribute
-usage in MochiKit.DOM.createDOM (checked -&gt; defaultChecked).</li>
-<li>Added UL, OL, LI convenience createDOM aliases to MochiKit.DOM</li>
-<li>Packing is now done by Dojo's custom Rhino interpreter, so it's much smaller
-now!</li>
-</ul>
-<p>2005-07-29      v0.60</p>
-<ul class="simple">
-<li>Beefed up the MochiKit.DOM test suite</li>
-<li>Fixed return value for MochiKit.DOM.swapElementClass, could return
-false unexpectedly before</li>
-<li>Added an optional &quot;parent&quot; argument to
-MochiKit.DOM.getElementsByTagAndClassName</li>
-<li>Added a &quot;packed&quot; version in packed/lib/MochiKit/MochiKit.js</li>
-<li>Changed build script to rewrite the URLs in tests to account for the
-JSAN-required reorganization</li>
-<li>MochiKit.Compat to potentially work around IE 5.5 issues
-(5.0 still not supported). Test.Simple doesn't seem to work there,
-though.</li>
-<li>Several minor documentation corrections</li>
-</ul>
-<p>2005-07-27      v0.50</p>
-<ul class="simple">
-<li>Initial Release</li>
-</ul>
-</div>
-</body>
-</html>

data/public/javascripts/old_sql/MochiKit-1.4.2/doc/html/MochiKit/Visual.html DELETED Viewed

@@ -1,1161 +0,0 @@
-<?xml version="1.0" encoding="utf-8" ?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<meta name="generator" content="Docutils 0.4: http://docutils.sourceforge.net/" />
-<title>MochiKit.Visual - visual effects</title>
-<link rel="stylesheet" href="../../../include/css/documentation.css" type="text/css" />
-<script type="text/javascript" src="../../../packed/lib/MochiKit/MochiKit.js"></script>
-<script type="text/javascript" src="../../js/toc.js"></script>
-</head>
-<body>
-<a href="http://mochikit.com"><img id="mainlink" src="../../../include/_img/g_logo_doc.gif" alt="MochiKit" /></a>
-<a class='indexlink' href='index.html'>Back to docs index</a>
-<div class="document">
-<div class="section">
-<h1><a id="name" name="name">Name</a></h1>
-<p>MochiKit.Visual - visual effects</p>
-</div>
-<div class="section">
-<h1><a id="synopsis" name="synopsis">Synopsis</a></h1>
-<pre class="literal-block">
-// round the corners of all h1 elements
-roundClass(&quot;h1&quot;, null);
-// round the top left corner of the element with the id &quot;title&quot;
-roundElement(&quot;title&quot;, {corners: &quot;tl&quot;});
-// Add an fade effect to an element
-fade('myelement');
-</pre>
-</div>
-<div class="section">
-<h1><a id="description" name="description">Description</a></h1>
-<p>MochiKit.Visual provides visual effects and animations for HTML elements.</p>
-</div>
-<div class="section">
-<h1><a id="dependencies" name="dependencies">Dependencies</a></h1>
-<ul class="simple">
-<li><a class="mochiref reference" href="Base.html">MochiKit.Base</a></li>
-<li><a class="mochiref reference" href="Iter.html">MochiKit.Iter</a></li>
-<li><a class="mochiref reference" href="DOM.html">MochiKit.DOM</a></li>
-<li><a class="mochiref reference" href="Color.html">MochiKit.Color</a></li>
-<li><a class="mochiref reference" href="Position.html">MochiKit.Position</a></li>
-</ul>
-</div>
-<div class="section">
-<h1><a id="overview" name="overview">Overview</a></h1>
-<p>MochiKit.Visual provides different visual effects: rounded corners and
-animations for your HTML elements. Rounded corners are created
-completely through CSS manipulations and require no external images or
-style sheets.  This implementation was adapted from <a class="reference" href="http://www.openrico.org">Rico</a>. Dynamic
-effects are ported from <a class="reference" href="http://script.aculo.us">Scriptaculous</a>.</p>
-<div class="section">
-<h2><a id="animations-effects" name="animations-effects">Animations &amp; Effects</a></h2>
-<p>Dynamic or animated effects are managed by a basic looping service (see
-<a class="mochiref reference" href="#fn-base">Base</a>). The effect looping is controlled by timers that are invoked
-at regular and short intervals while the effect is executing. The base looping
-service takes the current system time into consideration, automatically
-skipping effect steps on execution delays.</p>
-<p>The effect classes need only handle dynamic updates based on a floating-point
-number between <tt class="docutils literal"><span class="pre">0.0</span></tt> and <tt class="docutils literal"><span class="pre">1.0</span></tt> (the effect position). This effect position
-may also be manipulated by <a class="mochiref reference" href="#fn-transitions">Transitions</a> to provide non-linear
-updates, which may further enhance the visual effect.</p>
-<p>The effect timer and transitions can be controlled through a set of
-<a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a> that are available for all effect classes.</p>
-</div>
-<div class="section">
-<h2><a id="the-effects-queue" name="the-effects-queue">The Effects Queue</a></h2>
-<p>When you create effects based on user input (mouse clicks for example), it can
-create conflicts between the effects if multiple effects are running at the
-same time. To manage this problem, the Queue mechanism has been introduced:
-it's responsible for running the effects as you desired.</p>
-<p>By default, you have one Queue called <tt class="docutils literal"><span class="pre">'global'</span></tt>, and the effects run in
-<tt class="docutils literal"><span class="pre">'parallel'</span></tt> (see <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>). Every effect has a <tt class="docutils literal"><span class="pre">queue</span></tt>
-option to customize this. Its value can be a string, thereby using the
-<tt class="docutils literal"><span class="pre">global</span></tt> scope:</p>
-<ul class="simple">
-<li><cite>front</cite>: the effect will be run before any other non-started effect;</li>
-<li><cite>end</cite>: the effect will be run when all other effects have finished;</li>
-<li><cite>break</cite>: every other effect is immediately finalized when the the effect start;</li>
-<li><cite>parallel</cite>: the effect runs in parallel with other effects.</li>
-</ul>
-<p>But you have even more control if you use an object with the following
-property keys:</p>
-<ul class="simple">
-<li><cite>position</cite> takes one of the values listed above;</li>
-<li><cite>scope</cite> contains the queue name. If it's <tt class="docutils literal"><span class="pre">&quot;global&quot;</span></tt> the effect will use the
-default queue, otherwise you can define your own queue name. For example, if
-you add an effect on a specified element, you may use the element id as scope;</li>
-<li><cite>limit</cite> defines how many effects can be stored in the queue at a single time.
-If an effect is added when the limit has been reached, it will never be run
-(it's lost).</li>
-</ul>
-</div>
-</div>
-<div class="section">
-<h1><a id="api-reference" name="api-reference">API Reference</a></h1>
-<div class="section">
-<h2><a id="functions" name="functions">Functions</a></h2>
-<p>
-<a name="fn-roundclass"></a>
-<a class="mochidef reference" href="#fn-roundclass">roundClass(tagName[, className[, options]])</a>:</p>
-<blockquote>
-<p>Rounds all of the elements that match the <tt class="docutils literal"><span class="pre">tagName</span></tt> and
-<tt class="docutils literal"><span class="pre">className</span></tt> specifiers, using the options provided.  <tt class="docutils literal"><span class="pre">tagName</span></tt>
-or <tt class="docutils literal"><span class="pre">className</span></tt> can be <tt class="docutils literal"><span class="pre">null</span></tt> to match all tags or classes.
-Regarding the <tt class="docutils literal"><span class="pre">options</span></tt>, see the <a class="mochiref reference" href="#fn-roundelement">roundElement</a> function.</p>
-<dl class="docutils">
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.3.1+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-roundelement"></a>
-<a class="mochidef reference" href="#fn-roundelement">roundElement(element[, options])</a>:</p>
-<blockquote>
-<p>Immediately round the corners of the specified <tt class="docutils literal"><span class="pre">element</span></tt>.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd><p class="first">The <tt class="docutils literal"><span class="pre">options</span></tt> mapping has the following defaults:</p>
-<table border="1" class="last docutils">
-<colgroup>
-<col width="35%" />
-<col width="65%" />
-</colgroup>
-<tbody valign="top">
-<tr><td>corners</td>
-<td><tt class="docutils literal"><span class="pre">&quot;all&quot;</span></tt></td>
-</tr>
-<tr><td>color</td>
-<td><tt class="docutils literal"><span class="pre">&quot;fromElement&quot;</span></tt></td>
-</tr>
-<tr><td>bgColor</td>
-<td><tt class="docutils literal"><span class="pre">&quot;fromParent&quot;</span></tt></td>
-</tr>
-<tr><td>blend</td>
-<td><tt class="docutils literal"><span class="pre">true</span></tt></td>
-</tr>
-<tr><td>border</td>
-<td><tt class="docutils literal"><span class="pre">false</span></tt></td>
-</tr>
-<tr><td>compact</td>
-<td><tt class="docutils literal"><span class="pre">false</span></tt></td>
-</tr>
-</tbody>
-</table>
-</dd>
-</dl>
-<p>The <tt class="docutils literal"><span class="pre">options</span></tt> parameters can have following values:</p>
-<dl class="docutils">
-<dt>corners:</dt>
-<dd><p class="first">Specifies which corners of the element should be rounded.
-Choices are:</p>
-<ul class="simple">
-<li>all</li>
-<li>top</li>
-<li>bottom</li>
-<li>tl (top left)</li>
-<li>bl (bottom left)</li>
-<li>tr (top right)</li>
-<li>br (bottom right)</li>
-</ul>
-<dl class="last docutils">
-<dt>Example:</dt>
-<dd><tt class="docutils literal"><span class="pre">&quot;tl</span> <span class="pre">br&quot;</span></tt>: top-left and bottom-right corners are rounded</dd>
-</dl>
-</dd>
-<dt>blend:</dt>
-<dd>Specifies whether the color and background color should be
-blended together to produce the border color.</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.3.1+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-toggle"></a>
-<a class="mochidef reference" href="#fn-toggle">toggle(element[, effect[, options]])</a>:</p>
-<blockquote>
-<p>Toggle an <tt class="docutils literal"><span class="pre">element</span></tt> between visible and invisible state using an
-effect.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>effect:</dt>
-<dd><p class="first">One of the visual pairs to use:</p>
-<table border="1" class="last docutils">
-<colgroup>
-<col width="21%" />
-<col width="79%" />
-</colgroup>
-<tbody valign="top">
-<tr><td><tt class="docutils literal"><span class="pre">&quot;appear&quot;</span></tt></td>
-<td><a class="mochiref reference" href="#fn-appear">appear</a> and <a class="mochiref reference" href="#fn-fade">fade</a></td>
-</tr>
-<tr><td><tt class="docutils literal"><span class="pre">&quot;blind&quot;</span></tt></td>
-<td><a class="mochiref reference" href="#fn-blindup">blindUp</a> and <a class="mochiref reference" href="#fn-blinddown">blindDown</a></td>
-</tr>
-<tr><td><tt class="docutils literal"><span class="pre">&quot;size&quot;</span></tt></td>
-<td><a class="mochiref reference" href="#fn-grow">grow</a> and <a class="mochiref reference" href="#fn-shrink">shrink</a></td>
-</tr>
-<tr><td><tt class="docutils literal"><span class="pre">&quot;slide&quot;</span></tt></td>
-<td><a class="mochiref reference" href="#fn-slideup">slideUp</a> and <a class="mochiref reference" href="#fn-slidedown">slideDown</a></td>
-</tr>
-</tbody>
-</table>
-</dd>
-<dt>options:</dt>
-<dd>The optional effect options (see the respective effect
-functions for details).</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-tagifytext"></a>
-<a class="mochidef reference" href="#fn-tagifytext">tagifyText(element[, tagifyStyle])</a>:</p>
-<blockquote>
-<p>Transform the node text into <tt class="docutils literal"><span class="pre">SPAN</span></tt> nodes each containing a single
-letter. Only text nodes that are immediate children will be modified
-by this function.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>tagifyStyle:</dt>
-<dd>Style to apply to each new <tt class="docutils literal"><span class="pre">SPAN</span></tt> node, defaults to
-<tt class="docutils literal"><span class="pre">'position:</span> <span class="pre">relative'</span></tt>.</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-multiple"></a>
-<a class="mochidef reference" href="#fn-multiple">multiple(elements, effect[, options])</a>:</p>
-<blockquote>
-<p>Launch the same effect on a list of <tt class="docutils literal"><span class="pre">elements</span></tt>.</p>
-<dl class="docutils">
-<dt>elements:</dt>
-<dd>A list of element ID strings or a DOM nodes (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>effect:</dt>
-<dd>An effect class constructor function.</dd>
-<dt>options:</dt>
-<dd><p class="first">The effect options (see the respective effect class). A special
-<tt class="docutils literal"><span class="pre">speed</span></tt> value will be added to the effect <tt class="docutils literal"><span class="pre">delay</span></tt> for each
-additional element in the list. This cause the effects to not run
-exactly in parallel by default.</p>
-<table border="1" class="last docutils">
-<colgroup>
-<col width="35%" />
-<col width="65%" />
-</colgroup>
-<tbody valign="top">
-<tr><td>speed</td>
-<td><tt class="docutils literal"><span class="pre">0.1</span></tt></td>
-</tr>
-<tr><td>delay</td>
-<td><tt class="docutils literal"><span class="pre">0.0</span></tt> (initial)</td>
-</tr>
-</tbody>
-</table>
-</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-</div>
-<div class="section">
-<h2><a id="combination-effects" name="combination-effects">Combination Effects</a></h2>
-<p>
-<a name="fn-fade"></a>
-<a class="mochidef reference" href="#fn-fade">fade(element[, options])</a>:</p>
-<blockquote>
-<p>Fades an <tt class="docutils literal"><span class="pre">element</span></tt> using the <a class="mochiref reference" href="#fn-opacity">Opacity</a> effect. Once
-the effect has completed, the <tt class="docutils literal"><span class="pre">element</span></tt> will be hidden with
-<a class="mochiref reference" href="Style.html#fn-hideelement">MochiKit.Style.hideElement</a> and the original element
-opacity will be restored.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd><table border="1" class="first last docutils">
-<colgroup>
-<col width="12%" />
-<col width="88%" />
-</colgroup>
-<tbody valign="top">
-<tr><td>from</td>
-<td><tt class="docutils literal"><span class="pre">element.opacity</span> <span class="pre">||</span> <span class="pre">1.0</span></tt></td>
-</tr>
-<tr><td>to</td>
-<td><tt class="docutils literal"><span class="pre">0.0</span></tt></td>
-</tr>
-</tbody>
-</table>
-</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-appear"></a>
-<a class="mochidef reference" href="#fn-appear">appear(element [, options])</a>:</p>
-<blockquote>
-<p>Slowly shows an <tt class="docutils literal"><span class="pre">element</span></tt> using the <a class="mochiref reference" href="#fn-opacity">Opacity</a> effect.
-If the <tt class="docutils literal"><span class="pre">element</span></tt> has <tt class="docutils literal"><span class="pre">&quot;display:</span> <span class="pre">none&quot;</span></tt> style, it will be changed
-to <tt class="docutils literal"><span class="pre">&quot;display:</span> <span class="pre">block&quot;</span></tt> with <a class="mochiref reference" href="Style.html#fn-showelement">MochiKit.Style.showElement</a>.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd><table border="1" class="first last docutils">
-<colgroup>
-<col width="10%" />
-<col width="90%" />
-</colgroup>
-<tbody valign="top">
-<tr><td>from</td>
-<td><tt class="docutils literal"><span class="pre">element.opacity</span> <span class="pre">||</span> <span class="pre">0.0</span></tt></td>
-</tr>
-<tr><td>to</td>
-<td><tt class="docutils literal"><span class="pre">1.0</span></tt></td>
-</tr>
-</tbody>
-</table>
-</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-puff"></a>
-<a class="mochidef reference" href="#fn-puff">puff(element [, options])</a>:</p>
-<blockquote>
-<p>Make an <tt class="docutils literal"><span class="pre">element</span></tt> double size while also fading it using the
-<a class="mochiref reference" href="#fn-scale">Scale</a> and <a class="mochiref reference" href="#fn-opacity">Opacity</a> effects in parallel.
-Once the effect has completed, the <tt class="docutils literal"><span class="pre">element</span></tt> will be hidden with
-<a class="mochiref reference" href="Style.html#fn-hideelement">MochiKit.Style.hideElement</a> and the original element
-size, position and opacity will be restored.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd>See <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>.</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-blindup"></a>
-<a class="mochidef reference" href="#fn-blindup">blindUp(element [, options])</a>:</p>
-<blockquote>
-<p>Blind an <tt class="docutils literal"><span class="pre">element</span></tt> up, changing its vertical size to 0 using the
-<a class="mochiref reference" href="#fn-scale">Scale</a> effect. Once the effect has completed, the
-<tt class="docutils literal"><span class="pre">element</span></tt> will be hidden with
-<a class="mochiref reference" href="Style.html#fn-hideelement">MochiKit.Style.hideElement</a> and the original element
-size will be restored.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd>See <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>.</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-blinddown"></a>
-<a class="mochidef reference" href="#fn-blinddown">blindDown(element [, options])</a>:</p>
-<blockquote>
-<p>Blind an <tt class="docutils literal"><span class="pre">element</span></tt> down, restoring its vertical size using the
-<a class="mochiref reference" href="#fn-scale">Scale</a> effect. If the <tt class="docutils literal"><span class="pre">element</span></tt> has <tt class="docutils literal"><span class="pre">&quot;display:</span> <span class="pre">none&quot;</span></tt>
-style, it will be changed to <tt class="docutils literal"><span class="pre">&quot;display:</span> <span class="pre">block&quot;</span></tt> with
-<a class="mochiref reference" href="Style.html#fn-showelement">MochiKit.Style.showElement</a>.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd>See <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>.</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-switchoff"></a>
-<a class="mochidef reference" href="#fn-switchoff">switchOff(element [, options])</a>:</p>
-<blockquote>
-<p>A switch-off like effect, making the <tt class="docutils literal"><span class="pre">element</span></tt> disappear, using
-the <a class="mochiref reference" href="#fn-opacity">Opacity</a> and <a class="mochiref reference" href="#fn-scale">Scale</a> effects in sequence.
-The initial <a class="mochiref reference" href="#fn-opacity">Opacity</a> effect uses a flicker (partially
-random) transformation. Once the effect has completed, the
-<tt class="docutils literal"><span class="pre">element</span></tt> will be hidden with
-<a class="mochiref reference" href="Style.html#fn-hideelement">MochiKit.Style.hideElement</a> and the original element
-opacity, size and position will be restored.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd>See <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>. Note that the options will
-only affect the secondary <a class="mochiref reference" href="#fn-scale">Scale</a> effect.</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-dropout"></a>
-<a class="mochidef reference" href="#fn-dropout">dropOut(element [, options])</a>:</p>
-<blockquote>
-<p>Make the element fall and fade using the
-<a class="mochiref reference" href="#fn-move">Move</a> and <a class="mochiref reference" href="#fn-opacity">Opacity</a> effects in parallel.
-Once the effect has completed, the <tt class="docutils literal"><span class="pre">element</span></tt> will be hidden with
-<a class="mochiref reference" href="Style.html#fn-hideelement">MochiKit.Style.hideElement</a> and the original element
-position and opacity will be restored.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd><p class="first">The <tt class="docutils literal"><span class="pre">distance</span></tt> option controls the number of pixels that the
-element will move downwards. See also the
-<a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>.</p>
-<table border="1" class="last docutils">
-<colgroup>
-<col width="53%" />
-<col width="47%" />
-</colgroup>
-<tbody valign="top">
-<tr><td>distance</td>
-<td><tt class="docutils literal"><span class="pre">100</span></tt></td>
-</tr>
-</tbody>
-</table>
-</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-shake"></a>
-<a class="mochidef reference" href="#fn-shake">shake(element [, options])</a>:</p>
-<blockquote>
-<p>Shake an element from left to right using a sequence of six
-<a class="mochiref reference" href="#fn-move">Move</a> effects. Once the effect has completed, the
-original <tt class="docutils literal"><span class="pre">element</span></tt> position will be restored.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd>See <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>. Note that the options will
-only affect the last <a class="mochiref reference" href="#fn-move">Move</a> effect.</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-slidedown"></a>
-<a class="mochidef reference" href="#fn-slidedown">slideDown(element [, options])</a>:</p>
-<blockquote>
-<p>Slide an <tt class="docutils literal"><span class="pre">element</span></tt> down using the <a class="mochiref reference" href="#fn-scale">Scale</a> effect.
-The <tt class="docutils literal"><span class="pre">element</span></tt> must have a fixed height and contain a single
-child. If the <tt class="docutils literal"><span class="pre">element</span></tt> has <tt class="docutils literal"><span class="pre">&quot;display:</span> <span class="pre">none&quot;</span></tt> style it
-will be changed to <tt class="docutils literal"><span class="pre">&quot;display:</span> <span class="pre">block&quot;</span></tt> with
-<a class="mochiref reference" href="Style.html#fn-showelement">MochiKit.Style.showElement</a>.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd>See <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>.</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-slideup"></a>
-<a class="mochidef reference" href="#fn-slideup">slideUp(element [, options])</a>:</p>
-<blockquote>
-<p>Slide an <tt class="docutils literal"><span class="pre">element</span></tt> up using the <a class="mochiref reference" href="#fn-scale">Scale</a> effect.
-The <tt class="docutils literal"><span class="pre">element</span></tt> must have a fixed height and contain a single
-child. Once the effect has completed, the <tt class="docutils literal"><span class="pre">element</span></tt> will be
-hidden with <a class="mochiref reference" href="Style.html#fn-hideelement">MochiKit.Style.hideElement</a> and the
-original element size will be restored.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd>See <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>.</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-squish"></a>
-<a class="mochidef reference" href="#fn-squish">squish(element [, options])</a>:</p>
-<blockquote>
-<p>Reduce the horizontal and vertical sizes at the same time using
-a single <a class="mochiref reference" href="#fn-scale">Scale</a> effect. The result is similar to the
-<a class="mochiref reference" href="#fn-shrink">shrink</a> effect with a <tt class="docutils literal"><span class="pre">top-left</span></tt> value for the
-<tt class="docutils literal"><span class="pre">direction</span></tt> option. The <tt class="docutils literal"><span class="pre">element</span></tt> should have fixed width and
-height. Once the effect has completed, the <tt class="docutils literal"><span class="pre">element</span></tt> will be
-hidden with <a class="mochiref reference" href="Style.html#fn-hideelement">MochiKit.Style.hideElement</a> and the
-original element size will be restored.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd>See <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>.</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-grow"></a>
-<a class="mochidef reference" href="#fn-grow">grow(element [, options])</a>:</p>
-<blockquote>
-<p>Grows an <tt class="docutils literal"><span class="pre">element</span></tt> size using <a class="mochiref reference" href="#fn-scale">Scale</a>, <a class="mochiref reference" href="#fn-move">Move</a>
-and <a class="mochiref reference" href="#fn-opacity">Opacity</a> effects in parallel. The <tt class="docutils literal"><span class="pre">element</span></tt> should
-have fixed width, height and top-left position. Before the effect
-starts, the <tt class="docutils literal"><span class="pre">element</span></tt> will be shown with
-<a class="mochiref reference" href="Style.html#fn-showelement">MochiKit.Style.showElement</a> and the size and position
-values will be read.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd><p class="first">The following options and default values control this
-effect. Note that the <a class="mochiref reference" href="#fn-opacity">Opacity</a> effect is turned
-off by default. See also the <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>.</p>
-<table border="1" class="last docutils">
-<colgroup>
-<col width="30%" />
-<col width="70%" />
-</colgroup>
-<tbody valign="top">
-<tr><td>direction</td>
-<td><tt class="docutils literal"><span class="pre">&quot;center&quot;</span></tt></td>
-</tr>
-<tr><td>moveTransition</td>
-<td><tt class="docutils literal"><span class="pre">MochiKit.Visual.Transitions.sinoidal</span></tt></td>
-</tr>
-<tr><td>scaleTransition</td>
-<td><tt class="docutils literal"><span class="pre">MochiKit.Visual.Transitions.sinoidal</span></tt></td>
-</tr>
-<tr><td>opacityTransition</td>
-<td><tt class="docutils literal"><span class="pre">MochiKit.Visual.Transitions.full</span></tt></td>
-</tr>
-</tbody>
-</table>
-</dd>
-</dl>
-<p>The <tt class="docutils literal"><span class="pre">direction</span></tt> option controls the origin point of the effect.
-The following values are allowed:</p>
-<blockquote>
-<table border="1" class="docutils">
-<colgroup>
-<col width="34%" />
-<col width="66%" />
-</colgroup>
-<tbody valign="top">
-<tr><td><tt class="docutils literal"><span class="pre">&quot;center&quot;</span></tt></td>
-<td>Grows from the center</td>
-</tr>
-<tr><td><tt class="docutils literal"><span class="pre">&quot;top-left&quot;</span></tt></td>
-<td>Grows from the top left corner</td>
-</tr>
-<tr><td><tt class="docutils literal"><span class="pre">&quot;top-right&quot;</span></tt></td>
-<td>Grows from the top right corner</td>
-</tr>
-<tr><td><tt class="docutils literal"><span class="pre">&quot;bottom-left&quot;</span></tt></td>
-<td>Grows from the bottom left corner</td>
-</tr>
-<tr><td><tt class="docutils literal"><span class="pre">&quot;bottom-right&quot;</span></tt></td>
-<td>Grows from the bottom right corner</td>
-</tr>
-</tbody>
-</table>
-</blockquote>
-<dl class="docutils">
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-shrink"></a>
-<a class="mochidef reference" href="#fn-shrink">shrink(element [, options])</a>:</p>
-<blockquote>
-<p>Shrinks an <tt class="docutils literal"><span class="pre">element</span></tt> using <a class="mochiref reference" href="#fn-scale">Scale</a>, <a class="mochiref reference" href="#fn-move">Move</a>
-and <a class="mochiref reference" href="#fn-opacity">Opacity</a> effects in parallel. The <tt class="docutils literal"><span class="pre">element</span></tt> should
-have fixed width, height and top-left position. Once the effect has
-completed, the <tt class="docutils literal"><span class="pre">element</span></tt> will be hidden with
-<a class="mochiref reference" href="Style.html#fn-hideelement">MochiKit.Style.hideElement</a> and the original size and
-position will be restored.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd><p class="first">The following options and default values control this
-effect. Note that the <a class="mochiref reference" href="#fn-opacity">Opacity</a> effect is turned
-off by default. See also the <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>.</p>
-<table border="1" class="last docutils">
-<colgroup>
-<col width="30%" />
-<col width="70%" />
-</colgroup>
-<tbody valign="top">
-<tr><td>direction</td>
-<td><tt class="docutils literal"><span class="pre">&quot;center&quot;</span></tt></td>
-</tr>
-<tr><td>moveTransition</td>
-<td><tt class="docutils literal"><span class="pre">MochiKit.Visual.Transitions.sinoidal</span></tt></td>
-</tr>
-<tr><td>scaleTransition</td>
-<td><tt class="docutils literal"><span class="pre">MochiKit.Visual.Transitions.sinoidal</span></tt></td>
-</tr>
-<tr><td>opacityTransition</td>
-<td><tt class="docutils literal"><span class="pre">MochiKit.Visual.Transitions.full</span></tt></td>
-</tr>
-</tbody>
-</table>
-</dd>
-</dl>
-<p>The <tt class="docutils literal"><span class="pre">direction</span></tt> option controls the destination point of the
-effect. The following values are allowed:</p>
-<blockquote>
-<table border="1" class="docutils">
-<colgroup>
-<col width="34%" />
-<col width="66%" />
-</colgroup>
-<tbody valign="top">
-<tr><td><tt class="docutils literal"><span class="pre">&quot;center&quot;</span></tt></td>
-<td>Grows from the center</td>
-</tr>
-<tr><td><tt class="docutils literal"><span class="pre">&quot;top-left&quot;</span></tt></td>
-<td>Grows from the top left corner</td>
-</tr>
-<tr><td><tt class="docutils literal"><span class="pre">&quot;top-right&quot;</span></tt></td>
-<td>Grows from the top right corner</td>
-</tr>
-<tr><td><tt class="docutils literal"><span class="pre">&quot;bottom-left&quot;</span></tt></td>
-<td>Grows from the bottom left corner</td>
-</tr>
-<tr><td><tt class="docutils literal"><span class="pre">&quot;bottom-right&quot;</span></tt></td>
-<td>Grows from the bottom right corner</td>
-</tr>
-</tbody>
-</table>
-</blockquote>
-<dl class="docutils">
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-pulsate"></a>
-<a class="mochidef reference" href="#fn-pulsate">pulsate(element [, options])</a>:</p>
-<blockquote>
-<p>Switches the <tt class="docutils literal"><span class="pre">element</span></tt> visibility using a pulsating
-<a class="mochiref reference" href="#fn-opacity">Opacity</a> effect. The effect both starts and
-ends with a <tt class="docutils literal"><span class="pre">0</span></tt> opacity value.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd><p class="first">The <tt class="docutils literal"><span class="pre">pulses</span></tt> option controls the number of pulses
-made during the effect. See also the
-<a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>.</p>
-<table border="1" class="last docutils">
-<colgroup>
-<col width="43%" />
-<col width="57%" />
-</colgroup>
-<tbody valign="top">
-<tr><td>pulses</td>
-<td><tt class="docutils literal"><span class="pre">5</span></tt></td>
-</tr>
-</tbody>
-</table>
-</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-fold"></a>
-<a class="mochidef reference" href="#fn-fold">fold(element [, options])</a>:</p>
-<blockquote>
-<p>Reduce first the <tt class="docutils literal"><span class="pre">element</span></tt> vertical size, and then the
-horizontal size using two <a class="mochiref reference" href="#fn-scale">Scale</a> effects in sequence.
-The <tt class="docutils literal"><span class="pre">element</span></tt> should have both fixed width and height. Once
-the effect has completed, the <tt class="docutils literal"><span class="pre">element</span></tt> will be hidden
-with <a class="mochiref reference" href="Style.html#fn-hideelement">MochiKit.Style.hideElement</a> and the original
-size and position will be restored.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd>See <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>. Note that the options
-will only affect the first <a class="mochiref reference" href="#fn-scale">Scale</a> effect.</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-</div>
-<div class="section">
-<h2><a id="basic-effects-classes-constants" name="basic-effects-classes-constants">Basic Effects Classes &amp; Constants</a></h2>
-<p>
-<a name="fn-transitions"></a>
-<a class="mochidef reference" href="#fn-transitions">Transitions</a>:</p>
-<blockquote>
-<p>Default transition functions available for all effects. A transition
-function adjusts the current position value between 0 and 1 in order
-to achieve a non-linear sequence of position values for the effect.</p>
-<table border="1" class="docutils">
-<colgroup>
-<col width="11%" />
-<col width="89%" />
-</colgroup>
-<tbody valign="top">
-<tr><td>linear</td>
-<td>A straight linear transition.</td>
-</tr>
-<tr><td>sinoidal</td>
-<td>A smooth sine value transition.</td>
-</tr>
-<tr><td>reverse</td>
-<td>A reverse linear transition.</td>
-</tr>
-<tr><td>flicker</td>
-<td>A sine transition with random additions.</td>
-</tr>
-<tr><td>wobble</td>
-<td>A multi-period sine curve transition with 4.5 wobbles and ending with one (1).</td>
-</tr>
-<tr><td>pulse</td>
-<td>A multi-period triangle curve transition with 5 pulses (by default) and ending with zero (0).</td>
-</tr>
-<tr><td>parabolic</td>
-<td>A smooth parabolic transition.</td>
-</tr>
-<tr><td>none</td>
-<td>A fixed zero (0) value transition.</td>
-</tr>
-<tr><td>full</td>
-<td>A fixed one (1) value transition.</td>
-</tr>
-</tbody>
-</table>
-<dl class="docutils">
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-defaultoptions"></a>
-<a class="mochidef reference" href="#fn-defaultoptions">DefaultOptions</a>:</p>
-<blockquote>
-<p>Default options for all effects. Note that all effects inherit
-the <a class="mochiref reference" href="#fn-base">Base</a> class and thereby also support a number of
-events that can be specified as callback functions among the
-effect options.</p>
-<table border="1" class="docutils">
-<colgroup>
-<col width="13%" />
-<col width="88%" />
-</colgroup>
-<tbody valign="top">
-<tr><td>transition</td>
-<td><tt class="docutils literal"><span class="pre">MochiKit.Visual.Transitions.sinoidal</span></tt></td>
-</tr>
-<tr><td>duration</td>
-<td><tt class="docutils literal"><span class="pre">1.0</span></tt> (seconds)</td>
-</tr>
-<tr><td>fps</td>
-<td><tt class="docutils literal"><span class="pre">25.0</span></tt></td>
-</tr>
-<tr><td>sync</td>
-<td><tt class="docutils literal"><span class="pre">false</span></tt> (only set for <a class="mochiref reference" href="#fn-parallel">Parallel</a> or <a class="mochiref reference" href="#fn-sequence">Sequence</a> effects)</td>
-</tr>
-<tr><td>from</td>
-<td><tt class="docutils literal"><span class="pre">0.0</span></tt></td>
-</tr>
-<tr><td>to</td>
-<td><tt class="docutils literal"><span class="pre">1.0</span></tt></td>
-</tr>
-<tr><td>delay</td>
-<td><tt class="docutils literal"><span class="pre">0.0</span></tt></td>
-</tr>
-<tr><td>queue</td>
-<td><tt class="docutils literal"><span class="pre">'parallel'</span></tt></td>
-</tr>
-</tbody>
-</table>
-<dl class="docutils">
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-base"></a>
-<a class="mochidef reference" href="#fn-base">Base()</a>:</p>
-<blockquote>
-<p>Base class to all effects. Define a basic looping service, use it
-for creating new effects.</p>
-<p>You can override the methods <tt class="docutils literal"><span class="pre">setup</span></tt>, <tt class="docutils literal"><span class="pre">update</span></tt> and <tt class="docutils literal"><span class="pre">finish</span></tt>.</p>
-<p>The class defines a number of events that will be called during effect
-life. The events are:</p>
-<ul class="simple">
-<li>beforeStart</li>
-<li>beforeSetup</li>
-<li>beforeUpdate</li>
-<li>afterUpdate</li>
-<li>beforeFinish</li>
-<li>afterFinish</li>
-</ul>
-<p>If you want to define your own callbacks, define it in the options
-parameter of the effect. Example:</p>
-<pre class="literal-block">
-// I slide it up and then down again
-slideUp('myelement', {afterFinish: function () {
-    slideDown('myelement');
-});
-</pre>
-<p>Specific <tt class="docutils literal"><span class="pre">internal</span></tt> events are also available: for each one listed above,
-the same exists with an 'Internal' postfix (e.g. 'beforeStartInternal').
-Their purpose is mainly for creating your own effect and keep the user
-access to event callbacks (not overriding the library ones).</p>
-<dl class="docutils">
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-parallel"></a>
-<a class="mochidef reference" href="#fn-parallel">Parallel(effects [, options])</a>:</p>
-<blockquote>
-<p>Launch a list of <tt class="docutils literal"><span class="pre">effects</span></tt> in parallel.</p>
-<dl class="docutils">
-<dt>effects:</dt>
-<dd>An array of instantiated effect objects. Note that they <em>must</em>
-all have <tt class="docutils literal"><span class="pre">sync</span></tt> set to <tt class="docutils literal"><span class="pre">true</span></tt>.</dd>
-<dt>options:</dt>
-<dd>See <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>.</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-sequence"></a>
-<a class="mochidef reference" href="#fn-sequence">Sequence(effects [, options])</a>:</p>
-<blockquote>
-<p>Launch a list of <tt class="docutils literal"><span class="pre">effects</span></tt> in sequence, one after the other.</p>
-<dl class="docutils">
-<dt>effects:</dt>
-<dd>An array of instantiated effect objects. Note that they <em>must</em>
-all have <tt class="docutils literal"><span class="pre">sync</span></tt> set to <tt class="docutils literal"><span class="pre">true</span></tt>.</dd>
-<dt>options:</dt>
-<dd><p class="first">See <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>. Note that the default value
-for some options is different and that some of the transition
-and timing options don't make sense to override.</p>
-<table border="1" class="last docutils">
-<colgroup>
-<col width="20%" />
-<col width="80%" />
-</colgroup>
-<tbody valign="top">
-<tr><td>transition</td>
-<td><tt class="docutils literal"><span class="pre">MochiKit.Visual.Transitions.linear</span></tt></td>
-</tr>
-<tr><td>duration</td>
-<td>Sum of the <tt class="docutils literal"><span class="pre">duration</span></tt> for all <tt class="docutils literal"><span class="pre">effects</span></tt>.</td>
-</tr>
-<tr><td>from</td>
-<td>Only <tt class="docutils literal"><span class="pre">0.0</span></tt> makes sense.</td>
-</tr>
-<tr><td>to</td>
-<td>Only <tt class="docutils literal"><span class="pre">1.0</span></tt> makes sense.</td>
-</tr>
-</tbody>
-</table>
-</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-opacity"></a>
-<a class="mochidef reference" href="#fn-opacity">Opacity(element [, options])</a>:</p>
-<blockquote>
-<p>Change the opacity of an <tt class="docutils literal"><span class="pre">element</span></tt> progressively.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd><p class="first">The following options and default values control this effect.
-See also the <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>.</p>
-<table border="1" class="last docutils">
-<colgroup>
-<col width="43%" />
-<col width="57%" />
-</colgroup>
-<tbody valign="top">
-<tr><td>from</td>
-<td><tt class="docutils literal"><span class="pre">0.0</span></tt></td>
-</tr>
-<tr><td>to</td>
-<td><tt class="docutils literal"><span class="pre">1.0</span></tt></td>
-</tr>
-</tbody>
-</table>
-</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-move"></a>
-<a class="mochidef reference" href="#fn-move">Move(element [, options])</a>:</p>
-<blockquote>
-<p>Changes the (top left) position of an <tt class="docutils literal"><span class="pre">element</span></tt> in small steps,
-creating a moving effect.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd><p class="first">The following options and default values control this effect.
-See also the <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>.</p>
-<table border="1" class="last docutils">
-<colgroup>
-<col width="36%" />
-<col width="64%" />
-</colgroup>
-<tbody valign="top">
-<tr><td>x</td>
-<td><tt class="docutils literal"><span class="pre">0</span></tt></td>
-</tr>
-<tr><td>y</td>
-<td><tt class="docutils literal"><span class="pre">0</span></tt></td>
-</tr>
-<tr><td>mode</td>
-<td><tt class="docutils literal"><span class="pre">'relative'</span></tt></td>
-</tr>
-</tbody>
-</table>
-</dd>
-</dl>
-<p>The <tt class="docutils literal"><span class="pre">mode</span></tt> option controls if the specified <tt class="docutils literal"><span class="pre">x</span></tt> and <tt class="docutils literal"><span class="pre">y</span></tt>
-coordinates are <tt class="docutils literal"><span class="pre">relative</span></tt> or <tt class="docutils literal"><span class="pre">absolute</span></tt> with respect to the
-current <tt class="docutils literal"><span class="pre">element</span></tt> position.</p>
-<dl class="docutils">
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-scale"></a>
-<a class="mochidef reference" href="#fn-scale">Scale(element, percent [, options])</a>:</p>
-<blockquote>
-<p>Changes the size of an <tt class="docutils literal"><span class="pre">element</span></tt>.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>percent:</dt>
-<dd>Final wanted size in percent of current size. The size will be
-reduced if the value is between 0 and 100, and raised if the
-value is above 100.</dd>
-<dt>options:</dt>
-<dd><p class="first">The following options and default values control this effect.
-See also the <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>.</p>
-<table border="1" class="last docutils">
-<colgroup>
-<col width="57%" />
-<col width="43%" />
-</colgroup>
-<tbody valign="top">
-<tr><td>scaleX</td>
-<td><tt class="docutils literal"><span class="pre">true</span></tt></td>
-</tr>
-<tr><td>scaleY</td>
-<td><tt class="docutils literal"><span class="pre">true</span></tt></td>
-</tr>
-<tr><td>scaleContent</td>
-<td><tt class="docutils literal"><span class="pre">true</span></tt></td>
-</tr>
-<tr><td>scaleFromCenter</td>
-<td><tt class="docutils literal"><span class="pre">false</span></tt></td>
-</tr>
-<tr><td>scaleMode</td>
-<td><tt class="docutils literal"><span class="pre">&quot;box&quot;</span></tt></td>
-</tr>
-<tr><td>scaleFrom</td>
-<td><tt class="docutils literal"><span class="pre">100.0</span></tt></td>
-</tr>
-<tr><td>scaleTo</td>
-<td><tt class="docutils literal"><span class="pre">percent</span></tt></td>
-</tr>
-</tbody>
-</table>
-</dd>
-</dl>
-<p>The <tt class="docutils literal"><span class="pre">scaleContent</span></tt> option controls if the element <tt class="docutils literal"><span class="pre">font-size</span></tt>
-should also be scaled along with the size. The <tt class="docutils literal"><span class="pre">scaleFromCenter</span></tt>
-option allows continual adjustment of the <tt class="docutils literal"><span class="pre">element</span></tt> top left
-position to keep the element centered during the size change.
-The <tt class="docutils literal"><span class="pre">scaleMode</span></tt> option is used to determine the original
-<tt class="docutils literal"><span class="pre">element</span></tt> size. It can have one of the following values:</p>
-<blockquote>
-<table border="1" class="docutils">
-<colgroup>
-<col width="18%" />
-<col width="82%" />
-</colgroup>
-<tbody valign="top">
-<tr><td><tt class="docutils literal"><span class="pre">&quot;box&quot;</span></tt></td>
-<td>Uses <tt class="docutils literal"><span class="pre">offsetHeight</span></tt> and <tt class="docutils literal"><span class="pre">offsetWidth</span></tt></td>
-</tr>
-<tr><td><tt class="docutils literal"><span class="pre">&quot;contents&quot;</span></tt></td>
-<td>Uses <tt class="docutils literal"><span class="pre">scrollHeight</span></tt> and <tt class="docutils literal"><span class="pre">scrollWidth</span></tt></td>
-</tr>
-<tr><td>{...}</td>
-<td>Uses <tt class="docutils literal"><span class="pre">originalHeight</span></tt> and <tt class="docutils literal"><span class="pre">originalWidth</span></tt> from the specified object</td>
-</tr>
-</tbody>
-</table>
-</blockquote>
-<dl class="docutils">
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-highlight"></a>
-<a class="mochidef reference" href="#fn-highlight">Highlight(element [, options])</a>:</p>
-<blockquote>
-<p>Highlights an <tt class="docutils literal"><span class="pre">element</span></tt> by flashing the background color. The
-color is first set to the <tt class="docutils literal"><span class="pre">startcolor</span></tt> and is then slowly
-morphed into the <tt class="docutils literal"><span class="pre">endcolor</span></tt>, normally the original background
-color of the element.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd><p class="first">The following options and default values control this effect.
-See also the <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>.</p>
-<table border="1" class="last docutils">
-<colgroup>
-<col width="25%" />
-<col width="75%" />
-</colgroup>
-<tbody valign="top">
-<tr><td>startcolor</td>
-<td><tt class="docutils literal"><span class="pre">'#ffff99'</span></tt></td>
-</tr>
-<tr><td>endcolor</td>
-<td><tt class="docutils literal"><span class="pre">element.style.backgroundColor</span></tt></td>
-</tr>
-</tbody>
-</table>
-</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-scrollto"></a>
-<a class="mochidef reference" href="#fn-scrollto">ScrollTo(element [, options])</a>:</p>
-<blockquote>
-<p>Scroll the window to the position of the given <tt class="docutils literal"><span class="pre">element</span></tt>. Note
-that this effect only scrolls the top window and not any parent
-elements with scrollbars due to <tt class="docutils literal"><span class="pre">&quot;overflow:</span> <span class="pre">auto&quot;</span></tt> style.</p>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd>See <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>.</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-<p>
-<a name="fn-morph"></a>
-<a class="mochidef reference" href="#fn-morph">Morph(element [, options])</a>:</p>
-<blockquote>
-<p>Make a transformation to the given <tt class="docutils literal"><span class="pre">element</span></tt>. It's called with the option
-<tt class="docutils literal"><span class="pre">style</span></tt> with an array holding the styles to change. It works with
-properties for size (<tt class="docutils literal"><span class="pre">font-size</span></tt>, <tt class="docutils literal"><span class="pre">border-width</span></tt>, ...) and properties
-for color (<tt class="docutils literal"><span class="pre">color</span></tt>, <tt class="docutils literal"><span class="pre">background-color</span></tt>, ...).</p>
-<p>For size, it's better to have defined the original style. You <em>must</em>
-use the same unit in the call to Morph (no translation exists between two
-different units).</p>
-<p>Parsed length are postfixed with: em, ex, px, in, cm, mm, pt, pc.</p>
-<p>Example:</p>
-<pre class="literal-block">
-&lt;div id=&quot;foo&quot; style=&quot;font-size: 1em&quot;&gt;MyDiv&lt;/div&gt;
-...
-Morph(&quot;foo&quot;, {&quot;style&quot;: {&quot;font-size&quot;: &quot;2em&quot;}});
-</pre>
-<dl class="docutils">
-<dt>element:</dt>
-<dd>An element ID string or a DOM node (see
-<a class="mochiref reference" href="DOM.html#fn-getelement">MochiKit.DOM.getElement</a>).</dd>
-<dt>options:</dt>
-<dd>See <a class="mochiref reference" href="#fn-defaultoptions">DefaultOptions</a>.</dd>
-<dt><em>Availability</em>:</dt>
-<dd>Available in MochiKit 1.4+</dd>
-</dl>
-</blockquote>
-</div>
-</div>
-<div class="section">
-<h1><a id="authors" name="authors">Authors</a></h1>
-<ul class="simple">
-<li>Kevin Dangoor &lt;<a class="reference" href="mailto:dangoor&#64;gmail.com">dangoor&#64;gmail.com</a>&gt;</li>
-<li>Bob Ippolito &lt;<a class="reference" href="mailto:bob&#64;redivi.com">bob&#64;redivi.com</a>&gt;</li>
-<li>Thomas Herve &lt;<a class="reference" href="mailto:therve&#64;gmail.com">therve&#64;gmail.com</a>&gt;</li>
-<li>Round corners originally adapted from Rico &lt;<a class="reference" href="http://openrico.org/">http://openrico.org/</a>&gt;
-(though little remains)</li>
-<li>Effects originally adapted from Script.aculo.us
-&lt;<a class="reference" href="http://script.aculo.us/">http://script.aculo.us/</a>&gt;</li>
-</ul>
-</div>
-<div class="section">
-<h1><a id="copyright" name="copyright">Copyright</a></h1>
-<p>Copyright 2005 Bob Ippolito &lt;<a class="reference" href="mailto:bob&#64;redivi.com">bob&#64;redivi.com</a>&gt;.  This program is
-dual-licensed free software; you can redistribute it and/or modify it
-under the terms of the <a class="reference" href="http://www.opensource.org/licenses/mit-license.php">MIT License</a> or the <a class="reference" href="http://www.opensource.org/licenses/afl-2.1.php">Academic Free License
-v2.1</a>.</p>
-<p>Portions adapted from <a class="reference" href="http://www.openrico.org">Rico</a> are available under the terms of the
-<a class="reference" href="http://www.apache.org/licenses/LICENSE-2.0.html">Apache License, Version 2.0</a>.</p>
-<p>Portions adapted from <a class="reference" href="http://script.aculo.us">Scriptaculous</a> are available under the terms
-of the <a class="reference" href="http://www.opensource.org/licenses/mit-license.php">MIT License</a>.</p>
-</div>
-</div>
-</body>
-</html>