YAHOO.namespace("example.container");

				function makeRequest1() {
					// Initialize the temporary Panel to display while waiting for external content to load
					
							YAHOO.example.container.flash = 
							new YAHOO.widget.Panel("flash",  
															{ width:"920px", 
															  context:["flashholder","tr","tr"],  
															  
															  draggable:false, 
															  modal:true,
															  underlay:"none",
															  visible:false,
															  effect:{effect:YAHOO.widget.ContainerEffect.FADE, duration:0.9} 
															} 
														);
					
					YAHOO.example.container.flash.render(document.body);

					// Define the callback object for Connection Manager that will set the body of our content area when the content has loaded
			
					var content = document.getElementById("flash");
					var content2 = document.getElementById("flashholder");
					var callback = {
						success : function(o) {
							content.innerHTML = o.responseText;
							content.style.visibility = "visible";
							content2.style.visibility = "hidden";
							
							
						},
						failure : function(o) {
							content.innerHTML = o.responseText;
							content.style.visibility = "visible";
							content.innerHTML = "CONNECTION FAILED!";
							content2.style.visibility = "hidden";
							
						}
					}
									
					YAHOO.example.container.flash.show();
					YAHOO.util.Connect.asyncRequest("GET", "supports/1.html", callback);
					
					
				}
				
				function makeRequest2() {
					// Initialize the temporary Panel to display while waiting for external content to load
					
							YAHOO.example.container.two = 
							new YAHOO.widget.Panel("two",  
															{ width:"920px", 
															  context:["flashholder","tr","tr"],  
															  
															  draggable:false, 
															  modal:true,
															  underlay:"none",
															  visible:false,
															  effect:{effect:YAHOO.widget.ContainerEffect.FADE, duration:0.9} 
															} 
														);

					YAHOO.example.container.two.render(document.body);

					// Define the callback object for Connection Manager that will set the body of our content area when the content has loaded
			
					var content = document.getElementById("two");
					var content2 = document.getElementById("flashholder");
					var callback = {
						success : function(o) {
						
							content2.style.visibility = "hidden";
							content.style.visibility = "visible";
							content.innerHTML = o.responseText;
							
							
						},
						failure : function(o) {
							content.innerHTML = o.responseText;
							content.style.visibility = "visible";
							content.innerHTML = "CONNECTION FAILED!";
							content2.style.visibility = "hidden";
							
						}
					}
				
					YAHOO.example.container.two.show();
					YAHOO.util.Connect.asyncRequest("GET", "supports/2.html", callback);
					
				}
				
				
				function makeRequest3() {
					// Initialize the temporary Panel to display while waiting for external content to load
					
							YAHOO.example.container.lutube = 
							new YAHOO.widget.Panel("lutube",  
															{ width:"920px", 
															  context:["flashholder","tr","tr"],  
															  
															  draggable:false, 
															  modal:true,
															  underlay:"none",
															  visible:false,
															  effect:{effect:YAHOO.widget.ContainerEffect.FADE, duration:0.9} 
															} 
														);

					YAHOO.example.container.lutube.render(document.body);

					// Define the callback object for Connection Manager that will set the body of our content area when the content has loaded
			
					var content = document.getElementById("lutube");
					var content2 = document.getElementById("flashholder");
					var callback = {
						success : function(o) {
						
							content2.style.visibility = "hidden";
							content.style.visibility = "visible";
							content.innerHTML = o.responseText;
							
							
						},
						failure : function(o) {
							content.innerHTML = o.responseText;
							content.style.visibility = "visible";
							content.innerHTML = "CONNECTION FAILED!";
							content2.style.visibility = "hidden";
							
						}
					}
				
					YAHOO.example.container.lutube.show();
					YAHOO.util.Connect.asyncRequest("GET", "supports/3.html", callback);
					
				}
				
				function makeRequest4() {
					// Initialize the temporary Panel to display while waiting for external content to load
					
							YAHOO.example.container.four = 
							new YAHOO.widget.Panel("four",  
															{ width:"920px", 
															  context:["flashholder","tr","tr"],  
															  
															  draggable:false, 
															  modal:true,
															  underlay:"none",
															  visible:false,
															  effect:{effect:YAHOO.widget.ContainerEffect.FADE, duration:0.9} 
															} 
														);
					
					YAHOO.example.container.four.render(document.body);

					// Define the callback object for Connection Manager that will set the body of our content area when the content has loaded
			
					var content = document.getElementById("four");
					var content2 = document.getElementById("flashholder");
					var callback = {
						success : function(o) {
							content.innerHTML = o.responseText;
							content.style.visibility = "visible";
							content2.style.visibility = "hidden";
							
							
						},
						failure : function(o) {
							content.innerHTML = o.responseText;
							content.style.visibility = "visible";
							content.innerHTML = "CONNECTION FAILED!";
							content2.style.visibility = "hidden";
							
						}
					}
									
					YAHOO.example.container.four.show();
					YAHOO.util.Connect.asyncRequest("GET", "supports/4.html", callback);
					
					
				}
				
				// Close Flash

				function hideRequest() {
				
				YAHOO.example.container.flash.destroy();
				var content2 = document.getElementById("flashholder");
				content2.style.visibility = "visible";
				}
				
				function hideRequest3() {
				
				var destroy3 = function(){
				var content3 = document.getElementById("flashholder");
				content3.style.visibility = "visible";
				YAHOO.example.container.lutube.destroy();}
				var collapse3 = new YAHOO.util.Anim('lutube',{ opacity: { to: 0 } }, 1, YAHOO.util.Easing.easeOut);				
				collapse3.onComplete.subscribe(destroy3);
				collapse3.animate(); 
				
				
				}
				function hideRequest2() {
				
				var destroy2 = function(){
				var content2 = document.getElementById("flashholder");
				content2.style.visibility = "visible";
				YAHOO.example.container.two.destroy();}
				var collapse2 = new YAHOO.util.Anim('two',{ opacity: { to: 0 } }, 1, YAHOO.util.Easing.easeOut);				
				collapse2.onComplete.subscribe(destroy2);
				collapse2.animate(); 
				
				
				}
						function hideRequest4() {
				
				YAHOO.example.container.four.destroy();
				var content2 = document.getElementById("flashholder");
				content2.style.visibility = "visible";
				}