tests/manual/skins.html

436aad11e01e916f75e68a2e9cb89ac217a990d3Tinderbox User<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
6fe48fb46e53ffc37542853a1edb74cb481b7d94Automatic Updater<html>
18920d790825d96ca3943aa2dcb6eb80dc611c5fTinderbox User<head>
18920d790825d96ca3943aa2dcb6eb80dc611c5fTinderbox User    <meta http-equiv="content-type" content="text/html; charset=utf-8">
e9e4257668ff6c4e583b0c0db2508650b0b677b8Tinderbox User    <title>Widget Skins Test Page</title>
e9e4257668ff6c4e583b0c0db2508650b0b677b8Tinderbox User    <script src="/build/yui/yui-min.js"></script>
c57668a2fbbe558c1bd21652813616f2f517c469Tinderbox User    <link type="text/css" rel="stylesheet" href="/build/cssreset/cssreset.css">
a7c412f37cc73d0332887a746e81220cbf09dd00Mark Andrews    <link type="text/css" rel="stylesheet" href="/build/cssfonts/cssfonts.css">
1f4c645185bd8fc70048e0a69eee46193a284e5cTinderbox User    <link type="text/css" rel="stylesheet" href="/build/cssgrids/cssgrids.css">
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews    <link type="text/css" rel="stylesheet" href="/build/cssbutton/cssbutton.css">
bed0874e1a09e810575328c4bfc346a47514b69fMark Andrews    <link type="text/css" rel="stylesheet" href="/build/autocomplete-list/assets/skins/night/autocomplete-list.css">
950d203b64f512b85fcc093ee1e9e3e531a1aea3Tinderbox User    <link type="text/css" rel="stylesheet" href="/build/slider-base/assets/skins/night/slider-base.css">
b886b04d8d2b085cbf3e1bf4442dee87f43ba5e4Tinderbox User    <link type="text/css" rel="stylesheet" href="/build/tabview/assets/skins/night/tabview.css">
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews    <link type="text/css" rel="stylesheet" href="/build/datatable-base/assets/skins/night/datatable-base.css">
e20309353e6246485c521278131d3fced73d7957Tinderbox User    <link type="text/css" rel="stylesheet" href="/build/datatable-sort/assets/skins/night/datatable-sort.css">
e20309353e6246485c521278131d3fced73d7957Tinderbox User    <link type="text/css" rel="stylesheet" href="/build/dial/assets/skins/night/dial.css">
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews    <link type="text/css" rel="stylesheet" href="/build/scrollview-list/assets/skins/night/scrollview-list.css">
a7c412f37cc73d0332887a746e81220cbf09dd00Mark Andrews    <link type="text/css" rel="stylesheet" href="/build/scrollview-scrollbars/assets/skins/night/scrollview-scrollbars.css">
a7c412f37cc73d0332887a746e81220cbf09dd00Mark Andrews    <link type="text/css" rel="stylesheet" href="/build/panel/assets/skins/night/panel.css" charset="utf-8">
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews    <link type="text/css" rel="stylesheet" href="/build/node-menunav/assets/skins/night/node-menunav.css" charset="utf-8">
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews    <link type="text/css" rel="stylesheet" href="/build/calendar/assets/skins/night/calendar-base-skin.css">
e20309353e6246485c521278131d3fced73d7957Tinderbox User    <link type="text/css" rel="stylesheet" href="/build/calendar/assets/skins/night/calendarnavigator-skin.css">
e20309353e6246485c521278131d3fced73d7957Tinderbox User    <link type="text/css" rel="stylesheet" href="/build/resize/assets/skins/night/resize-base.css">
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User<!--
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    <link type="text/css" rel="stylesheet" href="/calendar/assets/skins/night/calendar-base-skin.css">
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User    <link type="text/css" rel="stylesheet" href="/calendar/assets/skins/night/calendarnavigator-skin.css">
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews-->
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    <style>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User        body {
efb0e886f18894a1d2489f1ad74ad14b579e11c7Mark Andrews            margin: 0em;
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews        }
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User        .yui3-js-enabled .yui3-widget-loading {
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            display: none;
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User        }
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User        .yui3-panel form li {
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            list-style: none;
b886b04d8d2b085cbf3e1bf4442dee87f43ba5e4Tinderbox User        }
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews
aa9c561961e9d877946ebaa8795fa2be054ab7bfEvan Hunt        .yui3-panel label {
dc238a06bffa79de141ee7655765e2df91498a8aTinderbox User            display: block;
9513a2a6670951f5cf5477fcfec9f933fcaff628Automatic Updater            margin-top: 1em;
aa9c561961e9d877946ebaa8795fa2be054ab7bfEvan Hunt        }
9513a2a6670951f5cf5477fcfec9f933fcaff628Automatic Updater
24934f08b9ff81c2be711e566e8002d145573031Tinderbox User        .yui3-menu,
9513a2a6670951f5cf5477fcfec9f933fcaff628Automatic Updater        .yui3-widget {
aa9c561961e9d877946ebaa8795fa2be054ab7bfEvan Hunt            margin: 15px;
dc238a06bffa79de141ee7655765e2df91498a8aTinderbox User        }
e9e4257668ff6c4e583b0c0db2508650b0b677b8Tinderbox User
aa9c561961e9d877946ebaa8795fa2be054ab7bfEvan Hunt        .yui3-tabview {
710bce1a85c96e85ca1a90471382055acd29d51fTinderbox User            width: 300px;
9513a2a6670951f5cf5477fcfec9f933fcaff628Automatic Updater        }
9513a2a6670951f5cf5477fcfec9f933fcaff628Automatic Updater
9513a2a6670951f5cf5477fcfec9f933fcaff628Automatic Updater        #buttons-dir,
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews        #buttons-skin {
cdfc81e048bd34c1d628380247bda6b80a89e20eAutomatic Updater            margin: 1em;
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews        }
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews        .button-group {
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            text-align: center;
9513a2a6670951f5cf5477fcfec9f933fcaff628Automatic Updater        }
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews        .yui3-panel {
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            position: static !important;
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews        }
9513a2a6670951f5cf5477fcfec9f933fcaff628Automatic Updater
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews        #resize {
eabc9c3c07cd956d3c436bd7614cb162dabdda76Mark Andrews            position: relative;
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            width: 100px;
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            height: 100px;
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            border: solid 1px #6F6F6F;
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews        }
950d203b64f512b85fcc093ee1e9e3e531a1aea3Tinderbox User
950d203b64f512b85fcc093ee1e9e3e531a1aea3Tinderbox User        /* workaround site CSS */
950d203b64f512b85fcc093ee1e9e3e531a1aea3Tinderbox User        /*
950d203b64f512b85fcc093ee1e9e3e531a1aea3Tinderbox User        .yui3-datatable th,
950d203b64f512b85fcc093ee1e9e3e531a1aea3Tinderbox User        .yui3-calendar th,
b886b04d8d2b085cbf3e1bf4442dee87f43ba5e4Tinderbox User        .yui3-calendar h4 {
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews            background: transparent;
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews            border: none;
950d203b64f512b85fcc093ee1e9e3e531a1aea3Tinderbox User            color: inherit;
27739dd25026283c24645c8a1044b95ef9eb5ac6Tinderbox User            font-size: inherit;
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews        }
18920d790825d96ca3943aa2dcb6eb80dc611c5fTinderbox User        */
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews
ad411d8ccf8a27eb903b842ab507ba6729d0246bTinderbox User    </style>
80faf1588895fd26490f82f95a7a1b771df1c324Automatic Updater
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews    <body class="yui3-skin-sam">
18920d790825d96ca3943aa2dcb6eb80dc611c5fTinderbox User    <div id="skin-demo">
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews        <div class="yui3-g button-group">
28a5dd720187fddb16055a0f64b63a7b66f29f64Mark Andrews            <div id="buttons-skin" class="yui3-u">
77932ac533c711eca5cd86de4e7eca8d91102b43Tinderbox User                <button id="sam" class="yui3-button yui3-button-selected">Sam</button>
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews                <button id="night" class="yui3-button">Night</button>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                <button id="togglebkg" class="yui3-button">Toggle HTML Bkg Color</button>
91216cff91b34c9ff6e846dc23f248219cafe660Andreas Gustafsson            </div>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            <div id="buttons-dir" class="yui3-u">
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                <button id="rtl" class="yui3-button">RTL</button>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                <button id="ltr" class="yui3-button yui3-button-selected">LTR</button>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User            </div>
efb0e886f18894a1d2489f1ad74ad14b579e11c7Mark Andrews        </div>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User            <div class="yui3-u">
91216cff91b34c9ff6e846dc23f248219cafe660Andreas Gustafsson                <div id="button-demo">
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                    <div class="yui3-u">
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                        <button class="yui3-button">Button</button>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                        <button class="yui3-button yui3-button-selected">Selected</button>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                        <button class="yui3-button yui3-button-disabled">Disabled</button>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                    </div>
91216cff91b34c9ff6e846dc23f248219cafe660Andreas Gustafsson                </div>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User            </div>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews
28a5dd720187fddb16055a0f64b63a7b66f29f64Mark Andrews
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews        <div class="yui3-g">
78f3ed4bc2fcd3d270bfd599804f3b27a1db4d91Mark Andrews<!-- TabView -->
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews            <div class="yui3-u">
3349f0044fda807e1fd6681c833d3593a22dad86Tinderbox User                <div class="yui3-widget-loading" id="demo-tabview">
78f3ed4bc2fcd3d270bfd599804f3b27a1db4d91Mark Andrews                    <ul>
28a5dd720187fddb16055a0f64b63a7b66f29f64Mark Andrews                        <li>
37d8e0a4455876fe1e4cca511076cc2c5ab9eedeTinderbox User                            <a href="#pork">Pork</a>
37d8e0a4455876fe1e4cca511076cc2c5ab9eedeTinderbox User                        </li>
28a5dd720187fddb16055a0f64b63a7b66f29f64Mark Andrews                        <li>
2a31bd531072824ef252c18303859d6af7451b00Francis Dupont                            <a href="#meatball">Meatball</a>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                        </li>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                        <li>
2a31bd531072824ef252c18303859d6af7451b00Francis Dupont                            <a href="#salami">Salami</a>
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews                        </li>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                    </ul>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                    <div>
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews                        <div id="pork">
78f3ed4bc2fcd3d270bfd599804f3b27a1db4d91Mark Andrews                            <p>Pork tail short loin ground round. Spare ribs bresaola cow prosciutto. Ground round shoulder shankle venison tongue, beef ribs spare ribs salami frankfurter bacon turducken tri-tip tail ribeye pork chop. Chicken tail bacon, biltong corned beef shankle pancetta shoulder brisket pork belly ham pork bresaola pig.</p>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                        </div>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                        <div id="meatball">
78f3ed4bc2fcd3d270bfd599804f3b27a1db4d91Mark Andrews                            <p>Meatball cow leberkäse, tenderloin sirloin spare ribs beef ribs turkey ball tip flank pork loin fatback andouille strip steak tri-tip. Kielbasa drumstick pastrami tongue, strip steak shank tail beef ribs pork turducken pork loin pork chop. Capicola ground round tail t-bone pork chop kielbasa, chicken prosciutto bacon brisket sausage jowl. Andouille shoulder pork pig swine. Venison beef ribs turducken pork chop, sausage turkey drumstick sirloin ham swine chicken.</p>
78f3ed4bc2fcd3d270bfd599804f3b27a1db4d91Mark Andrews                        </div>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                        <div id="salami">
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                            <p>Salami short ribs corned beef, pancetta ham hock jowl frankfurter tail rump flank capicola tri-tip andouille sirloin. Biltong bresaola sausage hamburger ground round, pork loin tri-tip pig andouille fatback short ribs pork jowl. Capicola boudin sirloin tongue, beef prosciutto spare ribs shankle ball tip ham beef ribs turducken tenderloin. Drumstick tenderloin ribeye leberkäse, pork belly pancetta turducken frankfurter bresaola pig biltong.</p>
78f3ed4bc2fcd3d270bfd599804f3b27a1db4d91Mark Andrews                        </div>
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews                    </div>
dc238a06bffa79de141ee7655765e2df91498a8aTinderbox User                </div>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews            </div>
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews
e20788e1216ed720aefa84f3295f7899d9f28c22Mark Andrews            <div class="yui3-u"><div id="demo-datatable"></div></div>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews            <div class="yui3-u">
01a5c5503482fb3ba52088bf0178a7213273bf96Mark Andrews                <div class="yui3-panel yui3-widget" id="demo-panel">
dc238a06bffa79de141ee7655765e2df91498a8aTinderbox User                    <div class="yui3-panel-content yui3-widget-stdmod">
37d8e0a4455876fe1e4cca511076cc2c5ab9eedeTinderbox User                        <div class="yui3-widget-hd">Add A New Product</div>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                        <div class="yui3-widget-bd">
cdfc81e048bd34c1d628380247bda6b80a89e20eAutomatic Updater                            <form>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                <fieldset>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                                    <ul>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                        <li>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                                            <label for="productId">ID</label>
fe80a4909bf62b602feaf246866e9d29f7654194Automatic Updater                                            <input type="text" name="productId" id="productId">
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                                        </li>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                        <li>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                                            <label for="name">Name</label>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                            <input type="text" name="name" id="name">
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                                        </li>
fa0326cc2cf428f67575b6ba3b97b528a31b0010Tinderbox User                                        <!--<li>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                                            <label for="price">Price</label>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                            <input type="text" name="price" id="price">
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                                        </li>-->
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                    </ul>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                                </fieldset>
fe80a4909bf62b602feaf246866e9d29f7654194Automatic Updater                            </form>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                        </div>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                        <div class="yui3-widget-ft">
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                            <button class="yui3-button">Cancel</button>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                            <button class="yui3-button">Add</button>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                        </div>
91216cff91b34c9ff6e846dc23f248219cafe660Andreas Gustafsson                    </div>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                </div>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            </div>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User
dd65eb1efb40b1c47d57963192bfc54873b219beAutomatic Updater<!--  for panel from JS
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User            <div class="yui3-u">
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                 <div id="myPanelContent">
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                    <div class="yui3-widget-hd">I'm from JS</div>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                    <div class="yui3-widget-bd">My buttons have no margin. Why?</div>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                    <div class="yui3-widget-ft"></div>
133e6d43fa82e80d3798be4de00f4540f485ec6cAutomatic Updater                 </div>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User            </div>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews-->
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User            <div class="yui3-u">
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                 <div id="demo-calendar"></div>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User            </div>
91216cff91b34c9ff6e846dc23f248219cafe660Andreas Gustafsson            <div class="yui3-u">
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                 <div id="demo-dial"></div>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            </div>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User            <div class="yui3-u">
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                 <div id="demo-xslider"></div>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User            </div>
5f7586ddbd3edd11272cdd30ed613d936129328bTinderbox User            <div class="yui3-u">
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                 <div id="demo-yslider"></div>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            </div>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            <div class="yui3-u">
b886b04d8d2b085cbf3e1bf4442dee87f43ba5e4Tinderbox User                <div id="demo-scrollview">
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                    <ul>
b886b04d8d2b085cbf3e1bf4442dee87f43ba5e4Tinderbox User                        <li>Sir DZL</li>
a7c412f37cc73d0332887a746e81220cbf09dd00Mark Andrews                        <li>Casual</li>
a7c412f37cc73d0332887a746e81220cbf09dd00Mark Andrews                        <li>A-Plus</li>
710bce1a85c96e85ca1a90471382055acd29d51fTinderbox User                        <li>Opio</li>
dc238a06bffa79de141ee7655765e2df91498a8aTinderbox User                        <li>Phesto</li>
37d8e0a4455876fe1e4cca511076cc2c5ab9eedeTinderbox User                        <li>Tajai</li>
dc238a06bffa79de141ee7655765e2df91498a8aTinderbox User                        <li>Pep Love</li>
37d8e0a4455876fe1e4cca511076cc2c5ab9eedeTinderbox User                        <li>Domino</li>
dc238a06bffa79de141ee7655765e2df91498a8aTinderbox User                        <li>Toure</li>
a7c412f37cc73d0332887a746e81220cbf09dd00Mark Andrews                        <li>Bukue One</li>
7ca715ad1587a68a531ea1cdea07515d7232567eTinderbox User                        <li>Z-Man</li>
269519eeb959d905ed125f96426e01d725c3b597Tinderbox User                    </ul>
8711e5c73ca872d59810760af0332194cbdd619bAutomatic Updater                </div>
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater            </div>
91d187ce035f39073f0732ff2a401a45c3c955fbMark Andrews<!-- menunav -->
91d187ce035f39073f0732ff2a401a45c3c955fbMark Andrews            <div class="yui3-u">
37d8e0a4455876fe1e4cca511076cc2c5ab9eedeTinderbox User                <div id="demo-menunav" class="yui3-menu">
8e5fce1f9ceba17dd7e3ff0eb287e1e999c14249Mark Andrews                    <div class="yui3-menu-content">
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                        <ul class="first-of-type">
91d187ce035f39073f0732ff2a401a45c3c955fbMark Andrews                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://developer.yahoo.com/">Developer Network</a></li>
91d187ce035f39073f0732ff2a401a45c3c955fbMark Andrews                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://www.flickr.com">Flickr</a></li>
bc0a53583d92309bebcf93c408e2f3247ebd3d3cAutomatic Updater                            <li>
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater                                <a class="yui3-menu-label" href="#pim">Mail</a>
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater                                <div id="pim" class="yui3-menu">
59528addd704f8d5757b54e540520f74e588a7c7Automatic Updater                                    <div class="yui3-menu-content">
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater                                        <ul>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://mail.yahoo.com">Mail</a></li>
59528addd704f8d5757b54e540520f74e588a7c7Automatic Updater                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://mail.yahoo.com">Contact Lists</a></li>
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater                                        </ul>
d7d105151a78d35afb4233d2a6dbd47b7ec0d9a5Tinderbox User
37d8e0a4455876fe1e4cca511076cc2c5ab9eedeTinderbox User                                        <ul>
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://addressbook.yahoo.com">Address Book</a></li>
19b3dc94bce93fa76bd7e066f9298630dbc9dcb4Automatic Updater                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://calendar.yahoo.com">Calendar</a></li>
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://notepad.yahoo.com">Notepad</a></li>
9513a2a6670951f5cf5477fcfec9f933fcaff628Automatic Updater                                        </ul>
7f94d9a8162c9a96b56e66176702b66e79d8e1a2Automatic Updater
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater                                        <ul>
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://messenger.yahoo.com">Messenger</a></li>
5ecad47f69b3fd945472ab2900a9ff826a7ce2f6Automatic Updater                                        </ul>
37d8e0a4455876fe1e4cca511076cc2c5ab9eedeTinderbox User
91d187ce035f39073f0732ff2a401a45c3c955fbMark Andrews                                    </div>
6a9d2121152c94cb9e35832126c3f2e4d18d81edTinderbox User                                </div>
6a9d2121152c94cb9e35832126c3f2e4d18d81edTinderbox User                            </li>
dc238a06bffa79de141ee7655765e2df91498a8aTinderbox User                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://news.yahoo.com">News</a> </li>
96ea71632887c58a9d00f47eb318bf76b35903c3Mark Andrews                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://mobile.yahoo.com">Mobile</a></li>
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater                        </ul>
9cd5eb6fe0f26d65724b99216cb31dcdd12e4afdAutomatic Updater                        <ul>
dc238a06bffa79de141ee7655765e2df91498a8aTinderbox User                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://finance.yahoo.com/">Finance</a></li>
dc238a06bffa79de141ee7655765e2df91498a8aTinderbox User                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://shine.yahoo.com/">Shine</a></li>
4cda4fd158d6ded5586bacea8c388445d99611eaAutomatic Updater                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://shopping.yahoo.com/">Shopping</a></li>
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews                        </ul>
91d187ce035f39073f0732ff2a401a45c3c955fbMark Andrews                    </div>
80faf1588895fd26490f82f95a7a1b771df1c324Automatic Updater                </div>
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews            </div>
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater<!-- MenuNav horiz -->
6a9d2121152c94cb9e35832126c3f2e4d18d81edTinderbox User            <div class="yui3-u">
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews               <div id="demo-menunav-horiz" class="yui3-menu yui3-menu-horizontal">
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews                    <div class="yui3-menu-content">
bf5e2127e92e52cbf661e77dd6a76e5aef43542fTinderbox User                        <ul class="first-of-type">
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://www.yahoo.com/">Home</a></li>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                            <li>
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews                                <a class="yui3-menu-label" href="#connect">Connect</a>
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater
dc238a06bffa79de141ee7655765e2df91498a8aTinderbox User                                <div id="connect" class="yui3-menu">
dc238a06bffa79de141ee7655765e2df91498a8aTinderbox User                                    <div class="yui3-menu-content">
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater                                        <ul>
a7c412f37cc73d0332887a746e81220cbf09dd00Mark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://yahoo.com/">Yahoo!</a></li>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://www.flickr.com">Flickr</a></li>
da59e63e7af147a8bcef985b98b04443e04c3a0eTinderbox User                                            <li>
710bce1a85c96e85ca1a90471382055acd29d51fTinderbox User                                                <a class="yui3-menu-label" href="#pim">Mail</a>
dc5552b4df5e3821783821c8d4e734c1608c446eTinderbox User
cf7e98f59148b559946a7f1ca728471374f1eef3Automatic Updater                                                <div id="pim" class="yui3-menu">
6025cbbe8408f4b09d53d5ec1e95cb6da97e0a8dTinderbox User                                                    <div class="yui3-menu-content">
27c3c21f41520e8d6336d80a8094389e321cb6d2Mark Andrews
dc5552b4df5e3821783821c8d4e734c1608c446eTinderbox User                                                        <ul>
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater                                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://mail.yahoo.com">Mail</a></li>
cf7e98f59148b559946a7f1ca728471374f1eef3Automatic Updater                                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://calendar.yahoo.com">Calendar</a></li>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                                        </ul>
91216cff91b34c9ff6e846dc23f248219cafe660Andreas Gustafsson
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                                        <ul>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://addressbook.yahoo.com">Address Book</a></li>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://calendar.yahoo.com">What's New</a></li>
cd6e9010079a4e58f7e30063df3dec0ff154ad59Tinderbox User                                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://notepad.yahoo.com">Notepad</a></li>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                                        </ul>
fe600c3ad88c0bb078283a953d048087d227c0e5Tinderbox User
dc238a06bffa79de141ee7655765e2df91498a8aTinderbox User                                                        <ul>
b886b04d8d2b085cbf3e1bf4442dee87f43ba5e4Tinderbox User                                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://messenger.yahoo.com">Messenger</a></li>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews
3857cb6fcabeb79d85de4b3e3e4ab99912b701f8Mark Andrews                                                        </ul>
dc238a06bffa79de141ee7655765e2df91498a8aTinderbox User
b886b04d8d2b085cbf3e1bf4442dee87f43ba5e4Tinderbox User                                                    </div>
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews                                                </div>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                                            </li>
91216cff91b34c9ff6e846dc23f248219cafe660Andreas Gustafsson                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://movies.yahoo.com">Movies</a> </li>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://mobile.yahoo.com">Mobile</a></li>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://travel.yahoo.com/">Travel</a></li>
9ecb5d33470ebfb3719a1b8d56bcefdf4b27f7b2Tinderbox User
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://sports.yahoo.com/">Sports</a></li>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://finance.yahoo.com/">Finance</a></li>
8292deab031e7599cd7622aa7675fbe139ca6095Mark Andrews                                        </ul>
e31cfd80616deb9781902306b34a69aa7309b6cbTinderbox User                                    </div>
7ac34650fa344f42211d6da744ae486b0145a083Tinderbox User                                </div>
7ac34650fa344f42211d6da744ae486b0145a083Tinderbox User                            </li>
78f3ed4bc2fcd3d270bfd599804f3b27a1db4d91Mark Andrews
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                            <li>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews
78f3ed4bc2fcd3d270bfd599804f3b27a1db4d91Mark Andrews                                <a class="yui3-menu-label" href="#find-info">Find Info</a>
78f3ed4bc2fcd3d270bfd599804f3b27a1db4d91Mark Andrews                                <div id="find-info" class="yui3-menu">
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                    <div class="yui3-menu-content">
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                        <ul>
78f3ed4bc2fcd3d270bfd599804f3b27a1db4d91Mark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://search.yahoo.com">Yahoo! Search</a></li>
78f3ed4bc2fcd3d270bfd599804f3b27a1db4d91Mark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://babelfish.yahoo.com/">Babel Fish Translations</a></li>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://info.yahoo.com/">Company Info</a></li>
7d12a6b412fe47e6d6582923fd6954ab8cd0baebAutomatic Updater
78f3ed4bc2fcd3d270bfd599804f3b27a1db4d91Mark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://search.yahoo.com/cc">Creative Commons Search</a></li>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://dir.yahoo.com/">Directory</a></li>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://hotjobs.yahoo.com/">Jobs</a></li>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://local.yahoo.com">Local</a></li>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://maps.yahoo.com/">Maps</a></li>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://realestate.yahoo.com">Real Estate</a></li>
e8fc8c884b44371784805e1e0d3100da403dd3f1Automatic Updater
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://education.yahoo.com/reference/">Reference</a></li>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                        </ul>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                    </div>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                </div>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                            </li>
e8fc8c884b44371784805e1e0d3100da403dd3f1Automatic Updater
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                        </ul>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                    </div>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                </div>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews            </div>
e8fc8c884b44371784805e1e0d3100da403dd3f1Automatic Updater<!-- end menu nav horizontal-->
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews<!-- MenuNav horiz split button-->
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews            <div class="yui3-u">
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                <div id="menu-1" class="yui3-menu yui3-menu-horizontal yui3-splitbuttonnav"><!-- Bounding box -->
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                    <div class="yui3-menu-content"><!-- Content box -->
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                        <ul>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                            <li>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                <span class="yui3-menu-label"><!-- menu label root node -->
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                    <a href="http://travel.yahoo.com">Travel</a><!-- menu label default action -->
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                                    <a href="#travel-options" class="yui3-menu-toggle">Travel Options</a><!-- menu label submenu toggle -->
b30ec46fec40a1b246f7965fbcd341fc6cfd1cc1Mark Andrews                                </span>
82a986aaa5d3384a541b5a7d6dae8cf0726d6513Tinderbox User
82a986aaa5d3384a541b5a7d6dae8cf0726d6513Tinderbox User                                <div id="travel-options" class="yui3-menu">
c7ef13f6c9ef4436bc804b150e0a93307b11fa27Tinderbox User                                    <div class="yui3-menu-content">
01a5c5503482fb3ba52088bf0178a7213273bf96Mark Andrews                                        <ul>
82a986aaa5d3384a541b5a7d6dae8cf0726d6513Tinderbox User                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://travel.yahoo.com/beach;_ylt=AtWGJZLM73jp52fJNMJcOwGhpYMA">Beach</a></li>
d7d105151a78d35afb4233d2a6dbd47b7ec0d9a5Tinderbox User                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://travel.yahoo.com/honeymoon;_ylt=ArJByEt5iYogEYMdhsWy_sWhpYMA">Honeymoon</a></li>
d585233c52e283d9a8849f16f04f452419a2484eTinderbox User                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://travel.yahoo.com/national-parks;_ylt=Aisxea9BMnUZdmrYv.sOYk2hpYMA">National Parks</a></li>
d7d105151a78d35afb4233d2a6dbd47b7ec0d9a5Tinderbox User                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://travel.yahoo.com/family;_ylt=Aiz4pI2rCCo6cy7G0XqfdPehpYMA">Family</a></li>
d585233c52e283d9a8849f16f04f452419a2484eTinderbox User                                        </ul>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                    </div>
b886b04d8d2b085cbf3e1bf4442dee87f43ba5e4Tinderbox User                                </div>
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews
59528addd704f8d5757b54e540520f74e588a7c7Automatic Updater                            </li>
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews                            <li>
dc238a06bffa79de141ee7655765e2df91498a8aTinderbox User
e9e4257668ff6c4e583b0c0db2508650b0b677b8Tinderbox User                                <span class="yui3-menu-label"><!-- menu label root node -->
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews                                    <a href="http://news.yahoo.com">News</a><!-- menu label default action -->
e9e4257668ff6c4e583b0c0db2508650b0b677b8Tinderbox User                                    <a href="#news-options" class="yui3-menu-toggle">News Options</a><!-- menu label submenu toggle -->
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews                                </span>
37d8e0a4455876fe1e4cca511076cc2c5ab9eedeTinderbox User
c651f15b30f1dae5cc2f00878fb5da5b3a35a468Mark Andrews                                <div id="news-options" class="yui3-menu">
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater                                    <div class="yui3-menu-content">
7f79131f9a8e804b93c57f3c679065cce878b726Automatic Updater                                        <ul>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://news.yahoo.com/">News</a></li>
91216cff91b34c9ff6e846dc23f248219cafe660Andreas Gustafsson                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://news.yahoo.com/world">World</a></li>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://news.yahoo.com/tech">Tech</a></li>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                            <li class="yui3-menuitem"><a class="yui3-menuitem-content" href="http://news.yahoo.com/sports">Sports</a></li>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                        </ul>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                    </div>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                                </div>
efb0e886f18894a1d2489f1ad74ad14b579e11c7Mark Andrews
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                            </li>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                        </ul>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                    </div>
3a988722ad9e209ba4064604d482dc4efe0e19ebTinderbox User                </div>
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            </div>
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington<!-- end menu nav horizontal split button-->
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews<!-- Autocomplete -->
91d187ce035f39073f0732ff2a401a45c3c955fbMark Andrews            <div class="yui3-u">
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                <div id="autocomplete" class="yui3-widget">
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                    <label for="ac-input">Enter the name of a US state:</label><br>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                    <input id="ac-input" type="text">
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                </div>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            </div>
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews<!-- Resize -->
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            <div class="yui3-u">
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                <div id="resize"></div>
710bce1a85c96e85ca1a90471382055acd29d51fTinderbox User            </div>
710bce1a85c96e85ca1a90471382055acd29d51fTinderbox User<!-- end of components elements -->
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews        </div>
a5636b773fa05a272b6876afd99309c0b3090e2fMark Andrews    </div>
a5636b773fa05a272b6876afd99309c0b3090e2fMark Andrews<script>
a5636b773fa05a272b6876afd99309c0b3090e2fMark AndrewsYUI({
a5636b773fa05a272b6876afd99309c0b3090e2fMark Andrews    filter: 'raw'
a5636b773fa05a272b6876afd99309c0b3090e2fMark Andrews})
f7369b2881b5e63d69600adcedc8ba938303d30cTinderbox User.use(
f7369b2881b5e63d69600adcedc8ba938303d30cTinderbox User    'autocomplete', 'autocomplete-filters', 'autocomplete-highlighters',
d6317350b1180aa4517f2e8a92fa8fbcbf904ad8Automatic Updater    'tabview',
bc0a4c01beede169df81a3ee5b614ed9e82339dbAutomatic Updater    'datatable-sort',
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews    'calendar',
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    'panel',
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    'dial',
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    'node-menunav',
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    'node-event-delegate',
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    'slider',
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    'scrollview', 'scrollview-list',
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    'resize',
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellingtonfunction(Y) {
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    var buttonHandlers = {
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        sam: function(e) {
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            Y.one('body').replaceClass('yui3-skin-night', 'yui3-skin-sam');
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            slider1.set('thumbUrl', '')._initThumbUrl();
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            slider1.thumb.all('img').set('src', slider1.get('thumbUrl'));
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            slider2.set('thumbUrl', '')._initThumbUrl();
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            slider2.thumb.all('img').set('src', slider2.get('thumbUrl'));
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        },
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        night: function(e) {
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            Y.one('body').replaceClass('yui3-skin-sam', 'yui3-skin-night');
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            slider1.set('thumbUrl', '')._initThumbUrl();
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            slider1.thumb.all('img').set('src', slider1.get('thumbUrl'));
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            slider2.set('thumbUrl', '')._initThumbUrl();
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            slider2.thumb.all('img').set('src', slider2.get('thumbUrl'));
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        },
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        togglebkg: function(e) {
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            if(Y.one('html').getStyle('backgroundColor') === "rgb(255, 255, 255)"){
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington                Y.one('html').setStyle('backgroundColor',  "rgb(0, 0, 0)");
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington                //Y.one('html').setStyle('color',  "rgb(255, 255, 255)");
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            }else{
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington                Y.one('html').setStyle('backgroundColor',  "rgb(255, 255, 255)");
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington                // Y.one('html').setStyle('color',  "rgb(0, 0, 0)");   the default
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            }
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        },
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        rtl: function(e) {
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            Y.one('body').setAttribute('dir', 'rtl');
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        },
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        ltr: function(e) {
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            Y.one('body').setAttribute('dir', 'ltr');
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        }
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    };
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    function buttonGroupHandler(e) {
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        var button = e.currentTarget,
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            handler = buttonHandlers[button.get('id')],
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            selectedClass = Y.ClassNameManager.getClassName('button', 'selected');
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews        if (handler) {
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            button.addClass(selectedClass);
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            button.siblings().removeClass(selectedClass);
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            handler.call(this, e);
22d32791e5daa0bc80335a0f10ab2de95f41ccdbTinderbox User        }
ae7e54b14c946e0984c191554db9abb4893f9349Automatic Updater    }
ae7e54b14c946e0984c191554db9abb4893f9349Automatic Updater/////////// autocomplete
ae7e54b14c946e0984c191554db9abb4893f9349Automatic Updater  var states = [
ae7e54b14c946e0984c191554db9abb4893f9349Automatic Updater    'Alabama',
ae7e54b14c946e0984c191554db9abb4893f9349Automatic Updater    'Alaska',
ae7e54b14c946e0984c191554db9abb4893f9349Automatic Updater    'Arizona',
710bce1a85c96e85ca1a90471382055acd29d51fTinderbox User    'Arkansas',
ae7e54b14c946e0984c191554db9abb4893f9349Automatic Updater    'California',
ae7e54b14c946e0984c191554db9abb4893f9349Automatic Updater    'Colorado',
ae7e54b14c946e0984c191554db9abb4893f9349Automatic Updater    'Connecticut',
ae7e54b14c946e0984c191554db9abb4893f9349Automatic Updater    'Delaware',
ae7e54b14c946e0984c191554db9abb4893f9349Automatic Updater    'Florida',
ae7e54b14c946e0984c191554db9abb4893f9349Automatic Updater    'Georgia',
ae7e54b14c946e0984c191554db9abb4893f9349Automatic Updater    'Hawaii',
ae7e54b14c946e0984c191554db9abb4893f9349Automatic Updater    'Idaho',
b30ec46fec40a1b246f7965fbcd341fc6cfd1cc1Mark Andrews    'Illinois',
c11c7b47726c02eb05e29ff7be56a3343146e396Tinderbox User    'Indiana',
c11c7b47726c02eb05e29ff7be56a3343146e396Tinderbox User    'Iowa',
c11c7b47726c02eb05e29ff7be56a3343146e396Tinderbox User    'Kansas',
c11c7b47726c02eb05e29ff7be56a3343146e396Tinderbox User    'Kentucky',
c11c7b47726c02eb05e29ff7be56a3343146e396Tinderbox User    'Louisiana',
c11c7b47726c02eb05e29ff7be56a3343146e396Tinderbox User    'Maine',
c11c7b47726c02eb05e29ff7be56a3343146e396Tinderbox User    'Maryland',
c11c7b47726c02eb05e29ff7be56a3343146e396Tinderbox User    'Massachusetts',
c11c7b47726c02eb05e29ff7be56a3343146e396Tinderbox User    'Michigan',
c11c7b47726c02eb05e29ff7be56a3343146e396Tinderbox User    'Minnesota',
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews    'Mississippi',
c11c7b47726c02eb05e29ff7be56a3343146e396Tinderbox User    'Missouri',
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews    'Montana',
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    'Nebraska',
c11c7b47726c02eb05e29ff7be56a3343146e396Tinderbox User    'Nevada',
c11c7b47726c02eb05e29ff7be56a3343146e396Tinderbox User    'New Hampshire',
c11c7b47726c02eb05e29ff7be56a3343146e396Tinderbox User    'New Jersey',
c11c7b47726c02eb05e29ff7be56a3343146e396Tinderbox User    'New Mexico',
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews    'New York',
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    'North Dakota',
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    'North Carolina',
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    'Ohio',
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    'Oklahoma',
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    'Oregon',
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    'Pennsylvania',
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    'Rhode Island',
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater    'South Carolina',
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater    'South Dakota',
febbdb34a7f7759922e239655e7429d78d3a8d26Tinderbox User    'Tennessee',
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater    'Texas',
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater    'Utah',
dc238a06bffa79de141ee7655765e2df91498a8aTinderbox User    'Vermont',
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews    'Virginia',
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    'Washington',
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    'West Virginia',
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    'Wisconsin',
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    'Wyoming'
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews  ];
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews  Y.one('#ac-input').plug(Y.Plugin.AutoComplete, {
710bce1a85c96e85ca1a90471382055acd29d51fTinderbox User    resultFilters    : 'phraseMatch',
c01dec514a81ecf8c17ca3ef8c3ba95e437295ebAutomatic Updater    resultHighlighter: 'phraseMatch',
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater    source           : states
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater  });
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater
e8c42d50cdaf3a3b841074d8bf72b40ffbae2a4bTinderbox User
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater
e20309353e6246485c521278131d3fced73d7957Tinderbox User/////////// end autocomplete
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews    new Y.TabView({
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        srcNode: '#demo-tabview'
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    }).render();
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    // what if...
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    // Y.TabView('#demo-tabview');
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    // Y.one('#demo-tabview').plug('tabs');
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    new Y.DataTable({
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        srcNode: '#demo-datatable',
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        columns: [
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            { key: "Company", label:" Column A", sortable: true },
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            { key: "Phone",   label:" Column B", sortable: true },
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            { key: "Contact", label:" Column C", sortable: true }
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        ],
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        data: [
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            {
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington                Company: "Company Bee",
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington                Phone:   "415-555-1234",
7adcb4de92bf4383a4c5624c4ed256736d02bc6dMark Andrews                Contact: "Sally Spencer"
7adcb4de92bf4383a4c5624c4ed256736d02bc6dMark Andrews            },
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            {
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington                Company: "Acme Company",
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                Phone:   "650-555-4444",
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                Contact: "John Jones"
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            },
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews            {
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                Company: "Industrial Industries",
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                Phone:   "408-555-5678",
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews                Contact: "Robin Smith"
9cd5eb6fe0f26d65724b99216cb31dcdd12e4afdAutomatic Updater            }
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews        ],
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews        caption: "Example table with sortable columns"
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    }).render();
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    new Y.Calendar({
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews        render: "#demo-calendar"
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    });
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    Y.one('.calendar_col7').addClass('yui3-calendar-selection-disabled');
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater//    Y.one('.yui3-calendar-nextmonth-day').setstyl('hello');
9cd5eb6fe0f26d65724b99216cb31dcdd12e4afdAutomatic Updater
79cea03ba823e2d3a34895f0ba91d7fb5ad799e7Automatic Updater    new Y.Dial({
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews        render: "#demo-dial"
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    });
7adcb4de92bf4383a4c5624c4ed256736d02bc6dMark Andrews
7adcb4de92bf4383a4c5624c4ed256736d02bc6dMark Andrews    var slider1 = new Y.Slider({
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        axis: 'y',
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        render: '#demo-yslider'
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    });
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    var slider2 = new Y.Slider({
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        render: '#demo-xslider'
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    });
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
b7aab05edae933e169d5f83c653935b17c7f0a8bMark Andrews    new Y.ScrollView({
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        height: 150,
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        width: 150,
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        srcNode: '#demo-scrollview',
409ba95e573b40cf36acf97dd62ee7e9c7775851Tinderbox User        plugins:[Y.Plugin.ScrollViewList],
7adcb4de92bf4383a4c5624c4ed256736d02bc6dMark Andrews        render:true
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    });
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
7adcb4de92bf4383a4c5624c4ed256736d02bc6dMark Andrews    var resize = new Y.Resize({
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        //Selector of the node to resize
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        node: '#resize'
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    });
dc238a06bffa79de141ee7655765e2df91498a8aTinderbox User
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    // what if...
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    // Y.Calendar('#demo-calendar');
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    // Y.Dial('#demo-dial');
0eb371ca0dab50ae3462e98794a6126198c52f4bMark Andrews    // Y.Dial('#demo-dial');
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    // new Y.Slider('#demo-yslider', {
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    //    axis: 'y',
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    // });
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    Y.one('#demo-menunav').plug(Y.Plugin.NodeMenuNav);
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    Y.one('#demo-menunav-horiz').plug(Y.Plugin.NodeMenuNav);
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    var menu = Y.one("#menu-1");
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    menu.plug(Y.Plugin.NodeMenuNav, { autoSubmenuDisplay: false, mouseOutHideDelay: 0 });
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater    // what if...
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews    // Y.Menu('#demo-menu');
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater    // handle button groups
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater    Y.one('.button-group').delegate('click', buttonGroupHandler, 'button');
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater    /* what if...
56effd2e3f579fd77b1fb37d47871d1bf1286bc4Automatic Updater     Y.RadioButtons('.button-group', {
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews         '#sam': buttonHandlers['sam'],
0e91f17da8a29086876a88962e0a3482094b6057Evan Hunt         '#night': buttonHandlers['night'],
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews         '#ltr': buttonHandlers['ltr'],
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews         '#rtl': buttonHandlers['rtl']
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews    });
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews    */
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews    /*panel from JS
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews    var panel = new Y.Panel({
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews        srcNode : '#myPanelContent',
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews        width   : 200,
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews        centered: true,
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews        render  : true,
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                // Make changes to the buttons through the `buttons` attribute,
42bee07ebb8152a6ec2f87f4790d87368c24704cAutomatic Updater        // which takes an Array of Objects.
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater        buttons: [
ce9cad6bb04869c5e94d9dc721032b25117f9210Automatic Updater            {
dedefc0bdbb4e6e39eeb98aa2fc6883efec2ddb0Mark Andrews                // Each object has a `value` property,
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington                // which can be text or an HTML string.
7adcb4de92bf4383a4c5624c4ed256736d02bc6dMark Andrews                value: "Okay",
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
7adcb4de92bf4383a4c5624c4ed256736d02bc6dMark Andrews                // The `section` property tells where to render the button and
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington                // should be `Y.WidgetStdMod.HEADER` or `Y.WidgetStdMod.FOOTER`.
7adcb4de92bf4383a4c5624c4ed256736d02bc6dMark Andrews                section: Y.WidgetStdMod.FOOTER
7adcb4de92bf4383a4c5624c4ed256736d02bc6dMark Andrews            },
7adcb4de92bf4383a4c5624c4ed256736d02bc6dMark Andrews            {
7adcb4de92bf4383a4c5624c4ed256736d02bc6dMark Andrews                value: "Nope",
7adcb4de92bf4383a4c5624c4ed256736d02bc6dMark Andrews                section: Y.WidgetStdMod.FOOTER
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington            }
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington        ]
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    });
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington    */
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington});
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington</script>
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington</body>
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington</html>
9e3a7b0faf417a10f5f689edf288807b2d5eedc5Brian Wellington