<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>LayoutDivManipulator</title>
<link rel="stylesheet" type="text/css" href="assets/LayoutDivManipulator.css" />
<script src="assets/LayoutDivManipulator.js"></script> 
<script type="text/javascript" src="../../Shared/Common/Scripts/StyleSheet.js"></script>
<script type="text/javascript" src="../../Shared/CssGrids/StyleSheetManager.js"></script>
<script>

var layoutDivManipulator;

function createLayoutDivManipulator(dwDomUrl)
{
	// dw, dwscripts, and DWfile were attached to this doc's window in Overlay_CssGrids_LayoutDivManipulator_onOpen.htm'
	var domToOverlay;
	if(dwDomUrl)
		domToOverlay = dw.getDocumentDOM(dwDomUrl)
	else
	{
		var parentDom = dw.getParentDocumentDom();
		if(parentDom)
			domToOverlay = parentDom;
		else
			domToOverlay = dw.getDocumentDOM();
	}
	
	layoutDivManipulator = new CssGrids.LayoutDivManipulator	(	
												dw, 
												domToOverlay,
												dwscripts,
												new CssGrids.StyleSheetManager(dw, domToOverlay, dwscripts, DWfile, new StyleSheet(dw))
											);
	layoutDivManipulator.init(); 
}

</script>
</head>
<body>
<div id='pi' style='margin:5px;padding:5px;padding-left:15px;font-family:Arial, Helvetica, sans-serif;z-index:5000;display:none;
	font-size:12px;background-color:#666;opacity:.85;position:absolute;color:#efefef;border-radius:10px;width:315px;'>
Starts new row: <input type="checkbox" id='startsNewRowCheckbox' checked>
Col Shift: <input type="text" id="colShiftInput" size="2" value=2>
Col Span: <input type="text" id="colSpanInput" size="2" value=3>
<img src='images/piX.png' align='texttop' style='margin-left:16px;cursor:pointer;' onClick="document.getElementById('pi').style.display='none';">
</div>
<div id='debugDumpDiv' style='position:absolute;top:475px;left:0px;width:100%;height:100px;z-index:15000;background-color:white;padding:2px;border:1px solid black; overflow: auto;display:none'>
<div id='dumpButton' style='left:0px;z-index:30000;width:40px;cursor:pointer;border:1px solid black;display:none;' onMouseDown='layoutDivManipulator.debug_dump_info();display:none'>
	Dump
</div>
</div>
</body>
</html>
