var chartItemCount = 0;

function chartToggle(cid)
{
   var ld = document.getElementById('chartdescription' + cid);
   var style = $style('chartdescription' + cid, 'display');
   var li = document.getElementById('chartimage' + cid);
   
   if(style == 'block')
   {
      ld.style.display = 'none';
      (cid %2) ? li.src = "images/chart/right_grey_grey.gif" : li.src = "images/chart/right_grey_white.gif";
   }
   else
   {
      ld.style.display = 'block';
      (cid %2) ? li.src = "images/chart/down_grey_grey.gif" : li.src = "images/chart/down_grey_white.gif";
   }
   
   return false;
}

function chartExpandAll()
{
   var i;
   var ld;
   var style;
   var li;
   
   for(cid=1; cid<=chartItemCount; cid++)
   {
      ld = document.getElementById('chartdescription' + cid);
      style = $style('chartdescription' + cid, 'display');
      li = document.getElementById('chartimage' + cid);

      ld.style.display = 'block';
      (cid %2) ? li.src = "images/chart/down_grey_grey.gif" : li.src = "images/chart/down_grey_white.gif";
   }

   return false;
}

function chartCollapseAll()
{
   var i;
   var ld;
   var style;
   var li;
   
   for(cid=1; cid<=chartItemCount; cid++)
   {
      ld = document.getElementById('chartdescription' + cid);
      style = $style('chartdescription' + cid, 'display');
      li = document.getElementById('chartimage' + cid);

      ld.style.display = 'none';
      (cid %2) ? li.src = "images/chart/right_grey_grey.gif" : li.src = "images/chart/right_grey_white.gif";
   }

   return false;
}



/* http://blogs.telerik.com/tervelpeykov/posts/08-09-16/javascript_get_any_css_property_value_of_an_object_using_style.aspx */
function $style(ElementId, CssProperty)
{
   function $(stringId)
   {
      return document.getElementById(stringId);
   }   
   
   if($(ElementId).currentStyle)
   {
      var convertToCamelCase = CssProperty.replace(/\-(.)/g, function(m, l){return l.toUpperCase()});
      return $(ElementId).currentStyle[convertToCamelCase];
   }
   else if (window.getComputedStyle)
   {
      var elementStyle = window.getComputedStyle($(ElementId), "");
      return elementStyle.getPropertyValue(CssProperty);
   }
}