//Handles the loading display and spinner
function ControlPreLoad(template_name, ctrl_id, tr_id, toggle_obj_id)
{
  var display_status = expandContent(tr_id, toggle_obj_id)
  if(display_status != "none")
  {
    var objRes = document.getElementById(ctrl_id + "_Result");
    objRes.innerHTML = "<br /><div class='text_normal'>&nbsp;&nbsp;Please wait while loading data....<img src='images/spinner.gif' /></div><br /><br />";
  }
}

//Handles the loading display and spinner
function GroupControlPreLoad(template_name, ctrl_id, tr_id, group_id_col, cur_tab, rpt_tab_id_col)
{
  var id_col = group_id_col.split("||");
  var i = 0;
  for(i=0; i<id_col.length; ++i)
  {
    HideElement(id_col[i], true)
  }  
  HideElement(tr_id, false)

  var tab_id_col = rpt_tab_id_col.split("||");
  for(i=0; i<tab_id_col.length; ++i)
  {
    SetCssStyle(tab_id_col[i], "groupedreport_header")
  }  

  SetCssStyle(cur_tab, "groupedreport_header_selected")
  var objRes = document.getElementById(ctrl_id + "_Result");
  if (objRes != null) {
      objRes.innerHTML = "<br /><div class='text_normal'>&nbsp;&nbsp;Please wait while loading data....<img src='images/spinner.gif' /></div><br /><br />";
  }
}

//Generic function to toggle display of an object
function HideElement(id, flag)
{
    var obj = document.getElementById(id);
    if (obj == null) {
        obj = parent.document.getElementById(id);
    }
  if(flag)
  {
    obj.style.display = "none";
  }
  else
  {
    obj.style.display = "";
  }
}

//Generic function to set a css class on an object 
function SetCssStyle(id, cssClass)
{
    var obj = document.getElementById(id);
    if (obj == null) {
        obj = parent.document.getElementById(id);
    }
  obj.className = cssClass;
}