update YUI to 2.8.0r4

www/extras/yui/examples/container/assets/containerariaplugin.js

@@ -6,6 +6,7 @@
 		UA = YAHOO.env.ua,
 		Panel = YAHOO.widget.Panel,
 		Tooltip = YAHOO.widget.Tooltip,
+		SimpleDialog = YAHOO.widget.SimpleDialog,
 		
 		ModulePrototype = YAHOO.widget.Module.prototype,
 		fnModuleInitDefaultConfig = ModulePrototype.initDefaultConfig,
@@ -17,6 +18,9 @@
 		PanelPrototype,
 		fnPanelInitDefaultConfig,
 
+		SimpleDialogPrototype,
+		fnSimpleDialogConfigIcon,
+
 		m_bPanelDocumentListenersAdded = false,
 		m_oFocusedElement,	// Currently focused element in the DOM
 		m_oOverlayManager,	// An OverlayManager instance
@@ -36,6 +40,7 @@
 		_FOCUS = "focus",
 		_VISIBLE = "visible",
 		_BEFORE_HIDE = "beforeHide",
+		_ALERT_DIALOG = "alertdialog",
 		_DIALOG = "dialog",
 		_DESCRIBED_BY = "describedby",
 		_CONTEXT = "context",
@@ -47,7 +52,6 @@
 		_KEY_DOWN = "keydown",
 		_BEFORE_SHOW = "beforeShow",
 		_CLOSE = "close",
-		_ALERT_DIALOG = "alertdialog",
 		_LABELLED_BY = "labelledby",
 		_XY = "xy",
 		_TOOLTIP = "tooltip",
@@ -257,7 +261,7 @@
 	};
 
 
-	var onPanelBeforeHide = function (type, args, element) {
+	var restoreFocus = function (type, args, element) {
 	
 		this.blur();
 
@@ -272,23 +276,28 @@
 			
 		}
 
-		this.unsubscribe(_BEFORE_HIDE, onPanelBeforeHide, element);
+		this.unsubscribe(type, restoreFocus, element);
 	
 	};
 
 
 	var onPanelBeforeShow = function () {
 	
-		this.subscribe(_BEFORE_HIDE, onPanelBeforeHide, m_oFocusedElement);
+		//	If the Panel is modal it is necessary to wait until the modality
+		//	mask has been hidden before attempting to restore focus to the 
+		//	element in the DOM that had focus before the Panel was made visible.
+
+		var sEvent = (this.cfg.getProperty("modal") === true) ? 
+						"hideMask" : _BEFORE_HIDE;
+
+		this.subscribe(sEvent, restoreFocus, m_oFocusedElement);
 	
 	};
 
 
 	var setPanelHiddenRole = function () {
 	
-		var oElement = this.cfg.getProperty(_ROLE) === _DIALOG ? this.innerElement : this.body;
-	
-		setARIAProperty(oElement, _HIDDEN, !this.cfg.getProperty(_VISIBLE));
+		setARIAProperty(this.innerElement, _HIDDEN, !this.cfg.getProperty(_VISIBLE));
 	
 	};
 
@@ -399,32 +408,20 @@
 
 			configDescribedBy: function (type, args) {
 			
-				var sID = args[0],
-					oElement;
+				var sID = args[0];
 			
 				if (this.cfg.getProperty(_USE_ARIA) && sID) {
-
-					oElement = this.cfg.getProperty(_ROLE) === _DIALOG ? 
-						this.innerElement : this.body;
-
-					setARIAProperty(oElement, _DESCRIBED_BY, sID);
-
+					setARIAProperty(this.innerElement, _DESCRIBED_BY, sID);
 				}
 			
 			},
 			
 			configLabelledBy: function (type, args) {
 	
-				var sID = args[0],
-					oElement;
+				var sID = args[0];
 			
 				if (this.cfg.getProperty(_USE_ARIA) && sID) {
-
-					oElement = this.cfg.getProperty(_ROLE) === _DIALOG ? 
-						this.innerElement : this.body;
-
-					setARIAProperty(oElement, _LABELLED_BY, sID);			
-
+					setARIAProperty(this.innerElement, _LABELLED_BY, sID);
 				}
 			
 			},			
@@ -432,44 +429,40 @@
 			configRole: function (type, args) {
 			
 				var sRole = args[0],
-					oElement,
+					oBody,
 					oHeader,
-					sHeaderId;
+					sID;
 		
 	
 				if (sRole) {
-		
-	
+
 					switch (sRole) {
-		
-						case _DIALOG:
-		
-							oElement = this.innerElement;						
-								
-						break;
 						
 						case _ALERT_DIALOG:
-		
-							oElement = this.body;
+
+							oBody = this.body;
+
+							sID = oBody.id || Dom.generateId(oBody);
+
+							this.cfg.setProperty(_DESCRIBED_BY, sID);
 						
 						break;
-					
+						
+						case _DIALOG:
+
+							oHeader = this.header;
+
+							sID = oHeader.id || Dom.generateId(oHeader);
+
+							this.cfg.setProperty(_LABELLED_BY, sID);
+
+						break;
+						
 					}
+
+					setARIARole(this.innerElement, sRole);
 					
-					
-					if (oElement) {
-	
-						setARIARole(oElement, sRole);
-						
-						oHeader = this.header;
-						
-						sHeaderId = oHeader.id || Dom.generateId(oHeader);
-						
-						this.cfg.setProperty(_LABELLED_BY, sHeaderId);
-						
-						setRoleForCloseButton.call(this);
-	
-					}
+					setRoleForCloseButton.call(this);
 		
 				}
 			
@@ -497,6 +490,36 @@
 	}
 
 
+	// SimpleDialog ARIA plugin - augments YAHOO.widget.SimpleDialog
+
+	if (SimpleDialog) {
+
+		SimpleDialogPrototype = SimpleDialog.prototype;
+		fnSimpleDialogConfigIcon = SimpleDialogPrototype.configIcon;
+
+		SimpleDialogPrototype.configIcon = function (type, args, obj) {
+			
+			fnSimpleDialogConfigIcon.apply(this, arguments);
+			
+            var sIcon = args[0],
+                sCSSClass = SimpleDialog.ICON_CSS_CLASSNAME,
+                oIcon;
+        
+            if (sIcon && sIcon != "none") {
+
+                oIcon = Dom.getElementsByClassName(sCSSClass, "*" , this.body);
+
+                if (oIcon) {
+					setARIARole(oIcon[0], _PRESENTATION);
+                }
+
+			}
+			
+		};
+		
+	}
+
+
 	// Tooltip ARIA plugin - augments YAHOO.widget.Tooltip
 
 	var onDocumentFocus = function (event) {
@@ -630,4 +653,5 @@
 	
 	}
 	
-}());
+}());
+YAHOO.register("containerariaplugin", YAHOO.widget.Module, {version: "@VERSION@", build: "@BUILD@"});

www/extras/yui/examples/container/assets/style.css

@@ -9,7 +9,7 @@ em { font-style:italic }
 
 #hd a#logo { display:block;margin:10px;width:378px; }
 #hd a#logo div { background:url(../assets/yui.gif) no-repeat;height:34px; }
-#hd h1 { font-weight:bold;text-indent:15px; background: url(http://us.i1.yimg.com/us.yimg.com/i/ydn/bg_hd.gif) 0 0 repeat-x #B6CDE1; border:1px solid #93B2CC; position:relative;font-size:110%;padding:5px 0;margin:0 auto;}
+#hd h1 { font-weight:bold;text-indent:15px; background: url(http://l.yimg.com/a/i/ydn/bg_hd.gif) 0 0 repeat-x #B6CDE1; border:1px solid #93B2CC; position:relative;font-size:110%;padding:5px 0;margin:0 auto;}
 #hd { margin-bottom:10px; }
 
 #toc { background-color:#ecf5fa; padding:0; border:1px solid #89d;overflow:hidden;zoom:1}
@@ -30,8 +30,8 @@ em { font-style:italic }
 #toc ul li.active a { color:#000; }
 
 #toc ul li a.printer { padding:0;margin-right:2px;margin-top:-1.5em;display:none;float:right;height:12px;width:12px; }
-#toc ul li.selected a.printer { display:block;background:url(http://us.i1.yimg.com/us.yimg.com/i/us/aut/pltfrm/ic/print_12.gif) no-repeat;cursor:pointer;  }
-#toc ul li.selected a.printer:hover { background:url(http://us.i1.yimg.com/us.yimg.com/i/us/aut/pltfrm/ic/print_12.gif) no-repeat;cursor:pointer;  }
+#toc ul li.selected a.printer { display:block;background:url(http://l.yimg.com/a/i/us/aut/pltfrm/ic/print_12.gif) no-repeat;cursor:pointer;  }
+#toc ul li.selected a.printer:hover { background:url(http://l.yimg.com/a/i/us/aut/pltfrm/ic/print_12.gif) no-repeat;cursor:pointer;  }
 
 #toc ul li em { display:none; }
 #toc ul li.sect { font-weight:bold; color:#fff; background:#ccc; }

www/extras/yui/examples/container/container-ariaplugin_clean.html

@@ -1,6 +1,8 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
+
+
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <title>Using the Container ARIA Plugin</title>
 
@@ -62,7 +64,7 @@ body {
 
 </head>
 
-<body class=" yui-skin-sam">
+<body class="yui-skin-sam">
 
 
 <h1>Using the Container ARIA Plugin</h1>

www/extras/yui/examples/container/container-effect_clean.html

@@ -1,6 +1,8 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
+
+
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <title>Using ContainerEffect Transitions</title>
 
@@ -26,7 +28,7 @@ body {
 
 </head>
 
-<body class=" yui-skin-sam">
+<body class="yui-skin-sam">
 
 
 <h1>Using ContainerEffect Transitions</h1>

www/extras/yui/examples/container/dialog-quickstart_clean.html

@@ -1,6 +1,8 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
+
+
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <title>Dialog Quickstart Example</title>
 
@@ -19,15 +21,56 @@ body {
 <link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" />
 <link rel="stylesheet" type="text/css" href="../../build/button/assets/skins/sam/button.css" />
 <link rel="stylesheet" type="text/css" href="../../build/container/assets/skins/sam/container.css" />
-<script type="text/javascript" src="../../build/utilities/utilities.js"></script>
+<script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
+<script type="text/javascript" src="../../build/connection/connection-min.js"></script>
+<script type="text/javascript" src="../../build/element/element-min.js"></script>
 <script type="text/javascript" src="../../build/button/button-min.js"></script>
+<script type="text/javascript" src="../../build/dragdrop/dragdrop-min.js"></script>
 <script type="text/javascript" src="../../build/container/container-min.js"></script>
 
-<!--there is no custom header content for this example-->
+
+<!--begin custom header content for this example-->
+<script type="text/javascript">
+document.documentElement.className = "yui-pe";
+</script>
+
+<style type="text/css">
+#example {
+    height:30em;
+}
+
+label { 
+    display:block;
+    float:left;
+    width:45%;
+    clear:left;
+}
+
+.clear {
+    clear:both;
+}
+
+#resp {
+    margin:10px;
+    padding:5px;
+    border:1px solid #ccc;
+    background:#fff;
+}
+
+#resp li {
+    font-family:monospace
+}
+
+.yui-pe .yui-pe-content {
+    display:none;
+}
+</style>
+
+<!--end custom header content for this example-->
 
 </head>
 
-<body class=" yui-skin-sam">
+<body class="yui-skin-sam">
 
 
 <h1>Dialog Quickstart Example</h1>
@@ -38,18 +81,10 @@ body {
 
 <!--BEGIN SOURCE CODE FOR EXAMPLE =============================== -->
 
-<style>
-#example {height:30em;}
-label { display:block;float:left;width:45%;clear:left; }
-.clear { clear:both; }
-#resp { margin:10px;padding:5px;border:1px solid #ccc;background:#fff;}
-#resp li { font-family:monospace }
-</style>
-
 <script>
 YAHOO.namespace("example.container");
 
-function init() {
+YAHOO.util.Event.onDOMReady(function () {
 	
 	// Define various event handlers for Dialog
 	var handleSubmit = function() {
@@ -67,6 +102,9 @@ function init() {
 		alert("Submission failed: " + o.status);
 	};
 
+    // Remove progressively enhanced content class, just before creating the module
+    YAHOO.util.Dom.removeClass("dialog1", "yui-pe-content");
+
 	// Instantiate the Dialog
 	YAHOO.example.container.dialog1 = new YAHOO.widget.Dialog("dialog1", 
 							{ width : "30em",
@@ -97,9 +135,7 @@ function init() {
 
 	YAHOO.util.Event.addListener("show", "click", YAHOO.example.container.dialog1.show, YAHOO.example.container.dialog1, true);
 	YAHOO.util.Event.addListener("hide", "click", YAHOO.example.container.dialog1.hide, YAHOO.example.container.dialog1, true);
-}
-
-YAHOO.util.Event.onDOMReady(init);
+});
 </script>
 
 <div>
@@ -107,7 +143,7 @@ YAHOO.util.Event.onDOMReady(init);
 <button id="hide">Hide dialog1</button>
 </div>
 
-<div id="dialog1">
+<div id="dialog1" class="yui-pe-content">
 <div class="hd">Please enter your information</div>
 <div class="bd">
 <form method="POST" action="assets/post.php">

www/extras/yui/examples/container/keylistener_clean.html

@@ -1,6 +1,8 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
+
+
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <title>Implementing Container Keyboard Shortcuts with KeyListener</title>
 
@@ -26,7 +28,7 @@ body {
 
 </head>
 
-<body class=" yui-skin-sam">
+<body class="yui-skin-sam">
 
 
 <h1>Implementing Container Keyboard Shortcuts with KeyListener</h1>

www/extras/yui/examples/container/module_clean.html

@@ -1,6 +1,8 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
+
+
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <title>The Module Control</title>
 
@@ -21,11 +23,27 @@ body {
 <script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
 <script type="text/javascript" src="../../build/container/container-min.js"></script>
 
-<!--there is no custom header content for this example-->
+
+<!--begin custom header content for this example-->
+<script type="text/javascript">
+document.documentElement.className = "yui-pe";
+</script>
+
+<style type="text/css">
+	.yui-module { border:1px dotted black;padding:5px;margin:10px; display:none; }
+	.yui-module .hd { border:1px solid red;padding:5px; }
+	.yui-module .bd { border:1px solid green;padding:5px; }
+	.yui-module .ft { border:1px solid blue;padding:5px; }
+    
+    .yui-pe .yui-pe-content {
+        display:none;
+    }
+</style>
+<!--end custom header content for this example-->
 
 </head>
 
-<body class=" yui-skin-sam">
+<body class="yui-skin-sam">
 
 
 <h1>The Module Control</h1>
@@ -38,19 +56,14 @@ body {
 
 <!--BEGIN SOURCE CODE FOR EXAMPLE =============================== -->
 
-<style type="text/css">
-	.yui-module { border:1px dotted black;padding:5px;margin:10px; display:none; }
-	.yui-module .hd { border:1px solid red;padding:5px; }
-	.yui-module .bd { border:1px solid green;padding:5px; }
-	.yui-module .ft { border:1px solid blue;padding:5px; }
-</style>
-
 <script type="text/javascript">
-
     YAHOO.namespace("example.container");
 
     YAHOO.util.Event.onDOMReady(function () {
 
+        // Remove progressively enhanced content class, just before creating the module
+        YAHOO.util.Dom.removeClass("module1", "yui-pe-content");
+
         YAHOO.example.container.module1 = new YAHOO.widget.Module("module1", { visible: false });
         YAHOO.example.container.module1.render();
 
@@ -65,9 +78,7 @@ body {
 
         YAHOO.util.Event.addListener("show2", "click", YAHOO.example.container.module2.show, YAHOO.example.container.module2, true);
         YAHOO.util.Event.addListener("hide2", "click", YAHOO.example.container.module2.hide, YAHOO.example.container.module2, true);
-
     });
-
 </script>
 
 <div>
@@ -75,7 +86,7 @@ body {
 	<button id="hide1">Hide module1</button>
 </div>
 
-<div id="module1">
+<div id="module1" class="yui-pe-content">
 	<div class="hd">Module #1 from Markup</div>
 	<div class="bd">This is a Module that was marked up in the document.</div>
 	<div class="ft">End of Module #1</div>

www/extras/yui/examples/container/overlay_clean.html

@@ -1,6 +1,8 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
+
+
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <title>Creating and Positioning an Overlay</title>
 
@@ -25,7 +27,7 @@ body {
 
 </head>
 
-<body class=" yui-skin-sam">
+<body class="yui-skin-sam">
 
 
 <h1>Creating and Positioning an Overlay</h1>

www/extras/yui/examples/container/overlaymanager_clean.html

@@ -1,6 +1,8 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
+
+
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <title>Using the Overlay Manager to Manage Multiple Panels</title>
 
@@ -26,7 +28,7 @@ body {
 
 </head>
 
-<body class=" yui-skin-sam">
+<body class="yui-skin-sam">
 
 
 <h1>Using the Overlay Manager to Manage Multiple Panels</h1>
@@ -42,15 +44,11 @@ body {
 <style type="text/css">
 
 .yui-skin-sam .yui-panel .hd {
-
     background: #F2F2F2;
-    
 }
 
 .yui-skin-sam .yui-panel-container.focused .yui-panel .hd {
-
     background: url(../../build/assets/skins/sam/sprite.png) repeat-x 0 -200px;
-
 }
 
 </style>
@@ -60,21 +58,21 @@ YAHOO.namespace("example.container");
 
 function init() {
 	// Build panel1 based on markup
-	YAHOO.example.container.panel1 = new YAHOO.widget.Panel("panel1", { xy:[150,100],
+	YAHOO.example.container.panel1 = new YAHOO.widget.Panel("panel1", { xy:[250,100],
 																		visible:false,
 																		width:"300px"
 																	  } );
 	YAHOO.example.container.panel1.render();
 
 	// Build panel2 based on markup
-	YAHOO.example.container.panel2 = new YAHOO.widget.Panel("panel2", { xy:[250,200],
+	YAHOO.example.container.panel2 = new YAHOO.widget.Panel("panel2", { xy:[350,150],
 																		visible:false,
 																		width:"300px"
 																	  } );
 	YAHOO.example.container.panel2.render();
 
 	// Build panel3 based on markup
-	YAHOO.example.container.panel3 = new YAHOO.widget.Panel("panel3", { xy:[350,300],
+	YAHOO.example.container.panel3 = new YAHOO.widget.Panel("panel3", { xy:[450,200],
 																		visible:false,
 																		width:"300px"
 																	  } );

www/extras/yui/examples/container/panel-loading_clean.html

@@ -1,6 +1,8 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
+
+
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <title>Creating a Modal "Loading" Panel</title>
 
@@ -18,14 +20,17 @@ body {
 
 <link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" />
 <link rel="stylesheet" type="text/css" href="../../build/container/assets/skins/sam/container.css" />
-<script type="text/javascript" src="../../build/utilities/utilities.js"></script>
+<script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
+<script type="text/javascript" src="../../build/connection/connection-min.js"></script>
+<script type="text/javascript" src="../../build/animation/animation-min.js"></script>
+<script type="text/javascript" src="../../build/dragdrop/dragdrop-min.js"></script>
 <script type="text/javascript" src="../../build/container/container-min.js"></script>
 
 <!--there is no custom header content for this example-->
 
 </head>
 
-<body class=" yui-skin-sam">
+<body class="yui-skin-sam">
 
 
 <h1>Creating a Modal "Loading" Panel</h1>
@@ -66,7 +71,7 @@ body {
                                                 );
     
             YAHOO.example.container.wait.setHeader("Loading, please wait...");
-            YAHOO.example.container.wait.setBody("<img src=\"http://us.i1.yimg.com/us.yimg.com/i/us/per/gr/gp/rel_interstitial_loading.gif\"/>");
+            YAHOO.example.container.wait.setBody("<img src=\"http://l.yimg.com/a/i/us/per/gr/gp/rel_interstitial_loading.gif\"/>");
             YAHOO.example.container.wait.render(document.body);
 
         }

www/extras/yui/examples/container/panel_clean.html

@@ -1,6 +1,8 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
+
+
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <title>Simple Panel Example</title>
 
@@ -26,7 +28,7 @@ body {
 
 </head>
 
-<body class=" yui-skin-sam">
+<body class="yui-skin-sam">
 
 
 <h1>Simple Panel Example</h1>

www/extras/yui/examples/container/panelskin1_source.html

@@ -19,9 +19,9 @@
 	<link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" />
 
 	<!-- 
-             Since we're completely re-doing the skin, start with container-core.css as the base, so we 
-             don't need to reverse rules introduced by container-skin.css 
-        -->
+		 Since we're completely re-doing the skin, start with container-core.css as the base, so we 
+		 don't need to reverse rules introduced by container-skin.css 
+	-->
 	<link rel="stylesheet" type="text/css" href="../../build/container/assets/container-core.css" />
 
 	<script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
@@ -36,7 +36,7 @@
 	/* Provide skin for default Panel elements, ontop of container-core.css */
 	#myPanel_c.yui-panel-container.shadow .underlay { 
 		position:absolute;
-             	left:3px;
+				left:3px;
 		right:-3px;
 		top:3px;
 		bottom:-3px;
@@ -45,7 +45,6 @@
 		filter:alpha(opacity=12);
 	}
 	#myPanel.yui-panel {
-		position:relative;
 		border:none;
 		overflow:visible;
 		background-color:transparent;
@@ -134,8 +133,8 @@
 
 	<div class="exampleIntro">
 		<p>In this example, custom CSS and images are applied to the appearance of a Panel instance to stylize it similar 
-                   to a Mac OS X document window.  Use the buttons below to show and hide the Panel.
-                </p>			
+				   to a Mac OS X document window.  Use the buttons below to show and hide the Panel.
+				</p>			
 	</div>
 
 	<div id="myPanel">

www/extras/yui/examples/container/panelskin2_source.html

@@ -47,7 +47,6 @@
 
 	/* Apply the border to the right side */
 	#panel1.yui-panel {
-		position:relative;
 		border:none;
 		overflow:visible;
 		background:transparent url(assets/img/xp-brdr-rt.gif) no-repeat top right;
@@ -153,7 +152,6 @@
 		top:3px;
 	}
 	#panel2.yui-panel {
-		position:relative;
 		border:none;
 		overflow:visible;
 		background-color:transparent;

www/extras/yui/examples/container/simpledialog-quickstart_clean.html

@@ -1,6 +1,8 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
+
+
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <title>SimpleDialog Quickstart Example</title>
 
@@ -20,7 +22,7 @@ body {
 <link rel="stylesheet" type="text/css" href="../../build/button/assets/skins/sam/button.css" />
 <link rel="stylesheet" type="text/css" href="../../build/container/assets/skins/sam/container.css" />
 <script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
-<script type="text/javascript" src="../../build/element/element-beta-min.js"></script>
+<script type="text/javascript" src="../../build/element/element-min.js"></script>
 <script type="text/javascript" src="../../build/button/button-min.js"></script>
 <script type="text/javascript" src="../../build/container/container-min.js"></script>
 
@@ -28,7 +30,7 @@ body {
 
 </head>
 
-<body class=" yui-skin-sam">
+<body class="yui-skin-sam">
 
 
 <h1>SimpleDialog Quickstart Example</h1>

www/extras/yui/examples/container/tooltip-multi_clean.html

@@ -1,6 +1,8 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
+
+
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <title>One Tooltip, Many Context Elements</title>
 
@@ -19,6 +21,7 @@ body {
 <link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" />
 <link rel="stylesheet" type="text/css" href="../../build/container/assets/skins/sam/container.css" />
 <script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script>
+<script type="text/javascript" src="../../build/animation/animation-min.js"></script>
 <script type="text/javascript" src="../../build/container/container-min.js"></script>
 
 
@@ -54,7 +57,7 @@ body {
 
 </head>
 
-<body class=" yui-skin-sam">
+<body class="yui-skin-sam">
 
 
 <h1>One Tooltip, Many Context Elements</h1>
@@ -93,7 +96,7 @@ body {
 			a.innerHTML = i + ".  Hover over me to see my Tooltip";
 
 			if (title) {
-			    a.title = title;
+				a.title = title;
 			}
 
 			container.appendChild(a);
@@ -141,8 +144,10 @@ body {
 		// For links in group A which all have titles, this is all we need.
 		// The tooltip text for each context element will be set from the title attribute
 
+		// We'll also setup Tooltip A to use the FADE ContainerEffect
 		var ttA = new YAHOO.widget.Tooltip("ttA", { 
-			context:groupAIds
+			context:groupAIds,
+			effect:{effect:YAHOO.widget.ContainerEffect.FADE,duration:0.20}
 		});
 
 		// For links in group B, we'll set the tooltip text dynamically, 

www/extras/yui/examples/container/tooltip_clean.html

@@ -1,6 +1,8 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
+
+
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
 <title>Simple Tooltip Example</title>
 
@@ -25,7 +27,7 @@ body {
 
 </head>
 
-<body class=" yui-skin-sam">
+<body class="yui-skin-sam">
 
 
 <h1>Simple Tooltip Example</h1>