Files
Phraseanet/www/include/jslibs/yui2.8/docs/YAHOO.widget.Carousel.html
2011-02-16 16:09:48 +01:00

8523 lines
505 KiB
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns:yui="http://yuilibrary.com/rdf/1.0/yui.rdf#">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>API: carousel YAHOO.widget.Carousel (YUI Library)</title>
<link rel="stylesheet" type="text/css" href="assets/reset-fonts-grids-min.css" />
<link rel="stylesheet" type="text/css" href="assets/api.css" />
<script type="text/javascript" src="assets/api-js"></script>
<script type="text/javascript" src="assets/ac-js"></script>
</head>
<body id="yahoo-com">
<div id="doc3" class="yui-t2">
<div id="hd">
<h1><a href="http://developer.yahoo.com/yui/" title="Yahoo! UI Library">Yahoo! UI Library</a></h1>
<h3>Carousel Widget&nbsp; <span class="subtitle">2.8.2r1</span></h3>
<a href="./index.html" title="Yahoo! UI Library">Yahoo! UI Library</a>
&gt; <a href="./module_carousel.html" title="carousel">carousel</a>
&gt; YAHOO.widget.Carousel
<form onsubmit="return false">
<div id="propertysearch">
Search: <input autocomplete="off" id="searchinput" />
<div id="searchresults">
&nbsp;
</div>
</div>
</form>
</div>
<div id="bd">
<div id="yui-main">
<div class="yui-b">
<form action="#" name="yui-classopts-form" method="get" id="yui-classopts-form">
<fieldset>
<legend>Filters</legend>
<span class="classopts"><input type="checkbox" name="show_private" id="show_private" /> <label for="show_private">Show Private</label></span>
<span class="classopts"><input type="checkbox" name="show_protected" id="show_protected" /> <label for="show_protected">Show Protected</label></span>
<span class="classopts"><input type="checkbox" name="show_deprecated" id="show_deprecated" /> <label for="show_deprecated">Show Deprecated</label></span>
</fieldset>
</form>
<h2>
Class <b property="yui:name">YAHOO.widget.Carousel</b>
<span class="extends">
- extends <a href="YAHOO.util.Element.html" title="YAHOO.util.Element">YAHOO.util.Element</a>
</span>
</h2>
<!-- class tree goes here -->
<div class="summary description" property="yui:description">
The Carousel widget.
</div>
<div class="section constructor details" rel="yui:constructor" resource="#constructor">
<h3 id="constructor">Constructor</h3>
<div class="content">
<div class="detail">
<strong property="yui:name">YAHOO.widget.Carousel</strong>
<code>
(
el
,
cfg
)
</code>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">el</span>
&lt;<span property="yui:type">HTMLElement | String</span>&gt;
</code>
<span property="yui:description"> The HTML element that represents the
the container that houses the Carousel.</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">cfg</span>
&lt;<span property="yui:type">Object</span>&gt;
</code>
<span property="yui:description"> (optional) The configuration values</span>
</dd>
</dl>
</div>
</div>
</div>
</div>
<div rel="yui:properties" resource="#properties">
<div class="section field details">
<h3 id="properties">Properties</h3>
<div class="content">
<div class="private" rel="yui:property" resource="#property__animObj">
<h4><a name="property__animObj" property="yui:name">_animObj</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The Animation object.
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property__carouselEl">
<h4><a name="property__carouselEl" property="yui:name">_carouselEl</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The Carousel element.
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property__clipEl">
<h4><a name="property__clipEl" property="yui:name">_clipEl</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The Carousel clipping container element.
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property__cols">
<h4><a name="property__cols" property="yui:name">_cols</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Number of cols for a multirow carousel.
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property__firstItem">
<h4><a name="property__firstItem" property="yui:name">_firstItem</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The current first index of the Carousel.
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property__hasFocus">
<h4><a name="property__hasFocus" property="yui:name">_hasFocus</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Does the Carousel element have focus?
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property__hasRendered">
<h4><a name="property__hasRendered" property="yui:name">_hasRendered</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Is the Carousel rendered already?
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property__isAnimationInProgress">
<h4><a name="property__isAnimationInProgress" property="yui:name">_isAnimationInProgress</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Is the animation still in progress?
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property__isAutoPlayInProgress">
<h4><a name="property__isAutoPlayInProgress" property="yui:name">_isAutoPlayInProgress</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Is the auto-scrolling of Carousel in progress?
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property__itemAttrCache">
<h4><a name="property__itemAttrCache" property="yui:name">_itemAttrCache</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Cache the Carousel item attributes.
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property__itemsTable">
<h4><a name="property__itemsTable" property="yui:name">_itemsTable</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The table of items in the Carousel.
The numItems is the number of items in the Carousel, items being the
array of items in the Carousel. The size is the size of a single
item in the Carousel. It is cached here for efficiency (to avoid
computing the size multiple times).
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property__navBtns">
<h4><a name="property__navBtns" property="yui:name">_navBtns</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The Carousel navigation buttons.
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property__navEl">
<h4><a name="property__navEl" property="yui:name">_navEl</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The Carousel navigation.
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property__nextEnabled">
<h4><a name="property__nextEnabled" property="yui:name">_nextEnabled</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Status of the next navigation item.
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property__pages">
<h4><a name="property__pages" property="yui:name">_pages</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The Carousel pages structure.
This is an object of the total number of pages and the current page.
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property__pagination">
<h4><a name="property__pagination" property="yui:name">_pagination</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The Carousel pagination structure.
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property__prevEnabled">
<h4><a name="property__prevEnabled" property="yui:name">_prevEnabled</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Status of the previous navigation item.
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property__recomputeSize">
<h4><a name="property__recomputeSize" property="yui:name">_recomputeSize</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Whether the Carousel size needs to be recomputed or not?
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property__rows">
<h4><a name="property__rows" property="yui:name">_rows</a>
- <code>private <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Number of rows for a multirow carousel.
</div>
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_BUTTON">
<h4><a name="property_BUTTON" property="yui:name">BUTTON</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of the Carousel navigation buttons.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-button"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_CAROUSEL">
<h4><a name="property_CAROUSEL" property="yui:name">CAROUSEL</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of the Carousel element.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_CAROUSEL_EL">
<h4><a name="property_CAROUSEL_EL" property="yui:name">CAROUSEL_EL</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of the container of the items in the Carousel.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-element"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_CONTAINER">
<h4><a name="property_CONTAINER" property="yui:name">CONTAINER</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of the Carousel's container element.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-container"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_CONTENT">
<h4><a name="property_CONTENT" property="yui:name">CONTENT</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of the Carousel's container element.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-content"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_DISABLED">
<h4><a name="property_DISABLED" property="yui:name">DISABLED</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of a disabled navigation button.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-button-disabled"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_FIRST_NAV">
<h4><a name="property_FIRST_NAV" property="yui:name">FIRST_NAV</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of the first Carousel navigation button.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: " yui-carousel-first-button"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_FIRST_NAV_DISABLED">
<h4><a name="property_FIRST_NAV_DISABLED" property="yui:name">FIRST_NAV_DISABLED</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of a first disabled navigation button.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-first-button-disabled"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_FIRST_PAGE">
<h4><a name="property_FIRST_PAGE" property="yui:name">FIRST_PAGE</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of a first page element.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-nav-first-page"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_FIRST_VISIBLE">
<h4><a name="property_FIRST_VISIBLE" property="yui:name">FIRST_VISIBLE</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The offset of the first visible item in the Carousel.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: 0
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_FOCUSSED_BUTTON">
<h4><a name="property_FOCUSSED_BUTTON" property="yui:name">FOCUSSED_BUTTON</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of the Carousel navigation button that has focus.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-button-focus"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_HORIZONTAL">
<h4><a name="property_HORIZONTAL" property="yui:name">HORIZONTAL</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of a horizontally oriented Carousel.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-horizontal"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_HORZ_MIN_WIDTH">
<h4><a name="property_HORZ_MIN_WIDTH" property="yui:name">HORZ_MIN_WIDTH</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The minimum width of the horizontal Carousel container to support
the navigation buttons.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: 180
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property_instances">
<h4><a name="property_instances" property="yui:name">instances</a>
- <code>private static <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The internal table of Carousel instances.
</div>
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_ITEM_LOADING">
<h4><a name="property_ITEM_LOADING" property="yui:name">ITEM_LOADING</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The element to be used as the progress indicator when the item
is still being loaded.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: The progress indicator (spinner) image CSS class
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_ITEM_LOADING_CONTENT">
<h4><a name="property_ITEM_LOADING_CONTENT" property="yui:name">ITEM_LOADING_CONTENT</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The content to be used as the progress indicator when the item
is still being loaded.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "Loading"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_MAX_PAGER_BUTTONS">
<h4><a name="property_MAX_PAGER_BUTTONS" property="yui:name">MAX_PAGER_BUTTONS</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The maximum number of pager buttons allowed beyond which the UI
of the pager would be a drop-down of pages instead of buttons.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: 5
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_MIN_WIDTH">
<h4><a name="property_MIN_WIDTH" property="yui:name">MIN_WIDTH</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name that will be set if the Carousel adjusts itself
for a minimum width.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-min-width"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_MULTI_ROW">
<h4><a name="property_MULTI_ROW" property="yui:name">MULTI_ROW</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of a multirow Carousel.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-multi-row"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_NAV_CONTAINER">
<h4><a name="property_NAV_CONTAINER" property="yui:name">NAV_CONTAINER</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name for the navigation container for prev/next.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-buttons"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_NAVIGATION">
<h4><a name="property_NAVIGATION" property="yui:name">NAVIGATION</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The navigation element container class name.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-nav"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_NEXT_BUTTON_TEXT">
<h4><a name="property_NEXT_BUTTON_TEXT" property="yui:name">NEXT_BUTTON_TEXT</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The next navigation button name/text.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "Next Page"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_NEXT_NAV">
<h4><a name="property_NEXT_NAV" property="yui:name">NEXT_NAV</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of the next Carousel navigation button.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: " yui-carousel-next-button"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_NEXT_PAGE">
<h4><a name="property_NEXT_PAGE" property="yui:name">NEXT_PAGE</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of the next navigation link. This variable is
not only used for styling, but also for identifying the link
within the Carousel container.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-next"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_NUM_VISIBLE">
<h4><a name="property_NUM_VISIBLE" property="yui:name">NUM_VISIBLE</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The number of visible items in the Carousel.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: 3
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_PAGE_FOCUS">
<h4><a name="property_PAGE_FOCUS" property="yui:name">PAGE_FOCUS</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of the focussed page navigation. This class is
specifically used for the ugly focus handling in Opera.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-nav-page-focus"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_PAGER_ITEM">
<h4><a name="property_PAGER_ITEM" property="yui:name">PAGER_ITEM</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name for an item in the pager UL or dropdown menu.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-pager-item"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_PAGER_PREFIX_TEXT">
<h4><a name="property_PAGER_PREFIX_TEXT" property="yui:name">PAGER_PREFIX_TEXT</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The prefix text for the pager in case the UI is a drop-down.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "Go to page "
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_PAGINATION">
<h4><a name="property_PAGINATION" property="yui:name">PAGINATION</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name for the pagination container
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-pagination"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_PREV_PAGE">
<h4><a name="property_PREV_PAGE" property="yui:name">PREV_PAGE</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of the previous navigation link. This variable
is not only used for styling, but also for identifying the link
within the Carousel container.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-prev"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_PREVIOUS_BUTTON_TEXT">
<h4><a name="property_PREVIOUS_BUTTON_TEXT" property="yui:name">PREVIOUS_BUTTON_TEXT</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The previous navigation button name/text.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "Previous Page"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_ROW">
<h4><a name="property_ROW" property="yui:name">ROW</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of a row in a multirow Carousel.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-new-row"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_SELECTED_ITEM">
<h4><a name="property_SELECTED_ITEM" property="yui:name">SELECTED_ITEM</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of the selected item.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-item-selected"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_SELECTED_NAV">
<h4><a name="property_SELECTED_NAV" property="yui:name">SELECTED_NAV</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of the selected paging navigation.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-nav-page-selected"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_VERT_MIN_WIDTH">
<h4><a name="property_VERT_MIN_WIDTH" property="yui:name">VERT_MIN_WIDTH</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The minimum width of the vertical Carousel container to support
the navigation buttons.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: 155
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_VERTICAL">
<h4><a name="property_VERTICAL" property="yui:name">VERTICAL</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of a vertically oriented Carousel.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-vertical"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_VERTICAL_CONTAINER">
<h4><a name="property_VERTICAL_CONTAINER" property="yui:name">VERTICAL_CONTAINER</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of a vertical Carousel's container element.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-vertical-container"
</div>
<hr />
</div>
<div class="" rel="yui:property" resource="#property_VISIBLE">
<h4><a name="property_VISIBLE" property="yui:name">VISIBLE</a>
- <code><span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The class name of a visible Carousel.
</div>
</div>
<div class="default" property="yui:defaultValue">
Default Value: "yui-carousel-visible"
</div>
<hr />
</div>
<div class="private" rel="yui:property" resource="#property_WidgetName">
<h4><a name="property_WidgetName" property="yui:name">WidgetName</a>
- <code>private static <span property="yui:type">object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The widget name.
</div>
</div>
<hr />
</div>
</div>
</div>
<div rel="yui:inheritance">
<div class="section field inheritance" rel="yui:superclass" resource="YAHOO.util.Element.html">
<h4>Properties inherited from <a href="YAHOO.util.Element.html" property="yui:name" title="YAHOO.util.Element">YAHOO.util.Element</a>:</h4>
<div class="content" rel="yui:properties">
<code>
<span rel="yui:property" resource="YAHOO.util.Element.html#property_DOM_EVENTS">
<a class="" href="YAHOO.util.Element.html#property_DOM_EVENTS" property="yui:name" title="DOM_EVENTS">DOM_EVENTS</a>
</span>
</code>
</div>
</div>
<div class="section field inheritance" rel="yui:superclass" resource="YAHOO.util.AttributeProvider.html">
<h4>Properties inherited from <a href="YAHOO.util.AttributeProvider.html" property="yui:name" title="YAHOO.util.AttributeProvider">YAHOO.util.AttributeProvider</a>:</h4>
<div class="content" rel="yui:properties">
<code>
<span rel="yui:property" resource="YAHOO.util.AttributeProvider.html#property__configs">
<a class="private" href="YAHOO.util.AttributeProvider.html#property__configs" property="yui:name" title="_configs">_configs</a>
</span>
</code>
</div>
</div>
<div class="section field inheritance" rel="yui:superclass" resource="YAHOO.util.EventProvider.html">
<h4>Properties inherited from <a href="YAHOO.util.EventProvider.html" property="yui:name" title="YAHOO.util.EventProvider">YAHOO.util.EventProvider</a>:</h4>
<div class="content" rel="yui:properties">
<code>
<span rel="yui:property" resource="YAHOO.util.EventProvider.html#property___yui_events">
<a class="private" href="YAHOO.util.EventProvider.html#property___yui_events" property="yui:name" title="__yui_events">__yui_events</a><span class="private">,</span>
</span>
<span rel="yui:property" resource="YAHOO.util.EventProvider.html#property___yui_subscribers">
<a class="private" href="YAHOO.util.EventProvider.html#property___yui_subscribers" property="yui:name" title="__yui_subscribers">__yui_subscribers</a>
</span>
</code>
</div>
</div>
</div>
</div>
<div rel="yui:methods" resource="#methods">
<div class="section method details">
<h3 id="methods">Methods</h3>
<div class="content">
<div class="protected" rel="yui:method" resource="#method__animateAndSetCarouselOffset">
<h4>
<a name="method__animateAndSetCarouselOffset">_animateAndSetCarouselOffset</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_animateAndSetCarouselOffset</strong>
(
offset
,
item
,
sentinel
)
</code>
<div class="description" property="yui:description">
Set the Carousel offset to the passed offset after animating.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">offset</span>
&lt;<span property="yui:type">Integer</span>&gt;
</code>
<span property="yui:description"> The offset to which the Carousel has to be
scrolled to.</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">item</span>
&lt;<span property="yui:type">Integer</span>&gt;
</code>
<span property="yui:description"> The index to which the Carousel will scroll.</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">sentinel</span>
&lt;<span property="yui:type">Integer</span>&gt;
</code>
<span property="yui:description"> The last element in the view port.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__animationCompleteHandler">
<h4>
<a name="method__animationCompleteHandler">_animationCompleteHandler</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_animationCompleteHandler</strong>
(
ev
,
p
,
o
)
</code>
<div class="description" property="yui:description">
Handle the animation complete event.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">ev</span>
&lt;<span property="yui:type">Event</span>&gt;
</code>
<span property="yui:description"> The event.</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">p</span>
&lt;<span property="yui:type">Array</span>&gt;
</code>
<span property="yui:description"> The event parameters.</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">o</span>
&lt;<span property="yui:type">Object</span>&gt;
</code>
<span property="yui:description"> The object that has the state of the Carousel</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__autoScroll">
<h4>
<a name="method__autoScroll">_autoScroll</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_autoScroll</strong>
(
)
</code>
<div class="description" property="yui:description">
Automatically scroll the contents of the Carousel.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__getLastVisible">
<h4>
<a name="method__getLastVisible">_getLastVisible</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_getLastVisible</strong>
(
)
</code>
<div class="description" property="yui:description">
Get the index of the last visible item
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__getNumPages">
<h4>
<a name="method__getNumPages">_getNumPages</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_getNumPages</strong>
(
)
</code>
<div class="description" property="yui:description">
Get the total number of pages.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__getSelectedItem">
<h4>
<a name="method__getSelectedItem">_getSelectedItem</a></h4>
<div class="detail" >
<code>
protected
Number
<strong property="yui:name">_getSelectedItem</strong>
(
val
)
</code>
<div class="description" property="yui:description">
Get the value for the selected item.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">val</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The new value for "selected" item</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The new value that would be set</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__getValidIndex">
<h4>
<a name="method__getValidIndex">_getValidIndex</a></h4>
<div class="detail" >
<code>
protected
Object
<strong property="yui:name">_getValidIndex</strong>
(
index
)
</code>
<div class="description" property="yui:description">
Return a valid item for a possibly out of bounds index considering
the isCircular property.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">index</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The index of the item to be returned</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Object
</code></dt>
<dd property="yui:returnInfo">Return a valid item index</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__itemClickHandler">
<h4>
<a name="method__itemClickHandler">_itemClickHandler</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_itemClickHandler</strong>
(
ev
)
</code>
<div class="description" property="yui:description">
The "click" handler for the item.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">ev</span>
&lt;<span property="yui:type">Event</span>&gt;
</code>
<span property="yui:description"> The event object</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__keyboardEventHandler">
<h4>
<a name="method__keyboardEventHandler">_keyboardEventHandler</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_keyboardEventHandler</strong>
(
ev
)
</code>
<div class="description" property="yui:description">
The keyboard event handler for Carousel.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">ev</span>
&lt;<span property="yui:type">Event</span>&gt;
</code>
<span property="yui:description"> The event that is being handled.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__loadItems">
<h4>
<a name="method__loadItems">_loadItems</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_loadItems</strong>
(
)
</code>
<div class="description" property="yui:description">
The load the required set of items that are needed for display.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__numVisibleSetter">
<h4>
<a name="method__numVisibleSetter">_numVisibleSetter</a></h4>
<div class="detail" >
<code>
protected
Number
<strong property="yui:name">_numVisibleSetter</strong>
(
val
)
</code>
<div class="description" property="yui:description">
Set the value for the number of visible items in the Carousel.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">val</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The new value for numVisible</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The new value that would be set</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__pagerChangeHandler">
<h4>
<a name="method__pagerChangeHandler">_pagerChangeHandler</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_pagerChangeHandler</strong>
(
ev
)
</code>
<div class="description" property="yui:description">
The "onchange" handler for select box pagination.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">ev</span>
&lt;<span property="yui:type">Event</span>&gt;
</code>
<span property="yui:description"> The event object</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__pagerClickHandler">
<h4>
<a name="method__pagerClickHandler">_pagerClickHandler</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_pagerClickHandler</strong>
(
ev
)
</code>
<div class="description" property="yui:description">
The "click" handler for anchor pagination.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">ev</span>
&lt;<span property="yui:type">Event</span>&gt;
</code>
<span property="yui:description"> The event object</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__refreshUi">
<h4>
<a name="method__refreshUi">_refreshUi</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_refreshUi</strong>
(
)
</code>
<div class="description" property="yui:description">
Refresh the widget UI if it is not already rendered, on first item
addition.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__selectedItemSetter">
<h4>
<a name="method__selectedItemSetter">_selectedItemSetter</a></h4>
<div class="detail" >
<code>
protected
Number
<strong property="yui:name">_selectedItemSetter</strong>
(
val
)
</code>
<div class="description" property="yui:description">
Set the value for selectedItem.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">val</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The new value for selectedItem</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The new value that would be set</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setCarouselOffset">
<h4>
<a name="method__setCarouselOffset">_setCarouselOffset</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_setCarouselOffset</strong>
(
)
</code>
<div class="description" property="yui:description">
Set the Carousel offset to the passed offset.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setClipContainerSize">
<h4>
<a name="method__setClipContainerSize">_setClipContainerSize</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_setClipContainerSize</strong>
(
clip
,
num
)
</code>
<div class="description" property="yui:description">
Set the clip container size (based on the new numVisible value).
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">clip</span>
&lt;<span property="yui:type">HTMLElement</span>&gt;
</code>
<span property="yui:description"> The clip container element.</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">num</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> optional The number of items per page.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setContainerSize">
<h4>
<a name="method__setContainerSize">_setContainerSize</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_setContainerSize</strong>
(
clip
,
attr
)
</code>
<div class="description" property="yui:description">
Set the container size.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">clip</span>
&lt;<span property="yui:type">HTMLElement</span>&gt;
</code>
<span property="yui:description"> The clip container element.</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">attr</span>
&lt;<span property="yui:type">String</span>&gt;
</code>
<span property="yui:description"> Either set the height or width.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setFirstVisible">
<h4>
<a name="method__setFirstVisible">_setFirstVisible</a></h4>
<div class="detail" >
<code>
protected
Number
<strong property="yui:name">_setFirstVisible</strong>
(
val
)
</code>
<div class="description" property="yui:description">
Set the value for the Carousel's first visible item.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">val</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The new value for firstVisible</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The new value that would be set</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setNavigation">
<h4>
<a name="method__setNavigation">_setNavigation</a></h4>
<div class="detail" >
<code>
protected
Object
<strong property="yui:name">_setNavigation</strong>
(
cfg
)
</code>
<div class="description" property="yui:description">
Set the value for the Carousel's navigation.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">cfg</span>
&lt;<span property="yui:type">Object</span>&gt;
</code>
<span property="yui:description"> The navigation configuration</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Object
</code></dt>
<dd property="yui:returnInfo">The new value that would be set</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setNumItems">
<h4>
<a name="method__setNumItems">_setNumItems</a></h4>
<div class="detail" >
<code>
protected
Number
<strong property="yui:name">_setNumItems</strong>
(
val
)
</code>
<div class="description" property="yui:description">
Set the number of items in the Carousel.
Warning: Setting this to a lower number than the current removes
items from the end.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">val</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The new value for numItems</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The new value that would be set</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setNumVisible">
<h4>
<a name="method__setNumVisible">_setNumVisible</a></h4>
<div class="detail" >
<code>
protected
Number
<strong property="yui:name">_setNumVisible</strong>
(
val
)
</code>
<div class="description" property="yui:description">
Clip the container size every time numVisible is set.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">val</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The new value for numVisible</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The new value that would be set</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setOrientation">
<h4>
<a name="method__setOrientation">_setOrientation</a></h4>
<div class="detail" >
<code>
protected
Boolean
<strong property="yui:name">_setOrientation</strong>
(
val
)
</code>
<div class="description" property="yui:description">
Set the orientation of the Carousel.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">val</span>
&lt;<span property="yui:type">Boolean</span>&gt;
</code>
<span property="yui:description"> The new value for isVertical</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">The new value that would be set</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setRevealAmount">
<h4>
<a name="method__setRevealAmount">_setRevealAmount</a></h4>
<div class="detail" >
<code>
protected
Number
<strong property="yui:name">_setRevealAmount</strong>
(
val
)
</code>
<div class="description" property="yui:description">
Set the value for the reveal amount percentage in the Carousel.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">val</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The new value for revealAmount</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">The new value that would be set</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setSelectedItem">
<h4>
<a name="method__setSelectedItem">_setSelectedItem</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_setSelectedItem</strong>
(
val
)
</code>
<div class="description" property="yui:description">
Set the value for the selected item.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">val</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The new value for "selected" item</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__setupCarouselNavigation">
<h4>
<a name="method__setupCarouselNavigation">_setupCarouselNavigation</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_setupCarouselNavigation</strong>
(
)
</code>
<div class="description" property="yui:description">
Setup/Create the Carousel navigation element (if needed).
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__syncUiForItemAdd">
<h4>
<a name="method__syncUiForItemAdd">_syncUiForItemAdd</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_syncUiForItemAdd</strong>
(
)
</code>
<div class="description" property="yui:description">
Synchronize and redraw the UI after an item is added.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__syncUiForItemReplace">
<h4>
<a name="method__syncUiForItemReplace">_syncUiForItemReplace</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_syncUiForItemReplace</strong>
(
)
</code>
<div class="description" property="yui:description">
Synchronize and redraw the UI after an item is replaced.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__syncUiForLazyLoading">
<h4>
<a name="method__syncUiForLazyLoading">_syncUiForLazyLoading</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_syncUiForLazyLoading</strong>
(
)
</code>
<div class="description" property="yui:description">
Synchronize and redraw the UI for lazy loading.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__syncUiItems">
<h4>
<a name="method__syncUiItems">_syncUiItems</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_syncUiItems</strong>
(
)
</code>
<div class="description" property="yui:description">
Redraw the UI for item positioning.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__updateNavButtons">
<h4>
<a name="method__updateNavButtons">_updateNavButtons</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_updateNavButtons</strong>
(
el
,
setFocus
)
</code>
<div class="description" property="yui:description">
Set the correct class for the navigation buttons.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">el</span>
&lt;<span property="yui:type">Object</span>&gt;
</code>
<span property="yui:description"> The target button</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">setFocus</span>
&lt;<span property="yui:type">Boolean</span>&gt;
</code>
<span property="yui:description"> True to set focus ring, false otherwise.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__updatePagerButtons">
<h4>
<a name="method__updatePagerButtons">_updatePagerButtons</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_updatePagerButtons</strong>
(
)
</code>
<div class="description" property="yui:description">
Update the UI for the pager buttons based on the current page and
the number of pages.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__updatePagerMenu">
<h4>
<a name="method__updatePagerMenu">_updatePagerMenu</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_updatePagerMenu</strong>
(
)
</code>
<div class="description" property="yui:description">
Update the UI for the pager menu based on the current page and
the number of pages. If the number of pages is greater than
MAX_PAGER_BUTTONS, then the selection of pages is provided by a drop
down menu instead of a set of buttons.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__updateTabIndex">
<h4>
<a name="method__updateTabIndex">_updateTabIndex</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">_updateTabIndex</strong>
(
el
)
</code>
<div class="description" property="yui:description">
Set the correct tab index for the Carousel items.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">el</span>
&lt;<span property="yui:type">Object</span>&gt;
</code>
<span property="yui:description"> The element to be focussed</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__validateAnimation">
<h4>
<a name="method__validateAnimation">_validateAnimation</a></h4>
<div class="detail" >
<code>
protected
Boolean
<strong property="yui:name">_validateAnimation</strong>
(
cfg
)
</code>
<div class="description" property="yui:description">
Validate animation parameters.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">cfg</span>
&lt;<span property="yui:type">Object</span>&gt;
</code>
<span property="yui:description"> The animation configuration</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">The status of the validation</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__validateFirstVisible">
<h4>
<a name="method__validateFirstVisible">_validateFirstVisible</a></h4>
<div class="detail" >
<code>
protected
Boolean
<strong property="yui:name">_validateFirstVisible</strong>
(
val
)
</code>
<div class="description" property="yui:description">
Validate the firstVisible value.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">val</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The first visible value</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">The status of the validation</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__validateNavigation">
<h4>
<a name="method__validateNavigation">_validateNavigation</a></h4>
<div class="detail" >
<code>
protected
Boolean
<strong property="yui:name">_validateNavigation</strong>
(
cfg
)
</code>
<div class="description" property="yui:description">
Validate and navigation parameters.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">cfg</span>
&lt;<span property="yui:type">Object</span>&gt;
</code>
<span property="yui:description"> The navigation configuration</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">The status of the validation</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__validateNumItems">
<h4>
<a name="method__validateNumItems">_validateNumItems</a></h4>
<div class="detail" >
<code>
protected
Boolean
<strong property="yui:name">_validateNumItems</strong>
(
val
)
</code>
<div class="description" property="yui:description">
Validate the numItems value.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">val</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The numItems value</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">The status of the validation</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__validateNumVisible">
<h4>
<a name="method__validateNumVisible">_validateNumVisible</a></h4>
<div class="detail" >
<code>
protected
Boolean
<strong property="yui:name">_validateNumVisible</strong>
(
val
)
</code>
<div class="description" property="yui:description">
Validate the numVisible value.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">val</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The numVisible value</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">The status of the validation</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__validateRevealAmount">
<h4>
<a name="method__validateRevealAmount">_validateRevealAmount</a></h4>
<div class="detail" >
<code>
protected
Boolean
<strong property="yui:name">_validateRevealAmount</strong>
(
val
)
</code>
<div class="description" property="yui:description">
Validate the revealAmount value.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">val</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The revealAmount value</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">The status of the validation</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method__validateScrollIncrement">
<h4>
<a name="method__validateScrollIncrement">_validateScrollIncrement</a></h4>
<div class="detail" >
<code>
protected
Boolean
<strong property="yui:name">_validateScrollIncrement</strong>
(
val
)
</code>
<div class="description" property="yui:description">
Validate the scrollIncrement value.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">val</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The scrollIncrement value</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">The status of the validation</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_addItem">
<h4>
<a name="method_addItem">addItem</a></h4>
<div class="detail" >
<code>
Boolean
<strong property="yui:name">addItem</strong>
(
item
,
index
)
</code>
<div class="description" property="yui:description">
Insert or append an item to the Carousel.
E.g. if Object: ({content:"Your Content", id:"", className:""}, index)
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">item</span>
&lt;<span property="yui:type">String | Object | HTMLElement</span>&gt;
</code>
<span property="yui:description"> The item to be appended
to the Carousel. If the parameter is a string, it is assumed to be
the content of the newly created item. If the parameter is an
object, it is assumed to supply the content and an optional class
and an optional id of the newly created item.</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">index</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> optional The position to where in the list
(starts from zero).</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">Return true on success, false otherwise</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_addItems">
<h4>
<a name="method_addItems">addItems</a></h4>
<div class="detail" >
<code>
Boolean
<strong property="yui:name">addItems</strong>
(
items
)
</code>
<div class="description" property="yui:description">
Insert or append multiple items to the Carousel.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">items</span>
&lt;<span property="yui:type">Array} An array containing an array of new items each linked to the
index where the insertion should take place.
E.g. [[{content:'<img/>'}, index1], [{content:'<img/>'</span>&gt;
</code>
<span property="yui:description"> , index2]]
NOTE: An item at index must already exist.</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">Return true on success, false otherwise</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_blur">
<h4>
<a name="method_blur">blur</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">blur</strong>
(
)
</code>
<div class="description" property="yui:description">
Remove focus from the Carousel.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_clearItems">
<h4>
<a name="method_clearItems">clearItems</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">clearItems</strong>
(
)
</code>
<div class="description" property="yui:description">
Clears the items from Carousel.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method_createCarousel">
<h4>
<a name="method_createCarousel">createCarousel</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">createCarousel</strong>
(
elId
)
</code>
<div class="description" property="yui:description">
Create the Carousel.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">elId</span>
&lt;<span property="yui:type">String</span>&gt;
</code>
<span property="yui:description"> The id of the element to be created</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method_createCarouselClip">
<h4>
<a name="method_createCarouselClip">createCarouselClip</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">createCarouselClip</strong>
(
)
</code>
<div class="description" property="yui:description">
Create the Carousel clip container.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method_createCarouselItem">
<h4>
<a name="method_createCarouselItem">createCarouselItem</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">createCarouselItem</strong>
(
obj
)
</code>
<div class="description" property="yui:description">
Create the Carousel item.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">obj</span>
&lt;<span property="yui:type">Object</span>&gt;
</code>
<span property="yui:description"> The attributes of the element to be created</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method_createElement">
<h4>
<a name="method_createElement">createElement</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">createElement</strong>
(
el
,
attrs
)
</code>
<div class="description" property="yui:description">
Create an element, set its class name and optionally install the element
to its parent.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">el</span>
&lt;<span property="yui:type">String</span>&gt;
</code>
<span property="yui:description"> The element to be created</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">attrs</span>
&lt;<span property="yui:type">Object</span>&gt;
</code>
<span property="yui:description"> Configuration of parent, class and id attributes.
If the content is specified, it is inserted after creation of the
element. The content can also be an HTML element in which case it would
be appended as a child node of the created element.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_focus">
<h4>
<a name="method_focus">focus</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">focus</strong>
(
)
</code>
<div class="description" property="yui:description">
Set focus on the Carousel.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_getById">
<h4>
<a name="method_getById">getById</a></h4>
<div class="detail" >
<code>
static
void
<strong property="yui:name">getById</strong>
(
)
</code>
<div class="description" property="yui:description">
Return the appropriate Carousel object based on the id associated with
the Carousel element or false if none match.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method_getCarouselItemPosition">
<h4>
<a name="method_getCarouselItemPosition">getCarouselItemPosition</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">getCarouselItemPosition</strong>
(
position
)
</code>
<div class="description" property="yui:description">
Compute and return the position of a Carousel item based on its
position.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">position</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The position of the Carousel item.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method_getCarouselItemSize">
<h4>
<a name="method_getCarouselItemSize">getCarouselItemSize</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">getCarouselItemSize</strong>
(
which
)
</code>
<div class="description" property="yui:description">
Compute and return the height or width of a single Carousel item
depending upon the orientation.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">which</span>
&lt;<span property="yui:type">String</span>&gt;
</code>
<span property="yui:description"> "height" or "width" to be returned. If this is
passed explicitly, the calculated size is not cached.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method_getDimensions">
<h4>
<a name="method_getDimensions">getDimensions</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">getDimensions</strong>
(
el
,
which
)
</code>
<div class="description" property="yui:description">
Get full dimensions of an element.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">el</span>
&lt;<span property="yui:type">Object</span>&gt;
</code>
<span property="yui:description"> The element to get the dimensions of</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">which</span>
&lt;<span property="yui:type">String</span>&gt;
</code>
<span property="yui:description"> Get the height or width of an element</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_getElementForItem">
<h4>
<a name="method_getElementForItem">getElementForItem</a></h4>
<div class="detail" >
<code>
Element
<strong property="yui:name">getElementForItem</strong>
(
index
)
</code>
<div class="description" property="yui:description">
Return the carouselItemEl at index or null if the index is not
found.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">index</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The index of the item to be returned</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Element
</code></dt>
<dd property="yui:returnInfo">Return the item at index or null if not found</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_getElementForItems">
<h4>
<a name="method_getElementForItems">getElementForItems</a></h4>
<div class="detail" >
<code>
Array
<strong property="yui:name">getElementForItems</strong>
(
)
</code>
<div class="description" property="yui:description">
Return the carouselItemEl for all items in the Carousel.
</div>
<div class="description">
<dl>
<dt>Returns:
<code property="yui:return">
Array
</code></dt>
<dd property="yui:returnInfo">Return all the items</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method_getFirstVisibleForPosition">
<h4>
<a name="method_getFirstVisibleForPosition">getFirstVisibleForPosition</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">getFirstVisibleForPosition</strong>
(
pos
)
</code>
<div class="description" property="yui:description">
Return the index of the first item in the view port for displaying item
in "pos".
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">pos</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The position of the item to be displayed</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_getFirstVisibleOnpage">
<h4>
<a name="method_getFirstVisibleOnpage">getFirstVisibleOnpage</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">getFirstVisibleOnpage</strong>
(
page
)
</code>
<div class="description" property="yui:description">
Get the first visible item's index on any given page.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">page</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> Page</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">First item's index</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_getItem">
<h4>
<a name="method_getItem">getItem</a></h4>
<div class="detail" >
<code>
Object
<strong property="yui:name">getItem</strong>
(
index
)
</code>
<div class="description" property="yui:description">
Return the item at index or null if the index is not found.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">index</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The index of the item to be returned</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Object
</code></dt>
<dd property="yui:returnInfo">Return the item at index or null if not found</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_getItemPositionById">
<h4>
<a name="method_getItemPositionById">getItemPositionById</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">getItemPositionById</strong>
(
index
)
</code>
<div class="description" property="yui:description">
Return the position of the Carousel item that has the id "id", or -1
if the id is not found.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">index</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The index of the item to be returned</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_getItems">
<h4>
<a name="method_getItems">getItems</a></h4>
<div class="detail" >
<code>
Array
<strong property="yui:name">getItems</strong>
(
)
</code>
<div class="description" property="yui:description">
Return all items as an array.
</div>
<div class="description">
<dl>
<dt>Returns:
<code property="yui:return">
Array
</code></dt>
<dd property="yui:returnInfo">Return all items in the Carousel</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_getLoadingItems">
<h4>
<a name="method_getLoadingItems">getLoadingItems</a></h4>
<div class="detail" >
<code>
Array
<strong property="yui:name">getLoadingItems</strong>
(
)
</code>
<div class="description" property="yui:description">
Return all loading items as an array.
</div>
<div class="description">
<dl>
<dt>Returns:
<code property="yui:return">
Array
</code></dt>
<dd property="yui:returnInfo">Return all items that are loading in the Carousel.</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_getPageForItem">
<h4>
<a name="method_getPageForItem">getPageForItem</a></h4>
<div class="detail" >
<code>
Number
<strong property="yui:name">getPageForItem</strong>
(
index
)
</code>
<div class="description" property="yui:description">
Get the page an item is on within carousel.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">index</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> Index of item</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Number
</code></dt>
<dd property="yui:returnInfo">Page item is on</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method_getRevealSize">
<h4>
<a name="method_getRevealSize">getRevealSize</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">getRevealSize</strong>
(
)
</code>
<div class="description" property="yui:description">
Return the size of a part of the item (reveal).
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method_getScrollOffset">
<h4>
<a name="method_getScrollOffset">getScrollOffset</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">getScrollOffset</strong>
(
delta
)
</code>
<div class="description" property="yui:description">
Return the scrolling offset size given the number of elements to
scroll.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">delta</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The delta number of elements to scroll by.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method_getStyle">
<h4>
<a name="method_getStyle">getStyle</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">getStyle</strong>
(
el
,
style
,
type
)
</code>
<div class="description" property="yui:description">
Get the computed style of an element.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">el</span>
&lt;<span property="yui:type">HTMLElement</span>&gt;
</code>
<span property="yui:description"> The element for which the style needs to be
returned.</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">style</span>
&lt;<span property="yui:type">String</span>&gt;
</code>
<span property="yui:description"> The style attribute</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">type</span>
&lt;<span property="yui:type">String</span>&gt;
</code>
<span property="yui:description"> "int", "float", etc. (defaults to int)</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_getVisibleItems">
<h4>
<a name="method_getVisibleItems">getVisibleItems</a></h4>
<div class="detail" >
<code>
Array
<strong property="yui:name">getVisibleItems</strong>
(
)
</code>
<div class="description" property="yui:description">
Return all visible items as an array.
</div>
<div class="description">
<dl>
<dt>Returns:
<code property="yui:return">
Array
</code></dt>
<dd property="yui:returnInfo">The array of visible items</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_hide">
<h4>
<a name="method_hide">hide</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">hide</strong>
(
)
</code>
<div class="description" property="yui:description">
Hide the Carousel.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_init">
<h4>
<a name="method_init">init</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">init</strong>
(
el
,
attrs
)
</code>
<div class="description" property="yui:description">
Initialize the Carousel.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">el</span>
&lt;<span property="yui:type">HTMLElement | String</span>&gt;
</code>
<span property="yui:description"> The html element that represents
the Carousel container.</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">attrs</span>
&lt;<span property="yui:type">Object</span>&gt;
</code>
<span property="yui:description"> The set of configuration attributes for
creating the Carousel.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_initAttributes">
<h4>
<a name="method_initAttributes">initAttributes</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">initAttributes</strong>
(
attrs
)
</code>
<div class="description" property="yui:description">
Initialize the configuration attributes used to create the Carousel.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">attrs</span>
&lt;<span property="yui:type">Object</span>&gt;
</code>
<span property="yui:description"> The set of configuration attributes for
creating the Carousel.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_initEvents">
<h4>
<a name="method_initEvents">initEvents</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">initEvents</strong>
(
)
</code>
<div class="description" property="yui:description">
Initialize and bind the event handlers.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_isAnimating">
<h4>
<a name="method_isAnimating">isAnimating</a></h4>
<div class="detail" >
<code>
Boolean
<strong property="yui:name">isAnimating</strong>
(
)
</code>
<div class="description" property="yui:description">
Return true if the Carousel is still animating, or false otherwise.
</div>
<div class="description">
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">Return true if animation is still in progress, or
false otherwise.</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_isAutoPlayOn">
<h4>
<a name="method_isAutoPlayOn">isAutoPlayOn</a></h4>
<div class="detail" >
<code>
Boolean
<strong property="yui:name">isAutoPlayOn</strong>
(
)
</code>
<div class="description" property="yui:description">
Return true if the auto-scrolling of Carousel is "on", or false
otherwise.
</div>
<div class="description">
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">Return true if autoPlay is "on", or false
otherwise.</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method_parseCarousel">
<h4>
<a name="method_parseCarousel">parseCarousel</a></h4>
<div class="detail" >
<code>
protected
Boolean
<strong property="yui:name">parseCarousel</strong>
(
parent
)
</code>
<div class="description" property="yui:description">
Find the Carousel within a container. The Carousel is identified by
the first element that matches the carousel element tag or the
element that has the Carousel class.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">parent</span>
&lt;<span property="yui:type">HTMLElement</span>&gt;
</code>
<span property="yui:description"> The parent element to look under</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">True if Carousel is found, false otherwise</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method_parseCarouselItems">
<h4>
<a name="method_parseCarouselItems">parseCarouselItems</a></h4>
<div class="detail" >
<code>
protected
void
<strong property="yui:name">parseCarouselItems</strong>
(
)
</code>
<div class="description" property="yui:description">
Find the items within the Carousel and add them to the items table.
A Carousel item is identified by elements that matches the carousel
item element tag.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="protected" rel="yui:method" resource="#method_parseCarouselNavigation">
<h4>
<a name="method_parseCarouselNavigation">parseCarouselNavigation</a></h4>
<div class="detail" >
<code>
protected
Boolean
<strong property="yui:name">parseCarouselNavigation</strong>
(
parent
)
</code>
<div class="description" property="yui:description">
Find the Carousel navigation within a container. The navigation
elements need to match the carousel navigation class names.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">parent</span>
&lt;<span property="yui:type">HTMLElement</span>&gt;
</code>
<span property="yui:description"> The parent element to look under</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">True if at least one is found, false otherwise</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_registerPagination">
<h4>
<a name="method_registerPagination">registerPagination</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">registerPagination</strong>
(
template
)
</code>
<div class="description" property="yui:description">
Register carousels pagination template, append to interface, and populate.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">template</span>
&lt;<span property="yui:type">String</span>&gt;
</code>
<span property="yui:description"> Pagination template as passed to lang.substitute</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_removeItem">
<h4>
<a name="method_removeItem">removeItem</a></h4>
<div class="detail" >
<code>
Boolean
<strong property="yui:name">removeItem</strong>
(
index
)
</code>
<div class="description" property="yui:description">
Remove an item at index from the Carousel.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">index</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The position to where in the list (starts from
zero).</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">Return true on success, false otherwise</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_render">
<h4>
<a name="method_render">render</a></h4>
<div class="detail" >
<code>
Boolean
<strong property="yui:name">render</strong>
(
appendTo
)
</code>
<div class="description" property="yui:description">
Render the Carousel.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">appendTo</span>
&lt;<span property="yui:type">HTMLElement | String</span>&gt;
</code>
<span property="yui:description"> The element to which the
Carousel should be appended prior to rendering.</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">Status of the operation</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_replaceItem">
<h4>
<a name="method_replaceItem">replaceItem</a></h4>
<div class="detail" >
<code>
Boolean
<strong property="yui:name">replaceItem</strong>
(
item
,
index
)
</code>
<div class="description" property="yui:description">
Replace an item at index witin Carousel.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">item</span>
&lt;<span property="yui:type">String | Object | HTMLElement</span>&gt;
</code>
<span property="yui:description"> The item to be appended
to the Carousel. If the parameter is a string, it is assumed to be
the content of the newly created item. If the parameter is an
object, it is assumed to supply the content and an optional class
and an optional id of the newly created item.</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">index</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The position to where in the list (starts from
zero).</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">Return true on success, false otherwise</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_replaceItems">
<h4>
<a name="method_replaceItems">replaceItems</a></h4>
<div class="detail" >
<code>
Boolean
<strong property="yui:name">replaceItems</strong>
(
items
)
</code>
<div class="description" property="yui:description">
Replace multiple items at specified indexes.
NOTE: item at index must already exist.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">items</span>
&lt;<span property="yui:type">Array} An array containing an array of replacement items each linked to the
index where the substitution should take place.
E.g. [[{content:'<img/>'}, index1], [{content:'<img/>'</span>&gt;
</code>
<span property="yui:description"> , index2]]</span>
</dd>
</dl>
<dl>
<dt>Returns:
<code property="yui:return">
Boolean
</code></dt>
<dd property="yui:returnInfo">Return true on success, false otherwise</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_scrollBackward">
<h4>
<a name="method_scrollBackward">scrollBackward</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">scrollBackward</strong>
(
)
</code>
<div class="description" property="yui:description">
Scroll the Carousel by an item backward.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_scrollForward">
<h4>
<a name="method_scrollForward">scrollForward</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">scrollForward</strong>
(
)
</code>
<div class="description" property="yui:description">
Scroll the Carousel by an item forward.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method_scrollPageBackward">
<h4>
<a name="method_scrollPageBackward">scrollPageBackward</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">scrollPageBackward</strong>
(
ev
,
obj
)
</code>
<div class="description" property="yui:description">
Scroll the Carousel by a page backward.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">ev</span>
&lt;<span property="yui:type">Event</span>&gt;
</code>
<span property="yui:description"> The event object</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">obj</span>
&lt;<span property="yui:type">Object</span>&gt;
</code>
<span property="yui:description"> The context object</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method_scrollPageForward">
<h4>
<a name="method_scrollPageForward">scrollPageForward</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">scrollPageForward</strong>
(
ev
,
obj
)
</code>
<div class="description" property="yui:description">
Scroll the Carousel by a page forward.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">ev</span>
&lt;<span property="yui:type">Event</span>&gt;
</code>
<span property="yui:description"> The event object</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">obj</span>
&lt;<span property="yui:type">Object</span>&gt;
</code>
<span property="yui:description"> The context object</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_scrollTo">
<h4>
<a name="method_scrollTo">scrollTo</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">scrollTo</strong>
(
item
,
dontSelect
)
</code>
<div class="description" property="yui:description">
Scroll the Carousel to make the item the first visible item.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">item</span>
&lt;<span property="yui:type">object</span>&gt;
</code>
<span property="yui:description"> Number The index of the element to position at.</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">dontSelect</span>
&lt;<span property="yui:type">object</span>&gt;
</code>
<span property="yui:description"> Boolean True if select should be avoided</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_selectNextItem">
<h4>
<a name="method_selectNextItem">selectNextItem</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">selectNextItem</strong>
(
)
</code>
<div class="description" property="yui:description">
Select the next item in the Carousel.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_selectPreviousItem">
<h4>
<a name="method_selectPreviousItem">selectPreviousItem</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">selectPreviousItem</strong>
(
)
</code>
<div class="description" property="yui:description">
Select the previous item in the Carousel.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method_setItemSelection">
<h4>
<a name="method_setItemSelection">setItemSelection</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">setItemSelection</strong>
(
newpos
,
oldpos
)
</code>
<div class="description" property="yui:description">
Set the selected item.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">newpos</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The index of the new position</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">oldpos</span>
&lt;<span property="yui:type">Number</span>&gt;
</code>
<span property="yui:description"> The index of the previous position</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method_setStyles">
<h4>
<a name="method_setStyles">setStyles</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">setStyles</strong>
(
el
,
style
)
</code>
<div class="description" property="yui:description">
Set multiple styles on one element.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">el</span>
&lt;<span property="yui:type">HTMLElement</span>&gt;
</code>
<span property="yui:description"> The element to set styles on</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">style</span>
&lt;<span property="yui:type">Object</span>&gt;
</code>
<span property="yui:description"> top:"10px", left:"0px", etc.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_show">
<h4>
<a name="method_show">show</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">show</strong>
(
)
</code>
<div class="description" property="yui:description">
Display the Carousel.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_startAutoPlay">
<h4>
<a name="method_startAutoPlay">startAutoPlay</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">startAutoPlay</strong>
(
)
</code>
<div class="description" property="yui:description">
Start auto-playing the Carousel.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_stopAutoPlay">
<h4>
<a name="method_stopAutoPlay">stopAutoPlay</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">stopAutoPlay</strong>
(
)
</code>
<div class="description" property="yui:description">
Stop auto-playing the Carousel.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method_syncNavigation">
<h4>
<a name="method_syncNavigation">syncNavigation</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">syncNavigation</strong>
(
)
</code>
<div class="description" property="yui:description">
Fire custom events for enabling/disabling navigation elements.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method_syncPagerUi">
<h4>
<a name="method_syncPagerUi">syncPagerUi</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">syncPagerUi</strong>
(
)
</code>
<div class="description" property="yui:description">
Synchronize and redraw the Pager UI if necessary.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method_syncUi">
<h4>
<a name="method_syncUi">syncUi</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">syncUi</strong>
(
o
)
</code>
<div class="description" property="yui:description">
Handle UI update.
Call the appropriate methods on events fired when an item is added, or
removed for synchronizing the DOM.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">o</span>
&lt;<span property="yui:type">Object</span>&gt;
</code>
<span property="yui:description"> The item that needs to be added or removed</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_toString">
<h4>
<a name="method_toString">toString</a></h4>
<div class="detail" >
<code>
String
<strong property="yui:name">toString</strong>
(
)
</code>
<div class="description" property="yui:description">
Return the string representation of the Carousel.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:method" resource="#method_updatePagination">
<h4>
<a name="method_updatePagination">updatePagination</a></h4>
<div class="detail" >
<code>
void
<strong property="yui:name">updatePagination</strong>
(
)
</code>
<div class="description" property="yui:description">
Update interface's pagination data within a registered template.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="private" rel="yui:method" resource="#method_updateStateAfterScroll">
<h4>
<a name="method_updateStateAfterScroll">updateStateAfterScroll</a></h4>
<div class="detail" >
<code>
private
void
<strong property="yui:name">updateStateAfterScroll</strong>
(
item
,
sentinel
)
</code>
<div class="description" property="yui:description">
Update the state variables after scrolling the Carousel view port.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">item</span>
&lt;<span property="yui:type">Integer</span>&gt;
</code>
<span property="yui:description"> The index to which the Carousel has scrolled to.</span>
</dd>
<dd rel="yui:parameter">
<code><span property="yui:name">sentinel</span>
&lt;<span property="yui:type">Integer</span>&gt;
</code>
<span property="yui:description"> The last element in the view port.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
</div>
</div>
<div rel="yui:inheritance">
<div class="section field inheritance" rel="yui:superclass" resource="YAHOO.util.Element.html">
<h4>Methods inherited from <a href="YAHOO.util.Element.html" property="yui:name" title="YAHOO.util.Element">YAHOO.util.Element</a>:</h4>
<div class="content" rel="yui:methods">
<code>
<span rel="yui:method" resource="YAHOO.util.Element.html#method__setHTMLAttrConfig">
<a class="private" href="YAHOO.util.Element.html#method__setHTMLAttrConfig" property="yui:name" title="_setHTMLAttrConfig">_setHTMLAttrConfig</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_addClass">
<a class="" href="YAHOO.util.Element.html#method_addClass" property="yui:name" title="addClass">addClass</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_addListener">
<a class="" href="YAHOO.util.Element.html#method_addListener" property="yui:name" title="addListener">addListener</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_appendChild">
<a class="" href="YAHOO.util.Element.html#method_appendChild" property="yui:name" title="appendChild">appendChild</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_appendTo">
<a class="" href="YAHOO.util.Element.html#method_appendTo" property="yui:name" title="appendTo">appendTo</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_delegate">
<a class="" href="YAHOO.util.Element.html#method_delegate" property="yui:name" title="delegate">delegate</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_fireQueue">
<a class="" href="YAHOO.util.Element.html#method_fireQueue" property="yui:name" title="fireQueue">fireQueue</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_getElementsByClassName">
<a class="" href="YAHOO.util.Element.html#method_getElementsByClassName" property="yui:name" title="getElementsByClassName">getElementsByClassName</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_getElementsByTagName">
<a class="" href="YAHOO.util.Element.html#method_getElementsByTagName" property="yui:name" title="getElementsByTagName">getElementsByTagName</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_getStyle">
<a class="" href="YAHOO.util.Element.html#method_getStyle" property="yui:name" title="getStyle">getStyle</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_hasChildNodes">
<a class="" href="YAHOO.util.Element.html#method_hasChildNodes" property="yui:name" title="hasChildNodes">hasChildNodes</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_hasClass">
<a class="" href="YAHOO.util.Element.html#method_hasClass" property="yui:name" title="hasClass">hasClass</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_initAttributes">
<a class="" href="YAHOO.util.Element.html#method_initAttributes" property="yui:name" title="initAttributes">initAttributes</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_insertBefore">
<a class="" href="YAHOO.util.Element.html#method_insertBefore" property="yui:name" title="insertBefore">insertBefore</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_on">
<a class="" href="YAHOO.util.Element.html#method_on" property="yui:name" title="on">on</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_removeChild">
<a class="" href="YAHOO.util.Element.html#method_removeChild" property="yui:name" title="removeChild">removeChild</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_removeClass">
<a class="" href="YAHOO.util.Element.html#method_removeClass" property="yui:name" title="removeClass">removeClass</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_removeDelegate">
<a class="" href="YAHOO.util.Element.html#method_removeDelegate" property="yui:name" title="removeDelegate">removeDelegate</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_removeListener">
<a class="" href="YAHOO.util.Element.html#method_removeListener" property="yui:name" title="removeListener">removeListener</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_replaceChild">
<a class="" href="YAHOO.util.Element.html#method_replaceChild" property="yui:name" title="replaceChild">replaceChild</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_replaceClass">
<a class="" href="YAHOO.util.Element.html#method_replaceClass" property="yui:name" title="replaceClass">replaceClass</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_setStyle">
<a class="" href="YAHOO.util.Element.html#method_setStyle" property="yui:name" title="setStyle">setStyle</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.Element.html#method_subscribe">
<a class="" href="YAHOO.util.Element.html#method_subscribe" property="yui:name" title="subscribe">subscribe</a>
</span>
</code>
</div>
</div>
<div class="section field inheritance" rel="yui:superclass" resource="YAHOO.util.AttributeProvider.html">
<h4>Methods inherited from <a href="YAHOO.util.AttributeProvider.html" property="yui:name" title="YAHOO.util.AttributeProvider">YAHOO.util.AttributeProvider</a>:</h4>
<div class="content" rel="yui:methods">
<code>
<span rel="yui:method" resource="YAHOO.util.AttributeProvider.html#method_configureAttribute">
<a class=" deprecated" href="YAHOO.util.AttributeProvider.html#method_configureAttribute" property="yui:name" title="configureAttribute">configureAttribute</a><span class=" deprecated">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.AttributeProvider.html#method_fireBeforeChangeEvent">
<a class="" href="YAHOO.util.AttributeProvider.html#method_fireBeforeChangeEvent" property="yui:name" title="fireBeforeChangeEvent">fireBeforeChangeEvent</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.AttributeProvider.html#method_fireChangeEvent">
<a class="" href="YAHOO.util.AttributeProvider.html#method_fireChangeEvent" property="yui:name" title="fireChangeEvent">fireChangeEvent</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.AttributeProvider.html#method_get">
<a class="" href="YAHOO.util.AttributeProvider.html#method_get" property="yui:name" title="get">get</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.AttributeProvider.html#method_getAttributeConfig">
<a class="private" href="YAHOO.util.AttributeProvider.html#method_getAttributeConfig" property="yui:name" title="getAttributeConfig">getAttributeConfig</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.AttributeProvider.html#method_getAttributeKeys">
<a class="" href="YAHOO.util.AttributeProvider.html#method_getAttributeKeys" property="yui:name" title="getAttributeKeys">getAttributeKeys</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.AttributeProvider.html#method_refresh">
<a class="" href="YAHOO.util.AttributeProvider.html#method_refresh" property="yui:name" title="refresh">refresh</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.AttributeProvider.html#method_register">
<a class=" deprecated" href="YAHOO.util.AttributeProvider.html#method_register" property="yui:name" title="register">register</a><span class=" deprecated">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.AttributeProvider.html#method_resetAttributeConfig">
<a class="private" href="YAHOO.util.AttributeProvider.html#method_resetAttributeConfig" property="yui:name" title="resetAttributeConfig">resetAttributeConfig</a><span class="private">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.AttributeProvider.html#method_resetValue">
<a class="" href="YAHOO.util.AttributeProvider.html#method_resetValue" property="yui:name" title="resetValue">resetValue</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.AttributeProvider.html#method_set">
<a class="" href="YAHOO.util.AttributeProvider.html#method_set" property="yui:name" title="set">set</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.AttributeProvider.html#method_setAttributeConfig">
<a class="" href="YAHOO.util.AttributeProvider.html#method_setAttributeConfig" property="yui:name" title="setAttributeConfig">setAttributeConfig</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.AttributeProvider.html#method_setAttributes">
<a class="" href="YAHOO.util.AttributeProvider.html#method_setAttributes" property="yui:name" title="setAttributes">setAttributes</a>
</span>
</code>
</div>
</div>
<div class="section field inheritance" rel="yui:superclass" resource="YAHOO.util.EventProvider.html">
<h4>Methods inherited from <a href="YAHOO.util.EventProvider.html" property="yui:name" title="YAHOO.util.EventProvider">YAHOO.util.EventProvider</a>:</h4>
<div class="content" rel="yui:methods">
<code>
<span rel="yui:method" resource="YAHOO.util.EventProvider.html#method_createEvent">
<a class="" href="YAHOO.util.EventProvider.html#method_createEvent" property="yui:name" title="createEvent">createEvent</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.EventProvider.html#method_fireEvent">
<a class="" href="YAHOO.util.EventProvider.html#method_fireEvent" property="yui:name" title="fireEvent">fireEvent</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.EventProvider.html#method_hasEvent">
<a class="" href="YAHOO.util.EventProvider.html#method_hasEvent" property="yui:name" title="hasEvent">hasEvent</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.EventProvider.html#method_subscribe">
<a class="" href="YAHOO.util.EventProvider.html#method_subscribe" property="yui:name" title="subscribe">subscribe</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.EventProvider.html#method_unsubscribe">
<a class="" href="YAHOO.util.EventProvider.html#method_unsubscribe" property="yui:name" title="unsubscribe">unsubscribe</a><span class="">,</span>
</span>
<span rel="yui:method" resource="YAHOO.util.EventProvider.html#method_unsubscribeAll">
<a class="" href="YAHOO.util.EventProvider.html#method_unsubscribeAll" property="yui:name" title="unsubscribeAll">unsubscribeAll</a>
</span>
</code>
</div>
</div>
</div>
</div>
<div rel="yui:events" resource="#events">
<div class="section method details">
<h3 id="events">Events</h3>
<div class="content">
<div class="" rel="yui:event" resource="#event_afterScroll">
<h4>
<a name="event_afterScroll">afterScroll</a></h4>
<div class="detail">
<code>
<strong property="yui:name">afterScroll</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires when the Carousel has scrolled to the previous or
next page. Passes back the index of the first and last visible items in
the Carousel. See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_allItemsRemovedEvent">
<h4>
<a name="event_allItemsRemovedEvent">allItemsRemovedEvent</a></h4>
<div class="detail">
<code>
<strong property="yui:name">allItemsRemovedEvent</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires when all items have been removed from the Carousel.
See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_animationChange">
<h4>
<a name="event_animationChange">animationChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">animationChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'animation' changes.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_autoPlayChange">
<h4>
<a name="event_autoPlayChange">autoPlayChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">autoPlayChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'autoPlay' changes.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_autoPlayIntervalChange">
<h4>
<a name="event_autoPlayIntervalChange">autoPlayIntervalChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">autoPlayIntervalChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'autoPlayInterval' changes.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeAnimationChange">
<h4>
<a name="event_beforeAnimationChange">beforeAnimationChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeAnimationChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires before the value for the configuration attribute 'animation' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeAutoPlayChange">
<h4>
<a name="event_beforeAutoPlayChange">beforeAutoPlayChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeAutoPlayChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires before the value for the configuration attribute 'autoPlay' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeAutoPlayIntervalChange">
<h4>
<a name="event_beforeAutoPlayIntervalChange">beforeAutoPlayIntervalChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeAutoPlayIntervalChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires before the value for the configuration attribute 'autoPlayInterval' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeCarouselElChange">
<h4>
<a name="event_beforeCarouselElChange">beforeCarouselElChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeCarouselElChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires before the value for the configuration attribute 'carouselEl' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeCarouselItemElChange">
<h4>
<a name="event_beforeCarouselItemElChange">beforeCarouselItemElChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeCarouselItemElChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires before the value for the configuration attribute 'carouselItemEl' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeCurrentPageChange">
<h4>
<a name="event_beforeCurrentPageChange">beforeCurrentPageChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeCurrentPageChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires before the value for the configuration attribute 'currentPage' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeFirstVisibleChange">
<h4>
<a name="event_beforeFirstVisibleChange">beforeFirstVisibleChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeFirstVisibleChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires before the value for the configuration attribute 'firstVisible' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeHide">
<h4>
<a name="event_beforeHide">beforeHide</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeHide</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires before the Carousel is hidden. See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeIsCircularChange">
<h4>
<a name="event_beforeIsCircularChange">beforeIsCircularChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeIsCircularChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires before the value for the configuration attribute 'isCircular' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeIsVerticalChange">
<h4>
<a name="event_beforeIsVerticalChange">beforeIsVerticalChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeIsVerticalChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires before the value for the configuration attribute 'isVertical' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeLastVisibleChange">
<h4>
<a name="event_beforeLastVisibleChange">beforeLastVisibleChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeLastVisibleChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires before the value for the configuration attribute 'lastVisible' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeNavigationChange">
<h4>
<a name="event_beforeNavigationChange">beforeNavigationChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeNavigationChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires before the value for the configuration attribute 'navigation' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeNumItemsChange">
<h4>
<a name="event_beforeNumItemsChange">beforeNumItemsChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeNumItemsChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires before the value for the configuration attribute 'numItems' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeNumPagesChange">
<h4>
<a name="event_beforeNumPagesChange">beforeNumPagesChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeNumPagesChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires before the value for the configuration attribute 'numPages' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeNumVisibleChange">
<h4>
<a name="event_beforeNumVisibleChange">beforeNumVisibleChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeNumVisibleChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires before the value for the configuration attribute 'numVisible' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforePageChange">
<h4>
<a name="event_beforePageChange">beforePageChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforePageChange</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires when the Carousel is about to scroll to the previous
or next page. Passes back the page number of the current page. Note
that the first page number is zero. See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeRevealAmountChange">
<h4>
<a name="event_beforeRevealAmountChange">beforeRevealAmountChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeRevealAmountChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires before the value for the configuration attribute 'revealAmount' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeScroll">
<h4>
<a name="event_beforeScroll">beforeScroll</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeScroll</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires when the Carousel is about to scroll to the previous
or next page. Passes back the index of the first and last visible items
in the Carousel and the direction (backward/forward) of the scroll. See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeScrollIncrementChange">
<h4>
<a name="event_beforeScrollIncrementChange">beforeScrollIncrementChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeScrollIncrementChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires before the value for the configuration attribute 'scrollIncrement' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeSelectedItemChange">
<h4>
<a name="event_beforeSelectedItemChange">beforeSelectedItemChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeSelectedItemChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires before the value for the configuration attribute 'selectedItem' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeSelectOnScrollChange">
<h4>
<a name="event_beforeSelectOnScrollChange">beforeSelectOnScrollChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeSelectOnScrollChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires before the value for the configuration attribute 'selectOnScroll' changes. Return false to cancel the attribute change.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_beforeShow">
<h4>
<a name="event_beforeShow">beforeShow</a></h4>
<div class="detail">
<code>
<strong property="yui:name">beforeShow</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires when the Carousel is about to be shown. See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_blur">
<h4>
<a name="event_blur">blur</a></h4>
<div class="detail">
<code>
<strong property="yui:name">blur</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires when the Carousel loses focus. See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_carouselElChange">
<h4>
<a name="event_carouselElChange">carouselElChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">carouselElChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'carouselEl' changes.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_carouselItemElChange">
<h4>
<a name="event_carouselItemElChange">carouselItemElChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">carouselItemElChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'carouselItemEl' changes.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_currentPageChange">
<h4>
<a name="event_currentPageChange">currentPageChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">currentPageChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'currentPage' changes.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_firstVisibleChange">
<h4>
<a name="event_firstVisibleChange">firstVisibleChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">firstVisibleChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'firstVisible' changes.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_focus">
<h4>
<a name="event_focus">focus</a></h4>
<div class="detail">
<code>
<strong property="yui:name">focus</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires when the Carousel gains focus. See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_hide">
<h4>
<a name="event_hide">hide</a></h4>
<div class="detail">
<code>
<strong property="yui:name">hide</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires when the Carousel is hidden. See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_isCircularChange">
<h4>
<a name="event_isCircularChange">isCircularChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">isCircularChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'isCircular' changes.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_isVerticalChange">
<h4>
<a name="event_isVerticalChange">isVerticalChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">isVerticalChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'isVertical' changes.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_itemAdded">
<h4>
<a name="event_itemAdded">itemAdded</a></h4>
<div class="detail">
<code>
<strong property="yui:name">itemAdded</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires when an item has been added to the Carousel. Passes
back the content of the item that would be added, the index at which the
item would be added, and the event itself. See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_itemRemoved">
<h4>
<a name="event_itemRemoved">itemRemoved</a></h4>
<div class="detail">
<code>
<strong property="yui:name">itemRemoved</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires when an item has been removed from the Carousel.
Passes back the content of the item that would be removed, the index
from which the item would be removed, and the event itself. See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_itemReplaced">
<h4>
<a name="event_itemReplaced">itemReplaced</a></h4>
<div class="detail">
<code>
<strong property="yui:name">itemReplaced</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires when an item has been replaced in the Carousel.
Passes back the content of the item that was replaced, the content
of the new item, the index where the replacement occurred, and the event
itself. See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_itemSelected">
<h4>
<a name="event_itemSelected">itemSelected</a></h4>
<div class="detail">
<code>
<strong property="yui:name">itemSelected</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires when an item has been selected in the Carousel.
Passes back the index of the selected item in the Carousel. Note, that
the index begins from zero. See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_lastVisibleChange">
<h4>
<a name="event_lastVisibleChange">lastVisibleChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">lastVisibleChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'lastVisible' changes.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_loadItems">
<h4>
<a name="event_loadItems">loadItems</a></h4>
<div class="detail">
<code>
<strong property="yui:name">loadItems</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires when the Carousel needs more items to be loaded for
displaying them. Passes back the first and last visible items in the
Carousel, and the number of items needed to be loaded. See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_navigationChange">
<h4>
<a name="event_navigationChange">navigationChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">navigationChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'navigation' changes.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_navigationStateChange">
<h4>
<a name="event_navigationStateChange">navigationStateChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">navigationStateChange</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires when the state of either one of the navigation
buttons are changed from enabled to disabled or vice versa. Passes back
the state (true/false) of the previous and next buttons. The value true
signifies the button is enabled, false signifies disabled. See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_numItemsChange">
<h4>
<a name="event_numItemsChange">numItemsChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">numItemsChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'numItems' changes.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_numPagesChange">
<h4>
<a name="event_numPagesChange">numPagesChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">numPagesChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'numPages' changes.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_numVisibleChange">
<h4>
<a name="event_numVisibleChange">numVisibleChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">numVisibleChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'numVisible' changes.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_pageChange">
<h4>
<a name="event_pageChange">pageChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">pageChange</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires after the Carousel has scrolled to the previous or
next page. Passes back the page number of the current page. Note
that the first page number is zero. See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_revealAmountChange">
<h4>
<a name="event_revealAmountChange">revealAmountChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">revealAmountChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'revealAmount' changes.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_scrollIncrementChange">
<h4>
<a name="event_scrollIncrementChange">scrollIncrementChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">scrollIncrementChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'scrollIncrement' changes.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_selectedItemChange">
<h4>
<a name="event_selectedItemChange">selectedItemChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">selectedItemChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'selectedItem' changes.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_selectOnScrollChange">
<h4>
<a name="event_selectOnScrollChange">selectOnScrollChange</a></h4>
<div class="detail">
<code>
<strong property="yui:name">selectOnScrollChange</strong>
(
event
)
</code>
<div class="description" property="yui:description">
Fires when the value for the configuration attribute 'selectOnScroll' changes.
</div>
<div class="description">
<dl rel="yui:parameters">
<dt>Parameters:</dt>
<dd rel="yui:parameter">
<code><span property="yui:name">event</span>
&lt;<span property="yui:type">{oldValue: any, newValue: any}</span>&gt;
</code>
<span property="yui:description">An object containing the previous attribute value and the new value.</span>
</dd>
</dl>
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_show">
<h4>
<a name="event_show">show</a></h4>
<div class="detail">
<code>
<strong property="yui:name">show</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires when the Carousel is shown. See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_startAutoPlay">
<h4>
<a name="event_startAutoPlay">startAutoPlay</a></h4>
<div class="detail">
<code>
<strong property="yui:name">startAutoPlay</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires when the auto play has started in the Carousel. See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
<div class="" rel="yui:event" resource="#event_stopAutoPlay">
<h4>
<a name="event_stopAutoPlay">stopAutoPlay</a></h4>
<div class="detail">
<code>
<strong property="yui:name">stopAutoPlay</strong>
(
)
</code>
<div class="description" property="yui:description">
Fires when the auto play has been stopped in the Carousel.
See
<a href="YAHOO.util.Element.html#addListener">Element.addListener</a>
for more information on listening for this event.
</div>
<div class="description">
</div>
</div>
<hr />
</div>
</div>
</div>
<div rel="yui:inheritance">
<div class="section field inheritance" rel="yui:superclass" resource="YAHOO.util.Element.html">
<h4>Events inherited from <a href="YAHOO.util.Element.html" property="yui:name" title="YAHOO.util.Element">YAHOO.util.Element</a>:</h4>
<div class="content" rel="yui:events">
<code>
<span rel="yui:event" resource="YAHOO.util.Element.html#event_appendTo">
<a class="" href="YAHOO.util.Element.html#event_appendTo" property="yui:name" title="appendTo">appendTo</a><span class="">,</span>
</span>
<span rel="yui:event" resource="YAHOO.util.Element.html#event_available">
<a class="" href="YAHOO.util.Element.html#event_available" property="yui:name" title="available">available</a><span class="">,</span>
</span>
<span rel="yui:event" resource="YAHOO.util.Element.html#event_beforeAppendTo">
<a class="" href="YAHOO.util.Element.html#event_beforeAppendTo" property="yui:name" title="beforeAppendTo">beforeAppendTo</a><span class="">,</span>
</span>
<span rel="yui:event" resource="YAHOO.util.Element.html#event_beforeElementChange">
<a class="" href="YAHOO.util.Element.html#event_beforeElementChange" property="yui:name" title="beforeElementChange">beforeElementChange</a><span class="">,</span>
</span>
<span rel="yui:event" resource="YAHOO.util.Element.html#event_contentReady">
<a class="" href="YAHOO.util.Element.html#event_contentReady" property="yui:name" title="contentReady">contentReady</a><span class="">,</span>
</span>
<span rel="yui:event" resource="YAHOO.util.Element.html#event_elementChange">
<a class="" href="YAHOO.util.Element.html#event_elementChange" property="yui:name" title="elementChange">elementChange</a><span class="">,</span>
</span>
</code>
</div>
</div>
</div>
</div>
<div rel="yui:attributes" resource="#configattributes">
<div class="section field details">
<h3 id="configattributes">Configuration Attributes</h3>
<div class="content">
<div class="" rel="yui:attribute" resource="#config_animation">
<h4><a name="config_animation">animation</a>
<code>- <span property="yui:type">Object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The optional animation attributes for the Carousel.
</div>
</div>
<div class="default">
Default Value: <br>
{ speed: 0, // the animation speed (in seconds)<br>
effect: null } // the animation effect (like
YAHOO.util.Easing.easeOut)
</div>
<hr />
</div>
<div class=" deprecated" rel="yui:attribute" resource="#config_autoPlay">
<h4><a name="config_autoPlay">autoPlay</a>
<code>- <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Set this to time in milli-seconds to have the
Carousel automatically scroll the contents.
</div>
</div>
<div class="deprecated">
<strong>Deprecated</strong> Use autoPlayInterval instead.
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_autoPlayInterval">
<h4><a name="config_autoPlayInterval">autoPlayInterval</a>
<code>- <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The delay in milli-seconds for scrolling the
Carousel during auto-play.
Note: The startAutoPlay() method needs to be invoked to trigger
automatic scrolling of Carousel.
</div>
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_carouselEl">
<h4><a name="config_carouselEl">carouselEl</a>
<code>- <span property="yui:type">Boolean</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The type of the Carousel element.
</div>
</div>
<div class="default">
Default Value: OL
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_carouselItemEl">
<h4><a name="config_carouselItemEl">carouselItemEl</a>
<code>- <span property="yui:type">Boolean</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The type of the list of items within the Carousel.
</div>
</div>
<div class="default">
Default Value: LI
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_currentPage">
<h4><a name="config_currentPage">currentPage</a>
<code>- <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The current page number (read-only.)
</div>
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_firstVisible">
<h4><a name="config_firstVisible">firstVisible</a>
<code>- <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The index to start the Carousel from (indexes begin
from zero)
</div>
</div>
<div class="default">
Default Value: 0
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_isCircular">
<h4><a name="config_isCircular">isCircular</a>
<code>- <span property="yui:type">Boolean</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Set this to true to wrap scrolling of the contents
in the Carousel.
</div>
</div>
<div class="default">
Default Value: false
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_isVertical">
<h4><a name="config_isVertical">isVertical</a>
<code>- <span property="yui:type">Boolean</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
True if the orientation of the Carousel is vertical
</div>
</div>
<div class="default">
Default Value: false
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_lastVisible">
<h4><a name="config_lastVisible">lastVisible</a>
<code>- <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The last item visible in the carousel.
</div>
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_navigation">
<h4><a name="config_navigation">navigation</a>
<code>- <span property="yui:type">Object</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The set of navigation controls for Carousel
</div>
</div>
<div class="default">
Default Value: <br>
{ prev: null, // the previous navigation element<br>
next: null } // the next navigation element
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_numItems">
<h4><a name="config_numItems">numItems</a>
<code>- <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The number of items in the Carousel.
</div>
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_numPages">
<h4><a name="config_numPages">numPages</a>
<code>- <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The number of pages in the carousel.
</div>
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_numVisible">
<h4><a name="config_numVisible">numVisible</a>
<code>- <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The number of visible items in the Carousel's
viewport.
</div>
</div>
<div class="default">
Default Value: 3
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_revealAmount">
<h4><a name="config_revealAmount">revealAmount</a>
<code>- <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The percentage of the item to be revealed on each
side of the Carousel (before and after the first and last item
in the Carousel's viewport.)
</div>
</div>
<div class="default">
Default Value: 0
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_scrollIncrement">
<h4><a name="config_scrollIncrement">scrollIncrement</a>
<code>- <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The number of items to scroll by for arrow keys.
</div>
</div>
<div class="default">
Default Value: 1
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_selectedItem">
<h4><a name="config_selectedItem">selectedItem</a>
<code>- <span property="yui:type">Number</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
The index of the selected item.
</div>
</div>
<hr />
</div>
<div class="" rel="yui:attribute" resource="#config_selectOnScroll">
<h4><a name="config_selectOnScroll">selectOnScroll</a>
<code>- <span property="yui:type">Boolean</span></code>
</h4>
<div class="detail">
<div class="description" property="yui:description">
Set this to true to automatically set focus to
follow scrolling in the Carousel.
</div>
</div>
<div class="default">
Default Value: true
</div>
<hr />
</div>
</div>
</div>
<div rel="yui:inheritance">
<div class="section field inheritance" rel="yui:superclass" resource="YAHOO.util.Element.html">
<h4>Configuration attributes inherited from <a href="YAHOO.util.Element.html" property="yui:name" title="YAHOO.util.Element">YAHOO.util.Element</a>:</h4>
<div class="content" rel="yui:attributes">
<code>
<span rel="yui:attribute" resource="YAHOO.util.Element.html#config_element">
<a class="" href="YAHOO.util.Element.html#config_element" property="yui:name" title="element">element</a>
</span>
</code>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="yui-b">
<div class="nav">
<div id="moduleList" class="module">
<h4>Modules</h4>
<ul class="content">
<li class=""><a href="module_animation.html" title="animation">animation</a></li>
<li class=""><a href="module_autocomplete.html" title="autocomplete">autocomplete</a></li>
<li class=""><a href="module_button.html" title="button">button</a></li>
<li class=""><a href="module_calendar.html" title="calendar">calendar</a></li>
<li class="selected"><a href="module_carousel.html" title="carousel">carousel</a></li>
<li class=""><a href="module_charts.html" title="charts">charts</a></li>
<li class=""><a href="module_colorpicker.html" title="colorpicker">colorpicker</a></li>
<li class=""><a href="module_connection.html" title="connection">connection</a></li>
<li class=""><a href="module_container.html" title="container">container</a></li>
<li class=""><a href="module_cookie.html" title="cookie">cookie</a></li>
<li class=""><a href="module_datasource.html" title="datasource">datasource</a></li>
<li class=""><a href="module_datatable.html" title="datatable">datatable</a></li>
<li class=""><a href="module_datemath.html" title="datemath">datemath</a></li>
<li class=""><a href="module_dom.html" title="dom">dom</a></li>
<li class=""><a href="module_dragdrop.html" title="dragdrop">dragdrop</a></li>
<li class=""><a href="module_editor.html" title="editor">editor</a></li>
<li class=""><a href="module_element.html" title="element">element</a></li>
<li class=""><a href="module_element-delegate.html" title="element-delegate">element-delegate</a></li>
<li class=""><a href="module_event.html" title="event">event</a></li>
<li class=""><a href="module_event-delegate.html" title="event-delegate">event-delegate</a></li>
<li class=""><a href="module_event-mouseenter.html" title="event-mouseenter">event-mouseenter</a></li>
<li class=""><a href="module_event-simulate.html" title="event-simulate">event-simulate</a></li>
<li class=""><a href="module_get.html" title="get">get</a></li>
<li class=""><a href="module_history.html" title="history">history</a></li>
<li class=""><a href="module_imagecropper.html" title="imagecropper">imagecropper</a></li>
<li class=""><a href="module_imageloader.html" title="imageloader">imageloader</a></li>
<li class=""><a href="module_json.html" title="json">json</a></li>
<li class=""><a href="module_layout.html" title="layout">layout</a></li>
<li class=""><a href="module_logger.html" title="logger">logger</a></li>
<li class=""><a href="module_menu.html" title="menu">menu</a></li>
<li class=""><a href="module_paginator.html" title="paginator">paginator</a></li>
<li class=""><a href="module_profiler.html" title="profiler">profiler</a></li>
<li class=""><a href="module_profilerviewer.html" title="profilerviewer">profilerviewer</a></li>
<li class=""><a href="module_progressbar.html" title="progressbar">progressbar</a></li>
<li class=""><a href="module_resize.html" title="resize">resize</a></li>
<li class=""><a href="module_selector.html" title="selector">selector</a></li>
<li class=""><a href="module_slider.html" title="slider">slider</a></li>
<li class=""><a href="module_storage.html" title="Storage">Storage</a></li>
<li class=""><a href="module_stylesheet.html" title="stylesheet">stylesheet</a></li>
<li class=""><a href="module_swf.html" title="swf">swf</a></li>
<li class=""><a href="module_swfdetect.html" title="swfdetect">swfdetect</a></li>
<li class=""><a href="module_swfstore.html" title="swfstore">swfstore</a></li>
<li class=""><a href="module_tabview.html" title="tabview">tabview</a></li>
<li class=""><a href="module_treeview.html" title="treeview">treeview</a></li>
<li class=""><a href="module_uploader.html" title="uploader">uploader</a></li>
<li class=""><a href="module_yahoo.html" title="yahoo">yahoo</a></li>
<li class=""><a href="module_yuiloader.html" title="yuiloader">yuiloader</a></li>
<li class=""><a href="module_yuitest.html" title="yuitest">yuitest</a></li>
</ul>
</div>
<div id="classList" class="module">
<h4>Classes</h4>
<ul class="content">
<li class="selected"><a href="YAHOO.widget.Carousel.html" title="YAHOO.widget.Carousel">YAHOO.widget.Carousel</a></li>
</ul>
</div>
<div id="fileList" class="module">
<h4>Files</h4>
<ul class="content">
<li class=""><a href="Carousel.js.html" title="Carousel.js">Carousel.js</a></li>
</ul>
</div>
<div id="propertyList" class="module">
<h4>Properties</h4>
<ul class="content">
<li class="private"><a href="#property__animObj" title="_animObj">_animObj</a></li>
<li class="private"><a href="#property__carouselEl" title="_carouselEl">_carouselEl</a></li>
<li class="private"><a href="#property__clipEl" title="_clipEl">_clipEl</a></li>
<li class="private"><a href="#property__cols" title="_cols">_cols</a></li>
<li class="private"><a href="#property__firstItem" title="_firstItem">_firstItem</a></li>
<li class="private"><a href="#property__hasFocus" title="_hasFocus">_hasFocus</a></li>
<li class="private"><a href="#property__hasRendered" title="_hasRendered">_hasRendered</a></li>
<li class="private"><a href="#property__isAnimationInProgress" title="_isAnimationInProgress">_isAnimationInProgress</a></li>
<li class="private"><a href="#property__isAutoPlayInProgress" title="_isAutoPlayInProgress">_isAutoPlayInProgress</a></li>
<li class="private"><a href="#property__itemAttrCache" title="_itemAttrCache">_itemAttrCache</a></li>
<li class="private"><a href="#property__itemsTable" title="_itemsTable">_itemsTable</a></li>
<li class="private"><a href="#property__navBtns" title="_navBtns">_navBtns</a></li>
<li class="private"><a href="#property__navEl" title="_navEl">_navEl</a></li>
<li class="private"><a href="#property__nextEnabled" title="_nextEnabled">_nextEnabled</a></li>
<li class="private"><a href="#property__pages" title="_pages">_pages</a></li>
<li class="private"><a href="#property__pagination" title="_pagination">_pagination</a></li>
<li class="private"><a href="#property__prevEnabled" title="_prevEnabled">_prevEnabled</a></li>
<li class="private"><a href="#property__recomputeSize" title="_recomputeSize">_recomputeSize</a></li>
<li class="private"><a href="#property__rows" title="_rows">_rows</a></li>
<li class=""><a href="#property_BUTTON" title="BUTTON">BUTTON</a></li>
<li class=""><a href="#property_CAROUSEL" title="CAROUSEL">CAROUSEL</a></li>
<li class=""><a href="#property_CAROUSEL_EL" title="CAROUSEL_EL">CAROUSEL_EL</a></li>
<li class=""><a href="#property_CONTAINER" title="CONTAINER">CONTAINER</a></li>
<li class=""><a href="#property_CONTENT" title="CONTENT">CONTENT</a></li>
<li class=""><a href="#property_DISABLED" title="DISABLED">DISABLED</a></li>
<li class=""><a href="#property_FIRST_NAV" title="FIRST_NAV">FIRST_NAV</a></li>
<li class=""><a href="#property_FIRST_NAV_DISABLED" title="FIRST_NAV_DISABLED">FIRST_NAV_DISABLED</a></li>
<li class=""><a href="#property_FIRST_PAGE" title="FIRST_PAGE">FIRST_PAGE</a></li>
<li class=""><a href="#property_FIRST_VISIBLE" title="FIRST_VISIBLE">FIRST_VISIBLE</a></li>
<li class=""><a href="#property_FOCUSSED_BUTTON" title="FOCUSSED_BUTTON">FOCUSSED_BUTTON</a></li>
<li class=""><a href="#property_HORIZONTAL" title="HORIZONTAL">HORIZONTAL</a></li>
<li class=""><a href="#property_HORZ_MIN_WIDTH" title="HORZ_MIN_WIDTH">HORZ_MIN_WIDTH</a></li>
<li class="private"><a href="#property_instances" title="instances">instances</a></li>
<li class=""><a href="#property_ITEM_LOADING" title="ITEM_LOADING">ITEM_LOADING</a></li>
<li class=""><a href="#property_ITEM_LOADING_CONTENT" title="ITEM_LOADING_CONTENT">ITEM_LOADING_CONTENT</a></li>
<li class=""><a href="#property_MAX_PAGER_BUTTONS" title="MAX_PAGER_BUTTONS">MAX_PAGER_BUTTONS</a></li>
<li class=""><a href="#property_MIN_WIDTH" title="MIN_WIDTH">MIN_WIDTH</a></li>
<li class=""><a href="#property_MULTI_ROW" title="MULTI_ROW">MULTI_ROW</a></li>
<li class=""><a href="#property_NAV_CONTAINER" title="NAV_CONTAINER">NAV_CONTAINER</a></li>
<li class=""><a href="#property_NAVIGATION" title="NAVIGATION">NAVIGATION</a></li>
<li class=""><a href="#property_NEXT_BUTTON_TEXT" title="NEXT_BUTTON_TEXT">NEXT_BUTTON_TEXT</a></li>
<li class=""><a href="#property_NEXT_NAV" title="NEXT_NAV">NEXT_NAV</a></li>
<li class=""><a href="#property_NEXT_PAGE" title="NEXT_PAGE">NEXT_PAGE</a></li>
<li class=""><a href="#property_NUM_VISIBLE" title="NUM_VISIBLE">NUM_VISIBLE</a></li>
<li class=""><a href="#property_PAGE_FOCUS" title="PAGE_FOCUS">PAGE_FOCUS</a></li>
<li class=""><a href="#property_PAGER_ITEM" title="PAGER_ITEM">PAGER_ITEM</a></li>
<li class=""><a href="#property_PAGER_PREFIX_TEXT" title="PAGER_PREFIX_TEXT">PAGER_PREFIX_TEXT</a></li>
<li class=""><a href="#property_PAGINATION" title="PAGINATION">PAGINATION</a></li>
<li class=""><a href="#property_PREV_PAGE" title="PREV_PAGE">PREV_PAGE</a></li>
<li class=""><a href="#property_PREVIOUS_BUTTON_TEXT" title="PREVIOUS_BUTTON_TEXT">PREVIOUS_BUTTON_TEXT</a></li>
<li class=""><a href="#property_ROW" title="ROW">ROW</a></li>
<li class=""><a href="#property_SELECTED_ITEM" title="SELECTED_ITEM">SELECTED_ITEM</a></li>
<li class=""><a href="#property_SELECTED_NAV" title="SELECTED_NAV">SELECTED_NAV</a></li>
<li class=""><a href="#property_VERT_MIN_WIDTH" title="VERT_MIN_WIDTH">VERT_MIN_WIDTH</a></li>
<li class=""><a href="#property_VERTICAL" title="VERTICAL">VERTICAL</a></li>
<li class=""><a href="#property_VERTICAL_CONTAINER" title="VERTICAL_CONTAINER">VERTICAL_CONTAINER</a></li>
<li class=""><a href="#property_VISIBLE" title="VISIBLE">VISIBLE</a></li>
<li class="private"><a href="#property_WidgetName" title="WidgetName">WidgetName</a></li>
</ul>
</div>
<div id="methodsList" class="module">
<h4>Methods</h4>
<ul class="content">
<li class="protected"><a href="#method__animateAndSetCarouselOffset" title="_animateAndSetCarouselOffset">_animateAndSetCarouselOffset</a></li>
<li class="protected"><a href="#method__animationCompleteHandler" title="_animationCompleteHandler">_animationCompleteHandler</a></li>
<li class="protected"><a href="#method__autoScroll" title="_autoScroll">_autoScroll</a></li>
<li class="protected"><a href="#method__getLastVisible" title="_getLastVisible">_getLastVisible</a></li>
<li class="protected"><a href="#method__getNumPages" title="_getNumPages">_getNumPages</a></li>
<li class="protected"><a href="#method__getSelectedItem" title="_getSelectedItem">_getSelectedItem</a></li>
<li class="protected"><a href="#method__getValidIndex" title="_getValidIndex">_getValidIndex</a></li>
<li class="protected"><a href="#method__itemClickHandler" title="_itemClickHandler">_itemClickHandler</a></li>
<li class="protected"><a href="#method__keyboardEventHandler" title="_keyboardEventHandler">_keyboardEventHandler</a></li>
<li class="protected"><a href="#method__loadItems" title="_loadItems">_loadItems</a></li>
<li class="protected"><a href="#method__numVisibleSetter" title="_numVisibleSetter">_numVisibleSetter</a></li>
<li class="protected"><a href="#method__pagerChangeHandler" title="_pagerChangeHandler">_pagerChangeHandler</a></li>
<li class="protected"><a href="#method__pagerClickHandler" title="_pagerClickHandler">_pagerClickHandler</a></li>
<li class="protected"><a href="#method__refreshUi" title="_refreshUi">_refreshUi</a></li>
<li class="protected"><a href="#method__selectedItemSetter" title="_selectedItemSetter">_selectedItemSetter</a></li>
<li class="protected"><a href="#method__setCarouselOffset" title="_setCarouselOffset">_setCarouselOffset</a></li>
<li class="protected"><a href="#method__setClipContainerSize" title="_setClipContainerSize">_setClipContainerSize</a></li>
<li class="protected"><a href="#method__setContainerSize" title="_setContainerSize">_setContainerSize</a></li>
<li class="protected"><a href="#method__setFirstVisible" title="_setFirstVisible">_setFirstVisible</a></li>
<li class="protected"><a href="#method__setNavigation" title="_setNavigation">_setNavigation</a></li>
<li class="protected"><a href="#method__setNumItems" title="_setNumItems">_setNumItems</a></li>
<li class="protected"><a href="#method__setNumVisible" title="_setNumVisible">_setNumVisible</a></li>
<li class="protected"><a href="#method__setOrientation" title="_setOrientation">_setOrientation</a></li>
<li class="protected"><a href="#method__setRevealAmount" title="_setRevealAmount">_setRevealAmount</a></li>
<li class="protected"><a href="#method__setSelectedItem" title="_setSelectedItem">_setSelectedItem</a></li>
<li class="protected"><a href="#method__setupCarouselNavigation" title="_setupCarouselNavigation">_setupCarouselNavigation</a></li>
<li class="protected"><a href="#method__syncUiForItemAdd" title="_syncUiForItemAdd">_syncUiForItemAdd</a></li>
<li class="protected"><a href="#method__syncUiForItemReplace" title="_syncUiForItemReplace">_syncUiForItemReplace</a></li>
<li class="protected"><a href="#method__syncUiForLazyLoading" title="_syncUiForLazyLoading">_syncUiForLazyLoading</a></li>
<li class="protected"><a href="#method__syncUiItems" title="_syncUiItems">_syncUiItems</a></li>
<li class="protected"><a href="#method__updateNavButtons" title="_updateNavButtons">_updateNavButtons</a></li>
<li class="protected"><a href="#method__updatePagerButtons" title="_updatePagerButtons">_updatePagerButtons</a></li>
<li class="protected"><a href="#method__updatePagerMenu" title="_updatePagerMenu">_updatePagerMenu</a></li>
<li class="protected"><a href="#method__updateTabIndex" title="_updateTabIndex">_updateTabIndex</a></li>
<li class="protected"><a href="#method__validateAnimation" title="_validateAnimation">_validateAnimation</a></li>
<li class="protected"><a href="#method__validateFirstVisible" title="_validateFirstVisible">_validateFirstVisible</a></li>
<li class="protected"><a href="#method__validateNavigation" title="_validateNavigation">_validateNavigation</a></li>
<li class="protected"><a href="#method__validateNumItems" title="_validateNumItems">_validateNumItems</a></li>
<li class="protected"><a href="#method__validateNumVisible" title="_validateNumVisible">_validateNumVisible</a></li>
<li class="protected"><a href="#method__validateRevealAmount" title="_validateRevealAmount">_validateRevealAmount</a></li>
<li class="protected"><a href="#method__validateScrollIncrement" title="_validateScrollIncrement">_validateScrollIncrement</a></li>
<li class=""><a href="#method_addItem" title="addItem">addItem</a></li>
<li class=""><a href="#method_addItems" title="addItems">addItems</a></li>
<li class=""><a href="#method_blur" title="blur">blur</a></li>
<li class=""><a href="#method_clearItems" title="clearItems">clearItems</a></li>
<li class="protected"><a href="#method_createCarousel" title="createCarousel">createCarousel</a></li>
<li class="protected"><a href="#method_createCarouselClip" title="createCarouselClip">createCarouselClip</a></li>
<li class="protected"><a href="#method_createCarouselItem" title="createCarouselItem">createCarouselItem</a></li>
<li class="private"><a href="#method_createElement" title="createElement">createElement</a></li>
<li class=""><a href="#method_focus" title="focus">focus</a></li>
<li class=""><a href="#method_getById" title="getById">getById</a></li>
<li class="private"><a href="#method_getCarouselItemPosition" title="getCarouselItemPosition">getCarouselItemPosition</a></li>
<li class="private"><a href="#method_getCarouselItemSize" title="getCarouselItemSize">getCarouselItemSize</a></li>
<li class="private"><a href="#method_getDimensions" title="getDimensions">getDimensions</a></li>
<li class=""><a href="#method_getElementForItem" title="getElementForItem">getElementForItem</a></li>
<li class=""><a href="#method_getElementForItems" title="getElementForItems">getElementForItems</a></li>
<li class="private"><a href="#method_getFirstVisibleForPosition" title="getFirstVisibleForPosition">getFirstVisibleForPosition</a></li>
<li class=""><a href="#method_getFirstVisibleOnpage" title="getFirstVisibleOnpage">getFirstVisibleOnpage</a></li>
<li class=""><a href="#method_getItem" title="getItem">getItem</a></li>
<li class=""><a href="#method_getItemPositionById" title="getItemPositionById">getItemPositionById</a></li>
<li class=""><a href="#method_getItems" title="getItems">getItems</a></li>
<li class=""><a href="#method_getLoadingItems" title="getLoadingItems">getLoadingItems</a></li>
<li class=""><a href="#method_getPageForItem" title="getPageForItem">getPageForItem</a></li>
<li class="private"><a href="#method_getRevealSize" title="getRevealSize">getRevealSize</a></li>
<li class="private"><a href="#method_getScrollOffset" title="getScrollOffset">getScrollOffset</a></li>
<li class="private"><a href="#method_getStyle" title="getStyle">getStyle</a></li>
<li class=""><a href="#method_getVisibleItems" title="getVisibleItems">getVisibleItems</a></li>
<li class=""><a href="#method_hide" title="hide">hide</a></li>
<li class=""><a href="#method_init" title="init">init</a></li>
<li class=""><a href="#method_initAttributes" title="initAttributes">initAttributes</a></li>
<li class=""><a href="#method_initEvents" title="initEvents">initEvents</a></li>
<li class=""><a href="#method_isAnimating" title="isAnimating">isAnimating</a></li>
<li class=""><a href="#method_isAutoPlayOn" title="isAutoPlayOn">isAutoPlayOn</a></li>
<li class="protected"><a href="#method_parseCarousel" title="parseCarousel">parseCarousel</a></li>
<li class="protected"><a href="#method_parseCarouselItems" title="parseCarouselItems">parseCarouselItems</a></li>
<li class="protected"><a href="#method_parseCarouselNavigation" title="parseCarouselNavigation">parseCarouselNavigation</a></li>
<li class=""><a href="#method_registerPagination" title="registerPagination">registerPagination</a></li>
<li class=""><a href="#method_removeItem" title="removeItem">removeItem</a></li>
<li class=""><a href="#method_render" title="render">render</a></li>
<li class=""><a href="#method_replaceItem" title="replaceItem">replaceItem</a></li>
<li class=""><a href="#method_replaceItems" title="replaceItems">replaceItems</a></li>
<li class=""><a href="#method_scrollBackward" title="scrollBackward">scrollBackward</a></li>
<li class=""><a href="#method_scrollForward" title="scrollForward">scrollForward</a></li>
<li class="private"><a href="#method_scrollPageBackward" title="scrollPageBackward">scrollPageBackward</a></li>
<li class="private"><a href="#method_scrollPageForward" title="scrollPageForward">scrollPageForward</a></li>
<li class=""><a href="#method_scrollTo" title="scrollTo">scrollTo</a></li>
<li class=""><a href="#method_selectNextItem" title="selectNextItem">selectNextItem</a></li>
<li class=""><a href="#method_selectPreviousItem" title="selectPreviousItem">selectPreviousItem</a></li>
<li class="private"><a href="#method_setItemSelection" title="setItemSelection">setItemSelection</a></li>
<li class="private"><a href="#method_setStyles" title="setStyles">setStyles</a></li>
<li class=""><a href="#method_show" title="show">show</a></li>
<li class=""><a href="#method_startAutoPlay" title="startAutoPlay">startAutoPlay</a></li>
<li class=""><a href="#method_stopAutoPlay" title="stopAutoPlay">stopAutoPlay</a></li>
<li class="private"><a href="#method_syncNavigation" title="syncNavigation">syncNavigation</a></li>
<li class="private"><a href="#method_syncPagerUi" title="syncPagerUi">syncPagerUi</a></li>
<li class="private"><a href="#method_syncUi" title="syncUi">syncUi</a></li>
<li class=""><a href="#method_toString" title="toString">toString</a></li>
<li class=""><a href="#method_updatePagination" title="updatePagination">updatePagination</a></li>
<li class="private"><a href="#method_updateStateAfterScroll" title="updateStateAfterScroll">updateStateAfterScroll</a></li>
</ul>
</div>
<div id="eventsList" class="module">
<h4>Events</h4>
<ul class="content">
<li class=""><a href="#event_afterScroll" title="afterScroll">afterScroll</a></li>
<li class=""><a href="#event_allItemsRemovedEvent" title="allItemsRemovedEvent">allItemsRemovedEvent</a></li>
<li class=""><a href="#event_animationChange" title="animationChange">animationChange</a></li>
<li class=""><a href="#event_autoPlayChange" title="autoPlayChange">autoPlayChange</a></li>
<li class=""><a href="#event_autoPlayIntervalChange" title="autoPlayIntervalChange">autoPlayIntervalChange</a></li>
<li class=""><a href="#event_beforeAnimationChange" title="beforeAnimationChange">beforeAnimationChange</a></li>
<li class=""><a href="#event_beforeAutoPlayChange" title="beforeAutoPlayChange">beforeAutoPlayChange</a></li>
<li class=""><a href="#event_beforeAutoPlayIntervalChange" title="beforeAutoPlayIntervalChange">beforeAutoPlayIntervalChange</a></li>
<li class=""><a href="#event_beforeCarouselElChange" title="beforeCarouselElChange">beforeCarouselElChange</a></li>
<li class=""><a href="#event_beforeCarouselItemElChange" title="beforeCarouselItemElChange">beforeCarouselItemElChange</a></li>
<li class=""><a href="#event_beforeCurrentPageChange" title="beforeCurrentPageChange">beforeCurrentPageChange</a></li>
<li class=""><a href="#event_beforeFirstVisibleChange" title="beforeFirstVisibleChange">beforeFirstVisibleChange</a></li>
<li class=""><a href="#event_beforeHide" title="beforeHide">beforeHide</a></li>
<li class=""><a href="#event_beforeIsCircularChange" title="beforeIsCircularChange">beforeIsCircularChange</a></li>
<li class=""><a href="#event_beforeIsVerticalChange" title="beforeIsVerticalChange">beforeIsVerticalChange</a></li>
<li class=""><a href="#event_beforeLastVisibleChange" title="beforeLastVisibleChange">beforeLastVisibleChange</a></li>
<li class=""><a href="#event_beforeNavigationChange" title="beforeNavigationChange">beforeNavigationChange</a></li>
<li class=""><a href="#event_beforeNumItemsChange" title="beforeNumItemsChange">beforeNumItemsChange</a></li>
<li class=""><a href="#event_beforeNumPagesChange" title="beforeNumPagesChange">beforeNumPagesChange</a></li>
<li class=""><a href="#event_beforeNumVisibleChange" title="beforeNumVisibleChange">beforeNumVisibleChange</a></li>
<li class=""><a href="#event_beforePageChange" title="beforePageChange">beforePageChange</a></li>
<li class=""><a href="#event_beforeRevealAmountChange" title="beforeRevealAmountChange">beforeRevealAmountChange</a></li>
<li class=""><a href="#event_beforeScroll" title="beforeScroll">beforeScroll</a></li>
<li class=""><a href="#event_beforeScrollIncrementChange" title="beforeScrollIncrementChange">beforeScrollIncrementChange</a></li>
<li class=""><a href="#event_beforeSelectedItemChange" title="beforeSelectedItemChange">beforeSelectedItemChange</a></li>
<li class=""><a href="#event_beforeSelectOnScrollChange" title="beforeSelectOnScrollChange">beforeSelectOnScrollChange</a></li>
<li class=""><a href="#event_beforeShow" title="beforeShow">beforeShow</a></li>
<li class=""><a href="#event_blur" title="blur">blur</a></li>
<li class=""><a href="#event_carouselElChange" title="carouselElChange">carouselElChange</a></li>
<li class=""><a href="#event_carouselItemElChange" title="carouselItemElChange">carouselItemElChange</a></li>
<li class=""><a href="#event_currentPageChange" title="currentPageChange">currentPageChange</a></li>
<li class=""><a href="#event_firstVisibleChange" title="firstVisibleChange">firstVisibleChange</a></li>
<li class=""><a href="#event_focus" title="focus">focus</a></li>
<li class=""><a href="#event_hide" title="hide">hide</a></li>
<li class=""><a href="#event_isCircularChange" title="isCircularChange">isCircularChange</a></li>
<li class=""><a href="#event_isVerticalChange" title="isVerticalChange">isVerticalChange</a></li>
<li class=""><a href="#event_itemAdded" title="itemAdded">itemAdded</a></li>
<li class=""><a href="#event_itemRemoved" title="itemRemoved">itemRemoved</a></li>
<li class=""><a href="#event_itemReplaced" title="itemReplaced">itemReplaced</a></li>
<li class=""><a href="#event_itemSelected" title="itemSelected">itemSelected</a></li>
<li class=""><a href="#event_lastVisibleChange" title="lastVisibleChange">lastVisibleChange</a></li>
<li class=""><a href="#event_loadItems" title="loadItems">loadItems</a></li>
<li class=""><a href="#event_navigationChange" title="navigationChange">navigationChange</a></li>
<li class=""><a href="#event_navigationStateChange" title="navigationStateChange">navigationStateChange</a></li>
<li class=""><a href="#event_numItemsChange" title="numItemsChange">numItemsChange</a></li>
<li class=""><a href="#event_numPagesChange" title="numPagesChange">numPagesChange</a></li>
<li class=""><a href="#event_numVisibleChange" title="numVisibleChange">numVisibleChange</a></li>
<li class=""><a href="#event_pageChange" title="pageChange">pageChange</a></li>
<li class=""><a href="#event_revealAmountChange" title="revealAmountChange">revealAmountChange</a></li>
<li class=""><a href="#event_scrollIncrementChange" title="scrollIncrementChange">scrollIncrementChange</a></li>
<li class=""><a href="#event_selectedItemChange" title="selectedItemChange">selectedItemChange</a></li>
<li class=""><a href="#event_selectOnScrollChange" title="selectOnScrollChange">selectOnScrollChange</a></li>
<li class=""><a href="#event_show" title="show">show</a></li>
<li class=""><a href="#event_startAutoPlay" title="startAutoPlay">startAutoPlay</a></li>
<li class=""><a href="#event_stopAutoPlay" title="stopAutoPlay">stopAutoPlay</a></li>
</ul>
</div>
<div id="configList" class="module">
<h4>Configuration Attributes</h4>
<ul class="content">
<li class=""><a href="#config_animation" title="animation">animation</a></li>
<li class=" deprecated"><a href="#config_autoPlay" title="autoPlay">autoPlay</a></li>
<li class=""><a href="#config_autoPlayInterval" title="autoPlayInterval">autoPlayInterval</a></li>
<li class=""><a href="#config_carouselEl" title="carouselEl">carouselEl</a></li>
<li class=""><a href="#config_carouselItemEl" title="carouselItemEl">carouselItemEl</a></li>
<li class=""><a href="#config_currentPage" title="currentPage">currentPage</a></li>
<li class=""><a href="#config_firstVisible" title="firstVisible">firstVisible</a></li>
<li class=""><a href="#config_isCircular" title="isCircular">isCircular</a></li>
<li class=""><a href="#config_isVertical" title="isVertical">isVertical</a></li>
<li class=""><a href="#config_lastVisible" title="lastVisible">lastVisible</a></li>
<li class=""><a href="#config_navigation" title="navigation">navigation</a></li>
<li class=""><a href="#config_numItems" title="numItems">numItems</a></li>
<li class=""><a href="#config_numPages" title="numPages">numPages</a></li>
<li class=""><a href="#config_numVisible" title="numVisible">numVisible</a></li>
<li class=""><a href="#config_revealAmount" title="revealAmount">revealAmount</a></li>
<li class=""><a href="#config_scrollIncrement" title="scrollIncrement">scrollIncrement</a></li>
<li class=""><a href="#config_selectedItem" title="selectedItem">selectedItem</a></li>
<li class=""><a href="#config_selectOnScroll" title="selectOnScroll">selectOnScroll</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="ft">
<hr />
Copyright &copy; 2010 Yahoo! Inc. All rights reserved.
</div>
</div>
<script type="text/javascript">
var ALL_YUI_PROPS = [{"access": "", "host": "YAHOO.widget.Carousel", "name": "addItem", "url": "YAHOO.widget.Carousel.html#method_addItem", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "addItems", "url": "YAHOO.widget.Carousel.html#method_addItems", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "afterScroll", "url": "YAHOO.widget.Carousel.html#event_afterScroll", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "allItemsRemovedEvent", "url": "YAHOO.widget.Carousel.html#event_allItemsRemovedEvent", "type": "event"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_animateAndSetCarouselOffset", "url": "YAHOO.widget.Carousel.html#method__animateAndSetCarouselOffset", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "animation", "url": "YAHOO.widget.Carousel.html#config_animation", "type": "config"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "animationChange", "url": "YAHOO.widget.Carousel.html#event_animationChange", "type": "event"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_animationCompleteHandler", "url": "YAHOO.widget.Carousel.html#method__animationCompleteHandler", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_animObj", "url": "YAHOO.widget.Carousel.html#property__animObj", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "autoPlay", "url": "YAHOO.widget.Carousel.html#config_autoPlay", "type": "config"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "autoPlayChange", "url": "YAHOO.widget.Carousel.html#event_autoPlayChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "autoPlayInterval", "url": "YAHOO.widget.Carousel.html#config_autoPlayInterval", "type": "config"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "autoPlayIntervalChange", "url": "YAHOO.widget.Carousel.html#event_autoPlayIntervalChange", "type": "event"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_autoScroll", "url": "YAHOO.widget.Carousel.html#method__autoScroll", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeAnimationChange", "url": "YAHOO.widget.Carousel.html#event_beforeAnimationChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeAutoPlayChange", "url": "YAHOO.widget.Carousel.html#event_beforeAutoPlayChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeAutoPlayIntervalChange", "url": "YAHOO.widget.Carousel.html#event_beforeAutoPlayIntervalChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeCarouselElChange", "url": "YAHOO.widget.Carousel.html#event_beforeCarouselElChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeCarouselItemElChange", "url": "YAHOO.widget.Carousel.html#event_beforeCarouselItemElChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeCurrentPageChange", "url": "YAHOO.widget.Carousel.html#event_beforeCurrentPageChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeFirstVisibleChange", "url": "YAHOO.widget.Carousel.html#event_beforeFirstVisibleChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeHide", "url": "YAHOO.widget.Carousel.html#event_beforeHide", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeIsCircularChange", "url": "YAHOO.widget.Carousel.html#event_beforeIsCircularChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeIsVerticalChange", "url": "YAHOO.widget.Carousel.html#event_beforeIsVerticalChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeLastVisibleChange", "url": "YAHOO.widget.Carousel.html#event_beforeLastVisibleChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeNavigationChange", "url": "YAHOO.widget.Carousel.html#event_beforeNavigationChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeNumItemsChange", "url": "YAHOO.widget.Carousel.html#event_beforeNumItemsChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeNumPagesChange", "url": "YAHOO.widget.Carousel.html#event_beforeNumPagesChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeNumVisibleChange", "url": "YAHOO.widget.Carousel.html#event_beforeNumVisibleChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforePageChange", "url": "YAHOO.widget.Carousel.html#event_beforePageChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeRevealAmountChange", "url": "YAHOO.widget.Carousel.html#event_beforeRevealAmountChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeScroll", "url": "YAHOO.widget.Carousel.html#event_beforeScroll", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeScrollIncrementChange", "url": "YAHOO.widget.Carousel.html#event_beforeScrollIncrementChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeSelectedItemChange", "url": "YAHOO.widget.Carousel.html#event_beforeSelectedItemChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeSelectOnScrollChange", "url": "YAHOO.widget.Carousel.html#event_beforeSelectOnScrollChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "beforeShow", "url": "YAHOO.widget.Carousel.html#event_beforeShow", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "blur", "url": "YAHOO.widget.Carousel.html#method_blur", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "blur", "url": "YAHOO.widget.Carousel.html#event_blur", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "BUTTON", "url": "YAHOO.widget.Carousel.html#property_BUTTON", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "CAROUSEL", "url": "YAHOO.widget.Carousel.html#property_CAROUSEL", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_carouselEl", "url": "YAHOO.widget.Carousel.html#property__carouselEl", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "CAROUSEL_EL", "url": "YAHOO.widget.Carousel.html#property_CAROUSEL_EL", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "carouselEl", "url": "YAHOO.widget.Carousel.html#config_carouselEl", "type": "config"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "carouselElChange", "url": "YAHOO.widget.Carousel.html#event_carouselElChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "carouselItemEl", "url": "YAHOO.widget.Carousel.html#config_carouselItemEl", "type": "config"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "carouselItemElChange", "url": "YAHOO.widget.Carousel.html#event_carouselItemElChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "clearItems", "url": "YAHOO.widget.Carousel.html#method_clearItems", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_clipEl", "url": "YAHOO.widget.Carousel.html#property__clipEl", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_cols", "url": "YAHOO.widget.Carousel.html#property__cols", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "CONTAINER", "url": "YAHOO.widget.Carousel.html#property_CONTAINER", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "CONTENT", "url": "YAHOO.widget.Carousel.html#property_CONTENT", "type": "property"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "createCarousel", "url": "YAHOO.widget.Carousel.html#method_createCarousel", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "createCarouselClip", "url": "YAHOO.widget.Carousel.html#method_createCarouselClip", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "createCarouselItem", "url": "YAHOO.widget.Carousel.html#method_createCarouselItem", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "createElement", "url": "YAHOO.widget.Carousel.html#method_createElement", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "currentPage", "url": "YAHOO.widget.Carousel.html#config_currentPage", "type": "config"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "currentPageChange", "url": "YAHOO.widget.Carousel.html#event_currentPageChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "DISABLED", "url": "YAHOO.widget.Carousel.html#property_DISABLED", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_firstItem", "url": "YAHOO.widget.Carousel.html#property__firstItem", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "FIRST_NAV", "url": "YAHOO.widget.Carousel.html#property_FIRST_NAV", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "FIRST_NAV_DISABLED", "url": "YAHOO.widget.Carousel.html#property_FIRST_NAV_DISABLED", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "FIRST_PAGE", "url": "YAHOO.widget.Carousel.html#property_FIRST_PAGE", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "FIRST_VISIBLE", "url": "YAHOO.widget.Carousel.html#property_FIRST_VISIBLE", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "firstVisible", "url": "YAHOO.widget.Carousel.html#config_firstVisible", "type": "config"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "firstVisibleChange", "url": "YAHOO.widget.Carousel.html#event_firstVisibleChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "focus", "url": "YAHOO.widget.Carousel.html#method_focus", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "focus", "url": "YAHOO.widget.Carousel.html#event_focus", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "FOCUSSED_BUTTON", "url": "YAHOO.widget.Carousel.html#property_FOCUSSED_BUTTON", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "getById", "url": "YAHOO.widget.Carousel.html#method_getById", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "getCarouselItemPosition", "url": "YAHOO.widget.Carousel.html#method_getCarouselItemPosition", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "getCarouselItemSize", "url": "YAHOO.widget.Carousel.html#method_getCarouselItemSize", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "getDimensions", "url": "YAHOO.widget.Carousel.html#method_getDimensions", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "getElementForItem", "url": "YAHOO.widget.Carousel.html#method_getElementForItem", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "getElementForItems", "url": "YAHOO.widget.Carousel.html#method_getElementForItems", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "getFirstVisibleForPosition", "url": "YAHOO.widget.Carousel.html#method_getFirstVisibleForPosition", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "getFirstVisibleOnpage", "url": "YAHOO.widget.Carousel.html#method_getFirstVisibleOnpage", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "getItem", "url": "YAHOO.widget.Carousel.html#method_getItem", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "getItemPositionById", "url": "YAHOO.widget.Carousel.html#method_getItemPositionById", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "getItems", "url": "YAHOO.widget.Carousel.html#method_getItems", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_getLastVisible", "url": "YAHOO.widget.Carousel.html#method__getLastVisible", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "getLoadingItems", "url": "YAHOO.widget.Carousel.html#method_getLoadingItems", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_getNumPages", "url": "YAHOO.widget.Carousel.html#method__getNumPages", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "getPageForItem", "url": "YAHOO.widget.Carousel.html#method_getPageForItem", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "getRevealSize", "url": "YAHOO.widget.Carousel.html#method_getRevealSize", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "getScrollOffset", "url": "YAHOO.widget.Carousel.html#method_getScrollOffset", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_getSelectedItem", "url": "YAHOO.widget.Carousel.html#method__getSelectedItem", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "getStyle", "url": "YAHOO.widget.Carousel.html#method_getStyle", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_getValidIndex", "url": "YAHOO.widget.Carousel.html#method__getValidIndex", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "getVisibleItems", "url": "YAHOO.widget.Carousel.html#method_getVisibleItems", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_hasFocus", "url": "YAHOO.widget.Carousel.html#property__hasFocus", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_hasRendered", "url": "YAHOO.widget.Carousel.html#property__hasRendered", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "hide", "url": "YAHOO.widget.Carousel.html#method_hide", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "hide", "url": "YAHOO.widget.Carousel.html#event_hide", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "HORIZONTAL", "url": "YAHOO.widget.Carousel.html#property_HORIZONTAL", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "HORZ_MIN_WIDTH", "url": "YAHOO.widget.Carousel.html#property_HORZ_MIN_WIDTH", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "init", "url": "YAHOO.widget.Carousel.html#method_init", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "initAttributes", "url": "YAHOO.widget.Carousel.html#method_initAttributes", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "initEvents", "url": "YAHOO.widget.Carousel.html#method_initEvents", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "instances", "url": "YAHOO.widget.Carousel.html#property_instances", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "isAnimating", "url": "YAHOO.widget.Carousel.html#method_isAnimating", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_isAnimationInProgress", "url": "YAHOO.widget.Carousel.html#property__isAnimationInProgress", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_isAutoPlayInProgress", "url": "YAHOO.widget.Carousel.html#property__isAutoPlayInProgress", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "isAutoPlayOn", "url": "YAHOO.widget.Carousel.html#method_isAutoPlayOn", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "isCircular", "url": "YAHOO.widget.Carousel.html#config_isCircular", "type": "config"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "isCircularChange", "url": "YAHOO.widget.Carousel.html#event_isCircularChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "isVertical", "url": "YAHOO.widget.Carousel.html#config_isVertical", "type": "config"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "isVerticalChange", "url": "YAHOO.widget.Carousel.html#event_isVerticalChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "itemAdded", "url": "YAHOO.widget.Carousel.html#event_itemAdded", "type": "event"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_itemAttrCache", "url": "YAHOO.widget.Carousel.html#property__itemAttrCache", "type": "property"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_itemClickHandler", "url": "YAHOO.widget.Carousel.html#method__itemClickHandler", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "ITEM_LOADING", "url": "YAHOO.widget.Carousel.html#property_ITEM_LOADING", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "ITEM_LOADING_CONTENT", "url": "YAHOO.widget.Carousel.html#property_ITEM_LOADING_CONTENT", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "itemRemoved", "url": "YAHOO.widget.Carousel.html#event_itemRemoved", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "itemReplaced", "url": "YAHOO.widget.Carousel.html#event_itemReplaced", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "itemSelected", "url": "YAHOO.widget.Carousel.html#event_itemSelected", "type": "event"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_itemsTable", "url": "YAHOO.widget.Carousel.html#property__itemsTable", "type": "property"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_keyboardEventHandler", "url": "YAHOO.widget.Carousel.html#method__keyboardEventHandler", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "lastVisible", "url": "YAHOO.widget.Carousel.html#config_lastVisible", "type": "config"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "lastVisibleChange", "url": "YAHOO.widget.Carousel.html#event_lastVisibleChange", "type": "event"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_loadItems", "url": "YAHOO.widget.Carousel.html#method__loadItems", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "loadItems", "url": "YAHOO.widget.Carousel.html#event_loadItems", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "MAX_PAGER_BUTTONS", "url": "YAHOO.widget.Carousel.html#property_MAX_PAGER_BUTTONS", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "MIN_WIDTH", "url": "YAHOO.widget.Carousel.html#property_MIN_WIDTH", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "MULTI_ROW", "url": "YAHOO.widget.Carousel.html#property_MULTI_ROW", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_navBtns", "url": "YAHOO.widget.Carousel.html#property__navBtns", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "NAV_CONTAINER", "url": "YAHOO.widget.Carousel.html#property_NAV_CONTAINER", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_navEl", "url": "YAHOO.widget.Carousel.html#property__navEl", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "NAVIGATION", "url": "YAHOO.widget.Carousel.html#property_NAVIGATION", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "navigation", "url": "YAHOO.widget.Carousel.html#config_navigation", "type": "config"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "navigationChange", "url": "YAHOO.widget.Carousel.html#event_navigationChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "navigationStateChange", "url": "YAHOO.widget.Carousel.html#event_navigationStateChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "NEXT_BUTTON_TEXT", "url": "YAHOO.widget.Carousel.html#property_NEXT_BUTTON_TEXT", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_nextEnabled", "url": "YAHOO.widget.Carousel.html#property__nextEnabled", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "NEXT_NAV", "url": "YAHOO.widget.Carousel.html#property_NEXT_NAV", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "NEXT_PAGE", "url": "YAHOO.widget.Carousel.html#property_NEXT_PAGE", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "numItems", "url": "YAHOO.widget.Carousel.html#config_numItems", "type": "config"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "numItemsChange", "url": "YAHOO.widget.Carousel.html#event_numItemsChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "numPages", "url": "YAHOO.widget.Carousel.html#config_numPages", "type": "config"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "numPagesChange", "url": "YAHOO.widget.Carousel.html#event_numPagesChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "NUM_VISIBLE", "url": "YAHOO.widget.Carousel.html#property_NUM_VISIBLE", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "numVisible", "url": "YAHOO.widget.Carousel.html#config_numVisible", "type": "config"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "numVisibleChange", "url": "YAHOO.widget.Carousel.html#event_numVisibleChange", "type": "event"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_numVisibleSetter", "url": "YAHOO.widget.Carousel.html#method__numVisibleSetter", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "pageChange", "url": "YAHOO.widget.Carousel.html#event_pageChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "PAGE_FOCUS", "url": "YAHOO.widget.Carousel.html#property_PAGE_FOCUS", "type": "property"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_pagerChangeHandler", "url": "YAHOO.widget.Carousel.html#method__pagerChangeHandler", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_pagerClickHandler", "url": "YAHOO.widget.Carousel.html#method__pagerClickHandler", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "PAGER_ITEM", "url": "YAHOO.widget.Carousel.html#property_PAGER_ITEM", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "PAGER_PREFIX_TEXT", "url": "YAHOO.widget.Carousel.html#property_PAGER_PREFIX_TEXT", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_pages", "url": "YAHOO.widget.Carousel.html#property__pages", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_pagination", "url": "YAHOO.widget.Carousel.html#property__pagination", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "PAGINATION", "url": "YAHOO.widget.Carousel.html#property_PAGINATION", "type": "property"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "parseCarousel", "url": "YAHOO.widget.Carousel.html#method_parseCarousel", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "parseCarouselItems", "url": "YAHOO.widget.Carousel.html#method_parseCarouselItems", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "parseCarouselNavigation", "url": "YAHOO.widget.Carousel.html#method_parseCarouselNavigation", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_prevEnabled", "url": "YAHOO.widget.Carousel.html#property__prevEnabled", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "PREVIOUS_BUTTON_TEXT", "url": "YAHOO.widget.Carousel.html#property_PREVIOUS_BUTTON_TEXT", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "PREV_PAGE", "url": "YAHOO.widget.Carousel.html#property_PREV_PAGE", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_recomputeSize", "url": "YAHOO.widget.Carousel.html#property__recomputeSize", "type": "property"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_refreshUi", "url": "YAHOO.widget.Carousel.html#method__refreshUi", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "registerPagination", "url": "YAHOO.widget.Carousel.html#method_registerPagination", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "removeItem", "url": "YAHOO.widget.Carousel.html#method_removeItem", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "render", "url": "YAHOO.widget.Carousel.html#method_render", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "replaceItem", "url": "YAHOO.widget.Carousel.html#method_replaceItem", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "replaceItems", "url": "YAHOO.widget.Carousel.html#method_replaceItems", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "revealAmount", "url": "YAHOO.widget.Carousel.html#config_revealAmount", "type": "config"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "revealAmountChange", "url": "YAHOO.widget.Carousel.html#event_revealAmountChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "ROW", "url": "YAHOO.widget.Carousel.html#property_ROW", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "_rows", "url": "YAHOO.widget.Carousel.html#property__rows", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "scrollBackward", "url": "YAHOO.widget.Carousel.html#method_scrollBackward", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "scrollForward", "url": "YAHOO.widget.Carousel.html#method_scrollForward", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "scrollIncrement", "url": "YAHOO.widget.Carousel.html#config_scrollIncrement", "type": "config"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "scrollIncrementChange", "url": "YAHOO.widget.Carousel.html#event_scrollIncrementChange", "type": "event"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "scrollPageBackward", "url": "YAHOO.widget.Carousel.html#method_scrollPageBackward", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "scrollPageForward", "url": "YAHOO.widget.Carousel.html#method_scrollPageForward", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "scrollTo", "url": "YAHOO.widget.Carousel.html#method_scrollTo", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "SELECTED_ITEM", "url": "YAHOO.widget.Carousel.html#property_SELECTED_ITEM", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "selectedItem", "url": "YAHOO.widget.Carousel.html#config_selectedItem", "type": "config"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "selectedItemChange", "url": "YAHOO.widget.Carousel.html#event_selectedItemChange", "type": "event"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_selectedItemSetter", "url": "YAHOO.widget.Carousel.html#method__selectedItemSetter", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "SELECTED_NAV", "url": "YAHOO.widget.Carousel.html#property_SELECTED_NAV", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "selectNextItem", "url": "YAHOO.widget.Carousel.html#method_selectNextItem", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "selectOnScroll", "url": "YAHOO.widget.Carousel.html#config_selectOnScroll", "type": "config"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "selectOnScrollChange", "url": "YAHOO.widget.Carousel.html#event_selectOnScrollChange", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "selectPreviousItem", "url": "YAHOO.widget.Carousel.html#method_selectPreviousItem", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_setCarouselOffset", "url": "YAHOO.widget.Carousel.html#method__setCarouselOffset", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_setClipContainerSize", "url": "YAHOO.widget.Carousel.html#method__setClipContainerSize", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_setContainerSize", "url": "YAHOO.widget.Carousel.html#method__setContainerSize", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_setFirstVisible", "url": "YAHOO.widget.Carousel.html#method__setFirstVisible", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "setItemSelection", "url": "YAHOO.widget.Carousel.html#method_setItemSelection", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_setNavigation", "url": "YAHOO.widget.Carousel.html#method__setNavigation", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_setNumItems", "url": "YAHOO.widget.Carousel.html#method__setNumItems", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_setNumVisible", "url": "YAHOO.widget.Carousel.html#method__setNumVisible", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_setOrientation", "url": "YAHOO.widget.Carousel.html#method__setOrientation", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_setRevealAmount", "url": "YAHOO.widget.Carousel.html#method__setRevealAmount", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_setSelectedItem", "url": "YAHOO.widget.Carousel.html#method__setSelectedItem", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "setStyles", "url": "YAHOO.widget.Carousel.html#method_setStyles", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_setupCarouselNavigation", "url": "YAHOO.widget.Carousel.html#method__setupCarouselNavigation", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "show", "url": "YAHOO.widget.Carousel.html#method_show", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "show", "url": "YAHOO.widget.Carousel.html#event_show", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "startAutoPlay", "url": "YAHOO.widget.Carousel.html#method_startAutoPlay", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "startAutoPlay", "url": "YAHOO.widget.Carousel.html#event_startAutoPlay", "type": "event"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "stopAutoPlay", "url": "YAHOO.widget.Carousel.html#method_stopAutoPlay", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "stopAutoPlay", "url": "YAHOO.widget.Carousel.html#event_stopAutoPlay", "type": "event"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "syncNavigation", "url": "YAHOO.widget.Carousel.html#method_syncNavigation", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "syncPagerUi", "url": "YAHOO.widget.Carousel.html#method_syncPagerUi", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "syncUi", "url": "YAHOO.widget.Carousel.html#method_syncUi", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_syncUiForItemAdd", "url": "YAHOO.widget.Carousel.html#method__syncUiForItemAdd", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_syncUiForItemReplace", "url": "YAHOO.widget.Carousel.html#method__syncUiForItemReplace", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_syncUiForLazyLoading", "url": "YAHOO.widget.Carousel.html#method__syncUiForLazyLoading", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_syncUiItems", "url": "YAHOO.widget.Carousel.html#method__syncUiItems", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "toString", "url": "YAHOO.widget.Carousel.html#method_toString", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_updateNavButtons", "url": "YAHOO.widget.Carousel.html#method__updateNavButtons", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_updatePagerButtons", "url": "YAHOO.widget.Carousel.html#method__updatePagerButtons", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_updatePagerMenu", "url": "YAHOO.widget.Carousel.html#method__updatePagerMenu", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "updatePagination", "url": "YAHOO.widget.Carousel.html#method_updatePagination", "type": "method"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "updateStateAfterScroll", "url": "YAHOO.widget.Carousel.html#method_updateStateAfterScroll", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_updateTabIndex", "url": "YAHOO.widget.Carousel.html#method__updateTabIndex", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_validateAnimation", "url": "YAHOO.widget.Carousel.html#method__validateAnimation", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_validateFirstVisible", "url": "YAHOO.widget.Carousel.html#method__validateFirstVisible", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_validateNavigation", "url": "YAHOO.widget.Carousel.html#method__validateNavigation", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_validateNumItems", "url": "YAHOO.widget.Carousel.html#method__validateNumItems", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_validateNumVisible", "url": "YAHOO.widget.Carousel.html#method__validateNumVisible", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_validateRevealAmount", "url": "YAHOO.widget.Carousel.html#method__validateRevealAmount", "type": "method"}, {"access": "protected", "host": "YAHOO.widget.Carousel", "name": "_validateScrollIncrement", "url": "YAHOO.widget.Carousel.html#method__validateScrollIncrement", "type": "method"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "VERTICAL", "url": "YAHOO.widget.Carousel.html#property_VERTICAL", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "VERTICAL_CONTAINER", "url": "YAHOO.widget.Carousel.html#property_VERTICAL_CONTAINER", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "VERT_MIN_WIDTH", "url": "YAHOO.widget.Carousel.html#property_VERT_MIN_WIDTH", "type": "property"}, {"access": "", "host": "YAHOO.widget.Carousel", "name": "VISIBLE", "url": "YAHOO.widget.Carousel.html#property_VISIBLE", "type": "property"}, {"access": "private", "host": "YAHOO.widget.Carousel", "name": "WidgetName", "url": "YAHOO.widget.Carousel.html#property_WidgetName", "type": "property"}];
</script>
</body>
</html>