<!-- Copyright 2001, 2002, 2003 Macromedia, Inc. All rights reserved. -->
<!DOCTYPE HTML SYSTEM "-//Macromedia//DWExtension layout-engine 5.0//dialog">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
           "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns:MMString="http://www.macromedia.com/schemes/data/string/">
<head>
	<title><MMString:loadString id="TagLibraries/ASPNet/TableStyle/title" /></title>
  <link rel="stylesheet" href="../../fields.css">
<script src="../../Shared/Common/Scripts/dwscripts.js"></script>
<script src="../../Shared/Common/Scripts/tagDialogsCmn.js"></script>
<script src="../../Shared/Common/Scripts/ListControlClass.js"></script>
<script src="../../Shared/Controls/Scripts/MultiStateCheckBox.js"></script>
<script src="loc_strings.js"></script>
<script src="strings.js"></script>
<script>
/******************* GLOBAL VARS *************************/

var BORDERSTYLELIST;
var GRIDLINELIST;
var HORIZONTALALIGNLIST;

var theUIObjects; 

// Color control elements
var COLORP_BACK, COLORP_BORDER, COLORP_FORE; 
var TEXT_BACK, TEXT_BORDER, TEXT_FORE; 

var theFontBoldMultiStateCheckBox; 
var theFontItalicMultiStateCheckBox; 
var theFontOverlineMultiStateCheckBox; 
var theFontStrikeoutMultiStateCheckBox; 
var theFontUnderlineMultiStateCheckBox; 

/*********************************************************/

function inspectTag(tagNodeObj)
{
  tagDialog.inspectTagCommon(tagNodeObj, theUIObjects); 
  updateColors();
}

function applyTag(tagNodeObj)
{
  tagDialog.applyTagCommon(tagNodeObj, theUIObjects); 
}

function updateUI(itemName)
{
  switch(itemName)
  {
    case "backColorPicker":
    { 
      tagDialog.updateColorPicker("colorPicker",COLORP_BACK,TEXT_BACK);
      break;
    }
    case "backcolor":
    {
      tagDialog.updateColorPicker("colorField",COLORP_BACK,TEXT_BACK);
      break;
    }
    case "borderColorPicker":
    { 
      tagDialog.updateColorPicker("colorPicker",COLORP_BORDER,TEXT_BORDER);
      break;
    }
    case "bordercolor":
    {
      tagDialog.updateColorPicker("colorField",COLORP_BORDER,TEXT_BORDER);
      break;
    }
    case "foreColorPicker":
    { 
      tagDialog.updateColorPicker("colorPicker",COLORP_FORE,TEXT_FORE);
      break;
    }
    case "forecolor":
    {
      tagDialog.updateColorPicker("colorField",COLORP_FORE,TEXT_FORE);
      break;
    }
    case "font-bold":
	{
	  theFontBoldMultiStateCheckBox.updateUI(); 
	  break; 
	} 	
    case "font-italic":
	{
	  theFontItalicMultiStateCheckBox.updateUI(); 
	  break; 
	} 	
    case "font-overline":
	{
	  theFontOverlineMultiStateCheckBox.updateUI(); 
	  break; 
	} 	
    case "font-strikeout":
	{
	  theFontStrikeoutMultiStateCheckBox.updateUI(); 
	  break; 
	} 	
    case "font-underline":
	{
	  theFontUnderlineMultiStateCheckBox.updateUI(); 
	  break; 
	} 	
  }
}

function updateColors()
{
  tagDialog.updateColorPicker("colorField",COLORP_BACK,TEXT_BACK);
  tagDialog.updateColorPicker("colorField",COLORP_BORDER,TEXT_BORDER);
  tagDialog.updateColorPicker("colorField",COLORP_FORE,TEXT_FORE);
}

function initializeUI()
{
  theFontBoldMultiStateCheckBox = new MultiStateCheckBox("thefont-bold");
  theFontBoldMultiStateCheckBox.initializeUI(); 
  theFontItalicMultiStateCheckBox = new MultiStateCheckBox("thefont-italic");
  theFontItalicMultiStateCheckBox.initializeUI(); 
  theFontOverlineMultiStateCheckBox = new MultiStateCheckBox("thefont-overline");
  theFontOverlineMultiStateCheckBox.initializeUI(); 
  theFontStrikeoutMultiStateCheckBox = new MultiStateCheckBox("thefont-strikeout");
  theFontStrikeoutMultiStateCheckBox.initializeUI(); 
  theFontUnderlineMultiStateCheckBox = new MultiStateCheckBox("thefont-underline");
  theFontUnderlineMultiStateCheckBox.initializeUI(); 
  BORDERSTYLELIST = new ListControl("theborderstyle"); 
  GRIDLINELIST = new ListControl("thegridlines"); 
  HORIZONTALALIGNLIST = new ListControl("thehorizontalalign"); 
  
  theUIObjects = new Array(BORDERSTYLELIST,GRIDLINELIST,HORIZONTALALIGNLIST); 

  COLORP_BACK = dwscripts.findDOMObject("backColorPicker");
  COLORP_BORDER = dwscripts.findDOMObject("borderColorPicker"); 
  COLORP_FORE = dwscripts.findDOMObject("foreColorPicker"); 
  
  TEXT_BACK = dwscripts.findDOMObject("thebackcolor");
  TEXT_BORDER = dwscripts.findDOMObject("thebordercolor");
  TEXT_FORE = dwscripts.findDOMObject("theforecolor");
  
  updateColors(); 
  tagDialog.populateDropDownList(BORDERSTYLELIST, theStylesCap, theStylesVal, 1); 
  tagDialog.populateDropDownList(GRIDLINELIST, theStandardGridlinesCap, theStandardGridlinesVal, 1); 
  tagDialog.populateDropDownList(HORIZONTALALIGNLIST, theStandardAlignsCap, theStandardAlignsVal, 1); 
}

</script>
</head>

<body onLoad="initializeUI();">
<div MMString:name="TagLibraries/ASPNet/TableStyle/div/name/Layout"> 
  <table border="0" cellspacing="4">
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Grid" /> </td>
      <td nowrap="nowrap">
        <select name="thegridlines" class="oneWordOptionList" id="attr:aspnet:table:gridlines" attname="gridlines">
        </select> 
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Horizontal" /> </td>
      <td nowrap="nowrap">
        <select name="thehorizontalalign" class="alignList" id="attr:aspnet:table:horizontalalign" attname="horizontalalign" editable="false">
        </select> 
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Height" /> </td>
      <td nowrap="nowrap">
        <input name="theheight" type="text" class="smallNumOrChar" id="aspnet:table:height" attname="height" />
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Width" /> </td>
      <td nowrap="nowrap">
        <input name="thewidth" type="text" class="smallNumOrChar" id="aspnet:table:width" attname="width" />
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Border" /> </td>
      <td nowrap="nowrap">
        <input name="theborderwidth" type="text" class="smallNumOrChar" id="aspnet:table:borderwidth" attname="borderwidth" />
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Cell" /> </td>
      <td nowrap="nowrap">
        <input name="thecellpadding" type="text" class="smallNumOrChar" id="aspnet:table:cellpadding" attname="cellpadding" />
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Cell_1" /> </td>
      <td nowrap="nowrap">
        <input name="thecellspacing" type="text" class="smallNumOrChar" id="aspnet:table:cellspacing" attname="cellspacing" />
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Background" /> </td>
      <td nowrap="nowrap">
        <input type="mmcolorbutton" name="backColorPicker" value="" onChange="updateUI('backColorPicker')"> <input name="thebackcolor" type="text" class="smallTField" id="att:body:backcolor" onBlur="updateUI('backcolor')" value="" attname="backcolor">
        <img src="../../Shared/MM/Images/transparent.gif" width="10" height="1"> <!-- spacer - do not remove --> 
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Border_1" /> </td>
      <td nowrap="nowrap">
        <input type="mmcolorbutton" name="borderColorPicker" value="" onChange="updateUI('borderColorPicker')"> <input name="thebordercolor" type="text" class="smallTField" id="att:body:alink" onBlur="updateUI('bordercolor')" value="" attname="bordercolor">
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Foreground" /> </td>
      <td nowrap="nowrap">
        <input type="mmcolorbutton" name="foreColorPicker" value="" onChange="updateUI('foreColorPicker')"> <input name="theforecolor" type="text" class="smallTField" id="att:table:forecolor" onBlur="updateUI('forecolor')" value="" attname="forecolor">
      </td>
    </tr>  
  </table> 
</div> 
<div MMString:name="TagLibraries/ASPNet/TableStyle/div/name/Style"> 
  <table border="0" cellspacing="4">
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/CSS" /> </td>
      <td nowrap="nowrap">
        <input name="thecssclass" type="text" class="basicTextField" id="aspnet:table:cssclass" attname="cssclass" />
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Border_2" /> </td>
      <td nowrap="nowrap">
        <select name="theborderstyle" class="styleList" id="attr:aspnet:table:borderstyle" attname="borderstyle">
        </select> 
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Font" /> </td>
      <td nowrap="nowrap">
        <input name="thefont-name" type="text" class="basicTextField" id="aspnet:table:font-name" attname="font-name" />
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Font_1" /> </td>
      <td nowrap="nowrap">
        <input name="thefont-names" type="text" class="basicTextField" id="aspnet:table:font-names" attname="font-names" />
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Font_2" /> </td>
      <td nowrap="nowrap">
        <input name="thefont-size" type="text" class="smallNumOrChar" id="aspnet:table:font-size" attname="font-size" />
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap">&nbsp;</td>
      <td nowrap="nowrap">
        <input name="thefont-bold" attname="font-bold" type="image" value="disabled" truevalue="true" falsevalue="false" src="../../Shared/MM/Images/checkbox_dis.gif" width="13" height="13" onClick="updateUI('font-bold');" > 
        <MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Bold" />
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap">&nbsp;</td>
      <td nowrap="nowrap">
        <input name="thefont-italic" attname="font-italic" type="image" value="disabled" truevalue="true" falsevalue="false" src="../../Shared/MM/Images/checkbox_dis.gif" width="13" height="13" onClick="updateUI('font-italic');" > 
        <MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Italic" />
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap">&nbsp;</td>
      <td nowrap="nowrap">
        <input name="thefont-overline" attname="font-overline" type="image" value="disabled" truevalue="true" falsevalue="false" src="../../Shared/MM/Images/checkbox_dis.gif" width="13" height="13" onClick="updateUI('font-overline');" > 
        <MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Overline" />
      </td>
    </tr>    
    <tr valign="baseline">
      <td align="right" nowrap="nowrap">&nbsp;</td>
      <td nowrap="nowrap">
        <input name="thefont-strikeout" attname="font-strikeout" type="image" value="disabled" truevalue="true" falsevalue="false" src="../../Shared/MM/Images/checkbox_dis.gif" width="13" height="13" onClick="updateUI('font-strikeout');" > 
        <MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Strikeout" />
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap">&nbsp;</td>
      <td nowrap="nowrap">
        <input name="thefont-underline" attname="font-underline" type="image" value="disabled" truevalue="true" falsevalue="false" src="../../Shared/MM/Images/checkbox_dis.gif" width="13" height="13" onClick="updateUI('font-underline');" > <MMString:loadString id="TagLibraries/ASPNet/TableStyle/text/Underline" />
      </td>
    </tr>
  </table>
</div> 
<div MMString:name="TagLibraries/ASPNet/TableStyle/div/name/Events"> 
  <div MMString:name="TagLibraries/ASPNet/TableStyle/div/name/OnDisposed">
    <textarea name="theOnDisposed" attname="OnDisposed" id="attr:tablestyle:ondisposed" class="contentsField"  wrap="VIRTUAL"></textarea>
  </div> 
</div> 
</body>
</html>
