<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%
/*******************************************************************************
 * Copyright (c) 2008 IBM Corporation and others.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     IBM Corporation - initial API and implementation
 *******************************************************************************/
%>      
<jsp:useBean id="template" scope="request" class="org.eclipse.cosmos.provisional.dr.ps.common.Template" /> 
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test Layout Widget</title>

<style type="text/css">
		@import "<%= template.getDojoBaseUrl() %>/dojo/resources/dojo.css";
		@import "<%= template.getDojoBaseUrl() %>/dijit/themes/tundra/tundra.css";
		@import "<%= template.getDojoBaseUrl() %>/dojox/grid/_grid/Grid.css";
		@import "<%= template.getPage() %>/css/style.css";
		@import "<%= template.getDojoBaseUrl() %>/dojox/layout/resources/FloatingPane.css"; 
		@import "<%= template.getDojoBaseUrl() %>/dojox/layout/resources/ResizeHandle.css"; 
		@import "/COSMOSUI/js/org/eclipse/cosmos/provisional/dr/ps/components/widget/css/default.css";

</style>

<%= template.header() %>


<script>

	dojo.addOnLoad(function(){
		var newHeight = dijit.getViewport().h-110;

		dojo.byId("floater1").style.height = (newHeight+2) +"px";
		dojo.byId("floater2").style.height = (newHeight*0.7) +"px";
		dojo.byId("floater3").style.height = (newHeight*0.3) +"px";
	});
</script>


</head>
<body class="tundra">
		<table width="100%" border="0" cellspacing="10" cellpadding="0">

			<tr>
                      <td height="35" align="left" bgcolor="#FFFFFF"><img alt='Cosmos Data Visualization UI' title='Cosmos Data Visualization UI' src='images/bannerLeft.png'/></td>
                      <td height="35" align="right"  bgcolor="#FFFFFF"></td>
			</tr>
			<tr>
<td>

		<div dojoType="org.eclipse.cosmos.provisional.dr.ps.components.widget.FloatingLayout" title="Data Managers" offsetWidth="20" offsetHeight="20" resizable="true" id="floater1" style="width:28%;height:602px;float:left;" duration="300" closable="false">
					<div dojoType="org.eclipse.cosmos.provisional.dr.ps.components.widget.WidgetContainer" attachPoint="amazonHtmlTest"></div> 
		</div>

		<div dojoType="org.eclipse.cosmos.provisional.dr.ps.components.widget.FloatingLayout" title="Details" offsetWidth="20" offsetHeight="20"  closeable="false" resizable="true" id="floater2" style="width:70%;height:400px" duration="300"  closable="false">		
 					<div dojoType="org.eclipse.cosmos.provisional.dr.ps.components.widget.WidgetContainer" attachPoint="treeExpandTest"></div>  
		</div>

		<div title="Properties" id="floater3" dojoType="org.eclipse.cosmos.provisional.dr.ps.components.widget.FloatingLayout" offsetWidth="20" offsetHeight="20"  closeable="false" resizable="true" style="width:70%;height:200px" duration="350" closable="false">
 					<div dojoType="org.eclipse.cosmos.provisional.dr.ps.components.widget.WidgetContainer" attachPoint="propSImpleTest"></div>  
		</div>

		<div dojoType="dojox.layout.Dock" id="alternateDock" class="alternateDock"></div>


</td></tr>
		</table>
</body>
