<!-- 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/CFML/cfchartseries/title" /></title>
<script src="../../Shared/Common/Scripts/dwscripts.js"></script>
<script src="../../Shared/Common/Scripts/ListControlClass.js"></script>
<script src="../../Shared/Common/Scripts/tagDialogsCmn.js"></script>
<script src="loc_strings.js"></script>
<script src="strings.js"></script>
<script>
/************************* GLOBAL VARS **************************/

var TYPELIST; 
var PAINTSTYLELIST; 
var MARKERSTYLELIST; 
var theUIObjects; 

// Color control elements
var COLORP_SERIES;  
var TEXT_SERIES;  

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

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

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

function updateUI(itemName)
{
  switch(itemName)
  {
    case "seriesColorPicker":
    { 
      tagDialog.updateColorPicker("colorPicker",COLORP_SERIES,TEXT_SERIES,true);
      break;
    }
    case "seriescolor":
    {
      tagDialog.updateColorPicker("colorField",COLORP_SERIES,TEXT_SERIES,true);
      break;
    }
  }
}

function updateColors()
{
  tagDialog.updateColorPicker("colorField",COLORP_SERIES,TEXT_SERIES);
}

function initializeUI()
{
	TYPELIST = new ListControl("thetype"); 
  PAINTSTYLELIST = new ListControl("thepaintstyle"); 
  MARKERSTYLELIST = new ListControl("themarkerstyle"); 
  
	theUIObjects  = new Array(TYPELIST,PAINTSTYLELIST,MARKERSTYLELIST); 

  COLORP_SERIES = dwscripts.findDOMObject("seriesColorPicker");  
  TEXT_SERIES = dwscripts.findDOMObject("theseriescolor");

  updateColors(); 
  
  tagDialog.populateDropDownList(TYPELIST, theChartSeriesTypeCap, theChartSeriesTypeVal, 0); 
  tagDialog.populateDropDownList(PAINTSTYLELIST, theChartSeriesPaintStyleCap, theChartSeriesPaintStyleVal, 1); 
  tagDialog.populateDropDownList(MARKERSTYLELIST, theChartSeriesMarkerStyleVal, theChartSeriesMarkerStyleVal, 1); 
}
</script>
<link href="../../fields.css" rel="stylesheet" type="text/css">
</head>

<body onLoad="initializeUI()">
<div MMString:name="TagLibraries/CFML/cfchartseries/div/name/General"> 
  <table border="0" cellspacing="4">
    <tr>
      <td align="right" valign="baseline" nowrap="nowrap"><MMString:loadString id="TagLibraries/CFML/cfchartseries/text/Type" /> </td>
      <td nowrap="nowrap">
        <select name="thetype" class="chartTypeList" id="attr:cfchartseries:type" attname="type">
        </select>
      </td>
    </tr>
    <tr>
      <td align="right" valign="baseline" nowrap="nowrap"><MMString:loadString id="TagLibraries/CFML/cfchartseries/text/Query" /> </td>
      <td nowrap="nowrap">
        <input name="thequery" type="text" class="basicTextField" id="attr:cfchartseries:query" attname="query" />
      </td>
    </tr>
    <tr>
      <td align="right" valign="baseline" nowrap="nowrap"><MMString:loadString id="TagLibraries/CFML/cfchartseries/text/Item" /> </td>
      <td nowrap="nowrap">
        <input name="theitemcolumn" type="text" class="basicTextField" id="attr:cfchartseries:itemcolumn" attname="itemcolumn" />
      </td>
    </tr>
    <tr>
      <td align="right" valign="baseline" nowrap="nowrap"><MMString:loadString id="TagLibraries/CFML/cfchartseries/text/Value" /> </td>
      <td nowrap="nowrap">
        <input name="thevaluecolumn" type="text" class="basicTextField" id="attr:cfchartseries:valuecolumn" attname="valuecolumn" />
      </td>
    </tr>    
    <tr>
      <td align="right" valign="baseline" nowrap="nowrap"><MMString:loadString id="TagLibraries/CFML/cfchartseries/text/Paint" /> </td>
      <td nowrap="nowrap">
        <select name="thepaintstyle" class="oneWordOptionList" id="attr:cfchartseries:paintstyle"  attname="paintstyle">
        </select>
      </td>
    </tr>
    <tr>
      <td align="right" valign="baseline" nowrap="nowrap"><MMString:loadString id="TagLibraries/CFML/cfchartseries/text/Marker" /> </td>
      <td nowrap="nowrap">
        <select name="themarkerstyle" class="oneWordOptionList" id="attr:cfchartseries:paintstyle"  attname="markerstyle">
        </select>
      </td>
    </tr>
    <tr>
      <td align="right" valign="baseline" nowrap="nowrap"><MMString:loadString id="TagLibraries/CFML/cfchartseries/text/Color" /> </td>
      <td nowrap="nowrap">
        <input name="thecolorlist" type="text" class="basicTextField" id="attr:cfchartseries:colorlist" attname="colorlist" />
      </td>
    </tr>  
    <tr>
      <td align="right" valign="baseline" nowrap="nowrap"><MMString:loadString id="TagLibraries/CFML/cfchartseries/text/Series" /> </td>
      <td nowrap="nowrap">
        <input name="theserieslabel" type="text" class="basicTextField" id="attr:cfchartseries:serieslabel" attname="serieslabel" />
      </td>
    </tr>  
    <tr>
      <td align="right" valign="baseline" nowrap="nowrap"><MMString:loadString id="TagLibraries/CFML/cfchartseries/text/Series_1" /> </td>
      <td nowrap="nowrap">
        <input type="mmcolorbutton" name="seriesColorPicker" value="" onChange="updateUI('seriesColorPicker')"> 
        <input name="theseriescolor" type="text" class="smallTField" id="attr:cfchartseries:seriescolor" onBlur="updateUI('seriescolor')" value="" attname="seriescolor">
        <img src="../../Shared/MM/Images/transparent.gif" width="10" height="1"> <!-- spacer - do not remove --> 
      </td>
    </tr>    
  </table> 
</div> 
</body>
</html>
