<!DOCTYPE HTML SYSTEM "-//Macromedia//DWExtension layout-engine 5.0//dialog">
<!-- MENU-LOCATION=NONE -->
<html xmlns:MMString="http://www.macromedia.com/schemes/data/string/">
<head>
<!-- Copyright 2015 Adobe Systems Incorporated. All rights reserved. -->
<title><MMString:loadString id="Commands/InsertBootstrapRow/title" /></title>
<script language="javascript" src="../Shared/Common/Scripts/dwscripts.js"></script>
<script language="javascript" src="../Shared/MM/Scripts/CMN/displayHelp.js"></script>    
<script type="text/javascript" src="../Shared/Common/Scripts/AssetInfoClass.js"></script>
<script type="text/javascript" src="BoostrapInsertUtils.js"></script>
<script type="text/javascript" src="../Shared/Common/Scripts/dwscripts.js"></script>
<script src="InsertBootstrapComponent.js"></script>
<script>    
    function handleOK() {
        window.doInsert = true;
        var curDom = dw.getActiveWindow(),
            dom = dw.getDocumentDOM(),
            assetList = [],
            replaceExistingAssetsInfo = {replaceCss: false},
            numOfCols;
        
        if (!dom) {
            return;
        }
        
        numOfCols = document.getElementById("numOfColumns").value;
        
        if (curDom.isResponsiveFeatureDocument()) {
            doInsertGridRow(true, numOfCols);
        } else {
            if (validateNumOfColumns(numOfCols, 12)) {
                hideError();
                populateCssAssets(assetList, replaceExistingAssetsInfo);
                if (!window.doInsert) {
                    dom.setInsertBootstrapGridRow(-1);
                    window.close();
                    return;
                }
                if (replaceExistingAssetsInfo.useAltBootstrapName) {
                    dom.setInsertBootstrapGridRow(1);
                } else {
                    dom.setInsertBootstrapGridRow(0);
                }                    
                dom.copyAssets(assetList);
                doInsertGridRow(false, numOfCols);                
                window.close();
            }             
        }
    }
    
    function cancelOperation() {
        var dom = dw.getDocumentDOM();
        if (dom) {
            dom.setInsertBootstrapGridRow(-1);
        }
        window.close();        
    }
    
    function commandButtons() {
         return new Array ("PutButtonsOnBottom", "OkButton defaultButton", MM.BTN_OK, "handleOK()",
                         "PutButtonOnLeft", MM.BTN_Help, "displayHelp()",
                         "CancelButton", MM.BTN_Cancel, "cancelOperation()");
    }
    
</script>
<link href="../fields.css" rel="stylesheet" type="text/css">
</head>
<body onload = "checkInsertOption()">
<form name="theForm">
  <MMString:loadString id="Commands/InsertBootstrapRow/InsertRow" />
  <table id="insertoptions" border="0" style="float:left; margin-right:40px;">
    <tr valign="baseline">
		<td/>
		<td id="before" align="center" style="border:1px solid #A9A9A9;">
			<div id="beforebutton">
			<img id="beforeimage" src="insertFGIcons/insert_before.png" 
			   onmouseover="mouseOverImage(this, 'before');"
			   onmouseout="mouseOutImage(this, 'before');"
			   onmouseup="setInsertOption('before');"/><br/>
			<MMString:loadString id="/LiveInsertDialog/Label/Before" />
			</div>
		</td>
		<td/>
		<td id="after" align="center" style="border:1px solid #A9A9A9;">
			<div id="afterbutton">
			<img id="afterimage" src="insertFGIcons/insert_after.png"
			   onmouseover="mouseOverImage(this,'after');"
			   onmouseout="mouseOutImage(this,'after');"
			   onmouseup="setInsertOption('after');"/><br/>
			<MMString:loadString id="/LiveInsertDialog/Label/After" />
			</div>
		</td>
		<td/>
		<td id="nest" align="center" style="border:1px solid #A9A9A9;">
			<div id="nestbutton">
			<img id="nestimage" src="insertFGIcons/insert_nest.png"
			   onmouseover="mouseOverImage(this,'nest');"
			   onmouseout="mouseOutImage(this,'nest');"
			   onmouseup="setInsertOption('nest');"/><br/>
			<MMString:loadString id="/LiveInsertDialog/Label/Nest" />
			</div>
		</td>
    </tr>
  </table>
    <MMString:loadString id="Commands/InsertBootstrapRow/NumColumns" />
    <input id="numOfColumns" value="3">
  <table width="100%" id="errorTable" style="display:none; clear:left;" border="0" cellpadding="2" cellspacing="4">
	<tr valign="middle">
		<td width="10%"><img src="stop.png"/></td>
		<td align="left" width="90%"><p id="errMsg" style="margin-left:4px"></p></td>
	</tr>
  </table>    
  <div style="display:block;height:20px;">  </div>
</form>
</body>
</html>