<!-- 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/TableItemStyle/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 FONTLIST;
var FONTGROUPLIST;
var BORDERSTYLELIST;
var HORIZONTALALIGNLIST;
var VERTICALALIGNLIST;

var theUIObjects; 

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

var theWrapMultiStateCheckBox; 
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 "wrap":
	{
	  theWrapMultiStateCheckBox.updateUI(); 
	  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 updateFontList(){
	// Remember old value if there was one
	var oldValue = FONTGROUPLIST.getValue();
	
	// Null out the list first, then add the new values.
	FONTGROUPLIST.setAll(new Array(0),new Array(0));
  tagDialog.populateDropDownList(FONTGROUPLIST, dw.getFontList(), dw.getFontList(), 1); 
	FONTGROUPLIST.pickValue(oldValue);
  syncFontLists('fontnames');
}

function syncFontLists(changedList){
  // if fontnames changed, we need to blank out fontname (it'll be
  // set automatically with the first font in the fontnames list)
  if (changedList == 'fontnames' && FONTGROUPLIST.getValue != ""){
    FONTLIST.setIndex(0);
  }
  // likewise, if fontname changed, we need to blank out fontnames
  // (it'll be set automatically to a 1-item array containing fontname)
  else if (changedList == 'fontname' && FONTLIST.getValue() != ""){
    FONTGROUPLIST.setIndex(0);
  }  
}

function initializeUI()
{
  theWrapMultiStateCheckBox = new MultiStateCheckBox("thewrap");
  theWrapMultiStateCheckBox.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(); 

	FONTLIST = new ListControl("thefontname"); 
	FONTGROUPLIST = new ListControl("thefontnames");
  BORDERSTYLELIST = new ListControl("theborderstyle"); 
  HORIZONTALALIGNLIST = new ListControl("thehorizontalalign"); 
  VERTICALALIGNLIST = new ListControl("theverticalalign"); 

  theUIObjects = new Array(FONTLIST,FONTGROUPLIST,BORDERSTYLELIST, HORIZONTALALIGNLIST, VERTICALALIGNLIST); 

  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(FONTGROUPLIST, dw.getFontList(), dw.getFontList(), 1); 
  tagDialog.populateDropDownList(FONTLIST, dw.getSystemFontList('all'), dw.getSystemFontList('all'), 1);   
  tagDialog.populateDropDownList(BORDERSTYLELIST, theStylesCap, theStylesVal, 1); 
  tagDialog.populateDropDownList(HORIZONTALALIGNLIST, theStandardFourAlignsCap, theStandardFourAlignsVal, 1); 
  tagDialog.populateDropDownList(VERTICALALIGNLIST, theStandardValignsCap, theStandardValignsVal, 1); 
}

</script>
</head>

<body onLoad="initializeUI();">
<div MMString:name="TagLibraries/ASPNet/TableItemStyle/div/name/Layout"> 
  <table border="0" cellspacing="4">
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableItemStyle/text/Horizontal" /> </td>
      <td nowrap="nowrap">
        <select name="thehorizontalalign" class="alignList" id="attr:aspnet:tableitemstyle:horizontalalign" attname="horizontalalign" editable="false">
        </select> 
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableItemStyle/text/Vertical" /> </td>
      <td nowrap="nowrap">
        <select name="theverticalalign" class="alignList" id="attr:aspnet:tableitemstyle:verticalalign" attname="verticalalign" editable="false">
        </select> 
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableItemStyle/text/Height" /> </td>
      <td nowrap="nowrap">
        <input name="theheight" type="text" class="smallNumOrChar" id="aspnet:tableitemstyle:height" attname="height" />
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableItemStyle/text/Width" /> </td>
      <td nowrap="nowrap">
        <input name="thewidth" type="text" class="smallNumOrChar" id="aspnet:tableitemstyle:width" attname="width" />
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableItemStyle/text/Border" /> </td>
      <td nowrap="nowrap">
        <input name="theborderwidth" type="text" class="smallNumOrChar" id="aspnet:tableitemstyle:borderwidth" attname="borderwidth" />
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableItemStyle/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/TableItemStyle/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/TableItemStyle/text/Foreground" /> </td>
      <td nowrap="nowrap">
        <input type="mmcolorbutton" name="foreColorPicker" value="" onChange="updateUI('foreColorPicker')"> <input name="theforecolor" type="text" class="smallTField" id="att:tableitemstyle:forecolor" onBlur="updateUI('forecolor')" value="" attname="forecolor">
      </td>
    </tr>  
    <tr valign="baseline">
      <td align="right" nowrap="nowrap">&nbsp;</td>
      <td nowrap="nowrap">
        <input name="thewrap" attname="wrap" type="image" value="disabled" truevalue="true" falsevalue="false" src="../../Shared/MM/Images/checkbox_dis.gif" width="13" height="13" onClick="updateUI('wrap');" > 
        <MMString:loadString id="TagLibraries/ASPNet/TableItemStyle/text/Wrap" />
      </td>
    </tr>
  </table> 
</div> 
<div MMString:name="TagLibraries/ASPNet/TableItemStyle/div/name/Style"> 
  <table border="0" cellspacing="4">
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableItemStyle/text/CSS" /> </td>
      <td nowrap="nowrap">
        <input name="thecssclass" type="text" class="basicTextField" id="aspnet:tableitemstyle:cssclass" attname="cssclass" />
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableItemStyle/text/Border_2" /> </td>
      <td nowrap="nowrap">
        <select name="theborderstyle" class="styleList" id="attr:aspnet:tableitemstyle:borderstyle" attname="borderstyle">
        </select> 
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableItemStyle/text/Font" /> </td>
      <td nowrap="nowrap">
        <select name="thefontname" class="ffontList" id="aspnet:tableitemstyle:fontname" onBlur="syncFontLists('fontname')" attname="fontname" editable="true"> 
        </select>&nbsp;
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableItemStyle/text/Font_1" /> </td>
      <td nowrap="nowrap">
        <select name="thefontnames" class="fontGroupList" id="aspnet:tableitemstyle:fontnames" onBlur="syncFontLists('fontnames')" attname="fontnames" editable="true">
           
        </select>&nbsp;
				<input type="button" name="editFontList" MMString:value="TagLibraries/ASPNet/TableItemStyle/button/editFontList/Edit" onClick="dw.editFontList();updateFontList()" />
      </td>
    </tr>
    <tr valign="baseline">
      <td align="right" nowrap="nowrap"><MMString:loadString id="TagLibraries/ASPNet/TableItemStyle/text/Font_2" /> </td>
      <td nowrap="nowrap">
        <input name="thefont-size" type="text" class="smallNumOrChar" id="aspnet:tableitemstyle: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/TableItemStyle/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/TableItemStyle/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/TableItemStyle/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/TableItemStyle/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/TableItemStyle/text/Underline" />
      </td>
    </tr>
  </table>
</div> 
<div MMString:name="TagLibraries/ASPNet/TableItemStyle/div/name/Events"> 
  <div MMString:name="TagLibraries/ASPNet/TableItemStyle/div/name/OnDisposed">
    <textarea name="theOnDisposed" attname="OnDisposed" id="attr:tableitemstyle:ondisposed" class="contentsField"  wrap="VIRTUAL"></textarea>
  </div> 
</div> 
</body>
</html>
