anchor.diff:          <div id="collapse-chart-${singleGraph.nameForJS}" class="box-content accordion-body collapse in">
               <div class="paddner"><div id="chart_accum${singleGraph.nameForJS}"></div></div>
           </div>
  +        </div>
  +        </ano:iterate>
  +    </ano:present>
  +</ano:present>
  +
  +<ano:present name="data">
  +    <script type="text/javascript">
  +        var chartEngineName = '${chartEngine}' || 'GOOGLE_CHART_API';
  +
  +        // Many charts
  +        if ('multipleGraphData' in window){
  +            var names = '${accNames}'.slice(1, -1).split(', ');
  +            multipleGraphData.forEach(function(graphData, index){
  +                var chartParams = {
  +                    container: ('chart_accum' + names[index]).split('-').join('_').split(' ').join('_'),
  +                    names: [names[index]],
  +                    data: graphData,
  +                    type: 'LineChart',
  +                    title: names[index]
  +                };
  +
  +                chartEngineIniter[chartEngineName](chartParams);
  +            });
  +
  +        }
  +        // One chart with one or more lines
  +        else{
  +            var names = ('${singleGraph.name}' && ['${singleGraph.name}']) || '${accNames}'.slice(1, -1).split(', ');
  +
  +            var chartParams = {
  +                container: 'chart_accum${singleGraph.nameForJS}',
  +                names: names,
  +                data: data,
  +                type: 'LineChart',
  +                title: ''
  +            };
  +
  +            chartEngineIniter[chartEngineName](chartParams);
  +        }
  +
  +
  +        $('.refresh').click(function() {
  +            location.reload(true);
  +        });
  +
  +
  +    </script>
  +</ano:present>
  +
  +<section id="main">
  +    <div class="content">
  +
  +        <div class="box">
  +            <form action="" method="get">
  +                <div class="box-title">
  +                    <a class="accordion-toggle tooltip-bottom" title="Close/Open" data-toggle="collapse" href="#collapselist"><i class="fa fa-caret-right"></i></a>
  +                    <h3 class="pull-left">
  +                        Accumulators
  +                    </h3>
  +                    <div class="box-right-nav">
  +                        <a href="" class="tooltip-bottom" title="Help"><i class="fa fa-info-circle"></i></a>
  +                    </div>
  +                </div>
  +
  +                <div id="collapselist" class="box-content accordion-body collapse in">
  +                    <table class="table table-striped tablesorter">
  +                        <thead>
  +                        <tr>
  +                            <th></th>
  +                            <th>Name<i class="fa fa-caret-down"></i></th>
  +                            <th>Path <i class="fa fa-caret-down"></i></th>
  +                            <th>Values <i class="fa fa-caret-down"></i><i class="chart-icon tooltip-bottom" title="Show chart"></i></th>
  +                            <th>Last Timestamp <i class="fa fa-caret-down"></i><i class="chart-icon tooltip-bottom" title="Show chart"></i></th>
  +                            <th></th>
  +                        </tr>
  +                        </thead>
  +                        <tbody>
  +                        <ano:iterate name="accumulators" type="net.anotheria.moskito.webui.accumulators.api.AccumulatorDefinitionAO" id="accumulator" indexId="index">
  +                            <tr>
  +                                <td><input type="checkbox" name="id_${accumulator.id}" value="set" <ano:present name="<%=\"id_\"+accumulator.getId()+\"_set\"%>">checked="checked"</ano:present>/></td>
  +                                <td><a href="?id_${accumulator.id}=set">${accumulator.name}</a></td>
  +                                <td>${accumulator.path}</td>
  +                                <td>${accumulator.numberOfValues}</td>
  +                                <td>${accumulator.lastValueTimestamp}</td>
  +                                <td class="actions-links">
  +                                    <a href="#mskAccumulatorDelete" data-toggle="modal" data-target="#mskAccumulatorDelete" data-id="${accumulator.id}" class="action-icon delete-icon tooltip-bottom" title="Delete"><i class="fa fa-ban"></i></a>
  +                                    <a href="mskAccumulator?pId=${accumulator.id}" class="action-icon show-icon tooltip-bottom" title="Show"><i class="fa fa-search-plus"></i></a>
  +                                </td>
  +                            </tr>
  +                        </ano:iterate>
  +                        </tbody>
  +                    </table>
  +                </div>
  +
  +                <div class="box-footer">
  +                    <div class="form-inline">
  +                        <div class="form-group">
  +                            <button class="btn btn-success">Submit</button>
  +                        </div>
  +                        <div class="form-group">
  +                            (Mode:
  +                        </div>
  +                        <div class="radio">
  +                            <label>
  +                                <input type="radio" checked="checked" value="combined" name="mode"> combine
  +                            </label>
  +                        </div>
  +                        <div class="radio">
  +                            <label>
  +                                <input type="radio" value="normalized" name="mode"> combine and normalize
  +                            </label>
  +                        </div>
  +                        <div class="radio">
  +                            <label>
  +                                <input type="radio" value="multiple" name="mode"> multiple graphs
  +                            </label>
  +                        </div>
  +                        <div class="form-group">
  +                            )
  +                        </div>
  +
  +                        <div class="form-group">
  +                            (Type:&nbsp;
  +                        </div>
  +                        <div class="radio">
  +                            <label>
  +                                <input type="radio" checked="checked" value="LineChart" name="type">&nbsp;Line
  +                            </label>
  +                        </div>
  +                        <div class="radio">
  +                            <label>
  +                                <input type="radio" value="PieChart" name="type">&nbsp;Pie
  +                            </label>
  +                        </div>
  +                        <div class="radio">
  +                            <label>
  +                                <input type="radio" value="BarChart" name="type">&nbsp;Bar
  +                            </label>
  +                        </div>
  +                        <div class="radio">
  +                            <label>
  +                                <input type="radio" value="ColumnChart" name="type">&nbsp;Column
  +                            </label>
  +                        </div>
  +                        <div class="form-group">
  +                            )
  +                        </div>
  +                        <input type="hidden" value="100" name="normalizeBase">
  +                        <input type="hidden" value="200" name="maxValues">
  +                    </div>
  +                </div>
  +            </form>
  +        </div>
  +
       </div>
  -            </ano:iterate>
  -        </ano:present>
  -</ano:present>
  -
  -    <ano:present name="data">
  -        <script type="text/javascript">
  -            var chartEngineName = '${chartEngine}' || 'GOOGLE_CHART_API';
  -
  -            // Many charts
  -            if ('multipleGraphData' in window){
  -                var names = '${accNames}'.slice(1, -1).split(', ');
  -                multipleGraphData.forEach(function(graphData, index){
  -                    var chartParams = {
  -                        container: ('chart_accum' + names[index]).split('-').join('_').split(' ').join('_'),
  -                        names: [names[index]],
  -                        data: graphData,
  -                        type: 'LineChart',
  -                        title: names[index]
  -                    };
  -
  -                    chartEngineIniter[chartEngineName](chartParams);
  -                });
  -
  -            }
  -            // One chart with one or more lines
  -            else{
  -                var names = ('${singleGraph.name}' && ['${singleGraph.name}']) || '${accNames}'.slice(1, -1).split(', ');
  -
  -                var chartParams = {
  -                    container: 'chart_accum${singleGraph.nameForJS}',
  -                    names: names,
  -                    data: data,
  -                    type: 'LineChart',
  -                    title: ''
  -                };
  -
  -                chartEngineIniter[chartEngineName](chartParams);
  -            }
  -
  -
  -            $('.refresh').click(function() {
  -                location.reload(true);
  -            });
  -
  -
  -        </script>
  -    </ano:present>
  -
  -<div class="box">
  -    <form action="" method="get">
  -    <div class="box-title">
  -        <a class="accordion-toggle tooltip-bottom" title="Close/Open" data-toggle="collapse" href="#collapselist"><i class="fa fa-caret-right"></i></a>
  -        <h3 class="pull-left">
  -            Accumulators
  -        </h3>
  -        <div class="box-right-nav">
  -            <a href="" class="tooltip-bottom" title="Help"><i class="fa fa-info-circle"></i></a>
  +
  +    <div class="modal fade modal-danger" id="mskAccumulatorDelete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  +        <div class="modal-dialog">
  +            <div class="modal-content">
  +                <div class="modal-header">
  +                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  +                    <h4 class="modal-title" id="myModalLabel">Delete this Accumulator?</h4>
  +                </div>
  +                <div class="modal-footer text-center">
  +                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
  +                    <a href="#" class="btn btn-danger accumulator-delete-confirm">Delete</a>
  +                </div>
  +            </div>
           </div>
       </div>
   
  -<div id="collapselist" class="box-content accordion-body collapse in">
  -    <table class="table table-striped tablesorter">
  -        <thead>
  -        <tr>
  -            <th></th>
  -            <th>Name<i class="fa fa-caret-down"></i></th>
  -            <th>Path <i class="fa fa-caret-down"></i></th>
  -            <th>Values <i class="fa fa-caret-down"></i><i class="chart-icon tooltip-bottom" title="Show chart"></i></th>
  -            <th>Last Timestamp <i class="fa fa-caret-down"></i><i class="chart-icon tooltip-bottom" title="Show chart"></i></th>
  -            <th></th>
  -        </tr>
  -        </thead>
  -        <tbody>
  -        <ano:iterate name="accumulators" type="net.anotheria.moskito.webui.accumulators.api.AccumulatorDefinitionAO" id="accumulator" indexId="index">
  -            <tr>
  -                <td><input type="checkbox" name="id_${accumulator.id}" value="set" <ano:present name="<%=\"id_\"+accumulator.getId()+\"_set\"%>">checked="checked"</ano:present>/></td>
  -                <td><a href="?id_${accumulator.id}=set">${accumulator.name}</a></td>
  -                <td>${accumulator.path}</td>
  -                <td>${accumulator.numberOfValues}</td>
  -                <td>${accumulator.lastValueTimestamp}</td>
  -                <td>
  -                    <a href="mskAccumulatorDelete?pId=${accumulator.id}" class="action-icon delete-icon tooltip-bottom" title="Delete"><i class="fa fa-ban"></i></a>
  -                    <a href="mskAccumulator?pId=${accumulator.id}" class="action-icon show-icon tooltip-bottom" title="Show"><i class="fa fa-search-plus"></i></a>
  -                </td>
  -            </tr>
  -        </ano:iterate>
  -        </tbody>
  -    </table>
  -</div>
  -<div class="box-footer">
  -    <div class="form-inline">
  -        <div class="form-group">
  -            <button class="btn btn-success">Submit</button>
  -        </div>
  -        <div class="form-group">
  -            (Mode:
  -        </div>
  -        <div class="radio">
  -            <label>
  -                <input type="radio" checked="checked" value="combined" name="mode"> combine
  -            </label>
  -        </div>
  -        <div class="radio">
  -            <label>
  -                <input type="radio" value="normalized" name="mode"> combine and normalize
  -            </label>
  -        </div>
  -        <div class="radio">
  -            <label>
  -                <input type="radio" value="multiple" name="mode"> multiple graphs
  -            </label>
  -        </div>
  -        <div class="form-group">
  -            )
  -        </div>
  -
  -        <div class="form-group">
  -            (Type:&nbsp;
  -        </div>
  -        <div class="radio">
  -            <label>
  -                <input type="radio" checked="checked" value="LineChart" name="type">&nbsp;Line
  -            </label>
  -        </div>
  -        <div class="radio">
  -            <label>
  -                <input type="radio" value="PieChart" name="type">&nbsp;Pie
  -            </label>
  -        </div>
  -        <div class="radio">
  -            <label>
  -                <input type="radio" value="BarChart" name="type">&nbsp;Bar
  -            </label>
  -        </div>
  -        <div class="radio">
  -            <label>
  -                <input type="radio" value="ColumnChart" name="type">&nbsp;Column
  -            </label>
  -        </div>
  -        <div class="form-group">
  -            )
  -        </div>
  -        <input type="hidden" value="100" name="normalizeBase">
  -        <input type="hidden" value="200" name="maxValues">
  -    </div>
  -</div>
  -        </form>
  -</div>
  -
  -</div>
  -
  -
  -<jsp:include page="../../shared/jsp/InspectFooter.jsp" flush="false"/>
  +    <jsp:include page="../../shared/jsp/InspectFooter.jsp" flush="false"/>
  +
  +    <script type="text/javascript">
  +        $('.actions-links').on('click','.delete-icon', function() {
  +            var dataid = $(this).attr('data-id');
  +            $('.accumulator-delete-confirm').attr("href", "mskAccumulatorDelete?pId=" + dataid);
  +        });
  +    </script>
   
   </section>
   </body>
  
positive.code: %><%@ taglib uri="http://www.anotheria.net/ano-tags" prefix="ano"
  %>
  <!DOCTYPE html>
  <html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/html">
  <jsp:include page="../../shared/jsp/InspectHeader.jsp" flush="false"/>
  <section id="main">
  <div class="content">
  
  <script type="text/javascript" src="//www.google.com/jsapi"></script>
  <!-- jqplot core + plugins -->
  
negative.code: 
  <script type="text/javascript" src="../js/charts/chartEngineIniter.js"></script>
  
  <%-- this is used for a single accumulator --%>
  <ano:present name="data">
      <script type="text/javascript">
          var data = [<ano:iterate name="data" id="value" indexId="i"><ano:notEqual name="i" value="0">,</ano:notEqual>${value}</ano:iterate>];
      </script>
  </ano:present>
  <%-- this is used for a multi accumulator selection--%>
  <ano:present name="singleGraphData">
      <script type="text/javascript">
          var multipleGraphData = [];
          <ano:iterate name="singleGraphData" type="net.anotheria.moskito.webui.accumulators.api.AccumulatedSingleGraphAO" id="singleGraph">
          multipleGraphData.push([<ano:iterate name="singleGraph" property="data" id="value" indexId="i"><ano:notEqual name="i" value="0">,</ano:notEqual>${value}</ano:iterate>])
          //var singleGraphData<ano:write name="singleGraph" property="nameForJS"/> = [<ano:iterate name="singleGraph" property="data" id="value" indexId="i"><ano:notEqual name="i" value="0">,</ano:notEqual>${value}</ano:iterate>] ;
          </ano:iterate>
      </script>
  </ano:present>
  
  <%-- single chart box with  charts --%>
  <ano:notPresent name="multiple_set">
  