// Work around for "'undefined' is undefined" in IE5.0
var undefined
var viewTemplateExecPrefix="/system/template"
function viewCheckNewRows() {
  for (view in viewContexts) {
    if (viewContexts[view]['targetIds']) {
      var targetIds = viewContexts[view]['targetIds']
      var fields = viewContexts[view]['fields']      
      for (var i=0;i<targetIds.length;i++) {
        var targetId = targetIds[i]
        var allowNewCase = ''
        for (var j in fields) {
          if (fieldGetValue(fields[j], targetId)) {
            allowNewCase = '1'
            break
          }
        }
        var field = document.getElementById(targetId)
        field.value = allowNewCase
      }
    }
  }
}

function pickRow(checkbox, instanceId) {
  if (checkbox.checked) {
    // Add a new row
    var srcTd = checkbox.parentNode
    var srcTr = srcTd.parentNode
    var srcTable = srcTr.parentNode.parentNode
    var srcDiv = srcTable.parentNode

    // Cross-browser work around for cloneNode & innerHTML deficiencies
    // Copy a DIV containing the entire table onto the parent document,
    // clone the required row, and then append the clone into the parent table.
    var dummyDiv = parent.document.getElementById('vrPopupPickerDummyDiv_' + instanceId)
    if (!dummyDiv) {
      var dummyDiv = parent.document.createElement('DIV')
      dummyDiv.style.display = 'none'
      parent.document.body.appendChild(dummyDiv)
    }
    dummyDiv.innerHTML = srcDiv.innerHTML
    var dummyTable = dummyDiv.firstChild
    var dummyTBody = dummyTable.tBodies.item(0)
    var dummyTr = dummyTBody.rows.item(srcTr.rowIndex)
    var destTable = parent.document.getElementById('vrPopupPickerViewTable_' + instanceId)
    var destTBody = destTable.tBodies.item(0)
    var destTr = dummyTr.cloneNode(true)
    destTBody.appendChild(destTr)

    // Modify the first cell so that it contains a hidden field with the ID of the relevant case.
    var destTd = destTr.cells.item(0)
    destTd.style.display = 'none'
    destTd.innerHTML = ''
    var sampleField = parent.document.getElementById('vrPopupPickerField_' + instanceId)
    var newField = sampleField.cloneNode(true)
    newField.value = checkbox.value
    destTd.appendChild(newField)

    dummyDiv.innerHTML = ''

    for (view in viewContexts) {
      viewContexts[view]['pickerValues'].push(checkbox.value)
    }
  } else {
    // Remove a row
    var destTable = parent.document.getElementById('vrPopupPickerViewTable_' + instanceId)
    var destTBody = destTable.tBodies.item(0)
    var rows = destTBody.rows
    var deleteIndex = -1
    for (var i = 1; i < rows.length; i++) {
      var destTd = rows[i].cells.item(0)
      var field = destTd.getElementsByTagName('INPUT')[0]
      if (field.value == checkbox.value) {
        deleteIndex = i
        break
      }
    }
    if (deleteIndex >= 0) {
      destTBody.deleteRow(deleteIndex)

      for (view in viewContexts) {
        pickerValues = viewContexts[view]['pickerValues']
        newValues = []
        for (var i = 0; i < pickerValues.length; i++) {
          if (pickerValues[i] != checkbox.value) {
            newValues.push(pickerValues[i])
          }
        }
        viewContexts[view]['pickerValues'] = newValues
      }
    }
  }
}

function getViewIFrame() {
  var viewIFrame = document.getElementById('viewIFrame')
  if (!viewIFrame) {
    // NB. Can't create IFRAME directly in IE5.0, so we use innerHTML
    var div = document.createElement('DIV')
    document.body.appendChild(div)
    div.style.display = 'none'
    div.innerHTML = '<IFRAME ID="viewIFrame"></IFRAME>'
    viewIFrame = document.getElementById('viewIFrame')
    viewIFrame.style.width = '700 px'
    viewIFrame.style.height = '600 px'
  }
  return viewIFrame
}
function getViewIFrameNamed(viewName) {
  var fullName='viewIFrame-' + viewName;
  var viewIFrame = document.getElementById(fullName)
  if (!viewIFrame) {
    // NB. Can't create IFRAME directly in IE5.0, so we use innerHTML
    var div = document.createElement('DIV')
    document.body.appendChild(div)
    div.style.display = 'none'
    div.innerHTML = '<IFRAME NAME="' + fullName + '" ID="' + fullName + '"></IFRAME>'
    viewIFrame = document.getElementById(fullName)
    viewIFrame.style.width = '700 px'
    viewIFrame.style.height = '600 px'
  }
  return viewIFrame
}

function escapeHTML(value) {
  return (value + '').replace(/&/g,'&amp;').                                         
                replace(/>/g,'&gt;').                                           
                replace(/</g,'&lt;').                                           
                replace(/"/g,'&quot;');
}
function viewRefreshFormValue(key,value) {
  return '<INPUT TYPE="HIDDEN" NAME="' + escapeHTML(key) + '" VALUE="' + escapeHTML(value) +'">'
}
function viewRefreshFormContextValue(key,viewContext) {
  if(viewContext[key]) {
    return viewRefreshFormValue(key,viewContext[key]);
  } else {
    return '';
  }
}

function encodeSetArgsForRefreshForm(passKey,args) {
  var formHtml=''
  for(var key in args) {
    var v = args[key]
    var t = typeof(v)
    if (t == 'number') {
      formHtml+=viewRefreshFormValue(passKey,'i:' + key + ':' + v);
    } else if (t == 'object' && v.constructor.toString().match(/Array/)) {
      if(v.length == 0) {
        formHtml+=viewRefreshFormValue(passKey,'l:' + key + ':');
      } else {
        for(var i in v) {
          v2 = v[i]
          t = typeof(v2)
          if (t == 'number') {
            formHtml+=viewRefreshFormValue(passKey,'i:' + key + ':' + v2);
          } else if (t != 'undefined') {
            formHtml+=viewRefreshFormValue(passKey,'s:' + key + ':' + v2);
          } else {
            formHtml+=viewRefreshFormValue(passKey,'n:' + key + ':None');
          }
        }
      }
    } else if (t != 'undefined') {
      formHtml+=viewRefreshFormValue(passKey,'s:' + key + ':' + v);
    } else {
      formHtml+=viewRefreshFormValue(passKey,'n:' + key + ':None');
    }
  }
  return formHtml
}
function getViewRefreshForm(viewRef, viewContext, action, actionParam) {
  var formId='viewRefreshForm-' + viewRef;
  var refreshForm=document.getElementById(formId);
  if(!refreshForm) {
    var iFrameName='viewIFrame-' + viewRef;
    var url = viewTemplateExecPrefix + '/refreshview?tstyle=View';
    url += '&viewRef=' + encodeURIComponent(viewRef);
    url += '&viewName=' + encodeURIComponent(viewContext['viewName']);
    var div = document.createElement('DIV');
    document.body.appendChild(div);
    div.style.display = 'none';
    div.innerHTML = '<FORM ID="' + escapeHTML(formId) + '" ACTION="' + escapeHTML(url) + '" METHOD="POST" TARGET="' + escapeHTML(iFrameName) + '"></FORM>';
    refreshForm=document.getElementById(formId);
  }
  var formHTML='';
  formHTML+=viewRefreshFormContextValue('linkFunction',viewContext);
  formHTML+=viewRefreshFormContextValue('linkPrefix',viewContext);
  if (viewContext['popup']) {
    formHTML+=viewRefreshFormValue('popup','1');
    formHTML+=viewRefreshFormContextValue('stylesheet',viewContext);
  }
  formHTML+=viewRefreshFormContextValue('offset',viewContext);
  formHTML+=viewRefreshFormContextValue('prefix',viewContext);
  if (viewContext['fulltext']) {
    formHTML+=viewRefreshFormContextValue('fulltext',viewContext);
    formHTML+=viewRefreshFormContextValue('fulltextDir',viewContext);
  }
  if (viewContext['pickerInstanceId']) {
    formHTML+=viewRefreshFormContextValue('pickerInstanceId',viewContext);
    for (var i = 0; i < viewContext['pickerValues'].length; i++) {
      formHTML+=viewRefreshFormValue('v',viewContext['pickerValues'][i]);
    }
  }
  formHTML+=viewRefreshFormContextValue('pickerSingle',viewContext);
  formHTML+=viewRefreshFormContextValue('pickerValueColumn',viewContext);
  formHTML+=viewRefreshFormContextValue('pickerDisplayColumn',viewContext);
  var parameters = viewContext['parameters']
  formHTML += encodeSetArgsForRefreshForm('parameters', parameters)
  if (viewContext['otherArgs']) {
    formHTML += encodeSetArgsForRefreshForm('otherArgs', viewContext['otherArgs'])
  }

  if (viewContext['orderBy']) {
    formHTML+=viewRefreshFormContextValue('orderBy',viewContext);
    formHTML+=viewRefreshFormContextValue('orderDesc',viewContext);
  }
  if (viewContext['debug']) {
    formHTML+=viewRefreshFormValue('_DEBUG_VIEWS','1');
  }
  formHTML+=viewRefreshFormContextValue('viewParentEditMode',viewContext);
  if (action) {
    formHTML+=viewRefreshFormValue('action',action);
    if (actionParam) {
      formHTML+=viewRefreshFormValue('actionParam',actionParam);
    }
  }
  refreshForm.innerHTML=formHTML;
  return refreshForm
}
function getViewDownloadCSVForm(viewRef, viewContext, csvColumnViewName, extraUrlArgs) {
  var formId='viewRefreshFormCSV-' + viewRef;
  var refreshForm=document.getElementById(formId);
  if(!refreshForm) {
    var url = viewTemplateExecPrefix + '/exportcsvcolumnview/report.csv?view=' + encodeURIComponent(csvColumnViewName);
    var div = document.createElement('DIV');
    document.body.appendChild(div);
    div.style.display = 'none';
    div.innerHTML = '<FORM ID="' + escapeHTML(formId) + '" ACTION="' + escapeHTML(url) + '" METHOD="POST" TARGET="_BLANK"></FORM>';
    refreshForm=document.getElementById(formId);
  }
  var formHTML='';
  formHTML+=viewRefreshFormContextValue('fulltext',viewContext);
  var parameters = viewContext['parameters']
  formHTML += encodeSetArgsForRefreshForm('parameters', parameters)
  if (viewContext['otherArgs']) {
    formHTML += encodeSetArgsForRefreshForm('otherArgs', viewContext['otherArgs'])
  }
  if (extraUrlArgs) {
    for(var key in extraUrlArgs) {
      var v = extraUrlArgs[key];
      if(key && v) {
        formHTML+=viewRefreshFormValue(key,v);
      }
    }
  }
  refreshForm.innerHTML=formHTML;
  return refreshForm
}
function downloadViewCSV(viewName,csvColumnViewName,extraUrlArgs) {
  var viewContext = viewContexts[viewName];
  if (viewContext) {
    var viewRefreshForm = getViewDownloadCSVForm(viewName, viewContext, csvColumnViewName, extraUrlArgs);
    viewRefreshForm.submit();
  }
  return false;
}
function reloadView(viewName, viewContext, action, actionParam) {
  reloadViewPost(viewName, viewContext, action, actionParam);
}
function reloadViewPost(viewName, viewContext, action, actionParam) {
  var refreshImg = document.getElementById('refreshImg-' + viewName)
  var viewIFrame = getViewIFrameNamed(viewName);
  var viewRefreshForm = getViewRefreshForm(viewName, viewContext, action, actionParam)
  if (refreshImg) {
    refreshImg.style.visibility='visible'
  }
  var viewContextPersist=document.getElementById('ViewContextPersist_' + viewName)
  if (viewContextPersist) {
    viewContextPersist.value=thingToJSONString(viewContext)
  }
  viewRefreshForm.submit();
}

function reloadViewGet(viewName, viewContext, action, actionParam) {
  var refreshImg = document.getElementById('refreshImg-' + viewName)
  var viewIFrame = getViewIFrameNamed(viewName);
  var iFrameUrl = getViewUrl(viewName, viewContext, action, actionParam)
  if (viewIFrame.contentWindow) {
    viewIFrame.contentWindow.document.location.replace(iFrameUrl)
  } else {
    viewIFrame.src = iFrameUrl
  }  
  if (refreshImg) {
    refreshImg.style.visibility='visible'
  }
  var viewContextPersist=document.getElementById('ViewContextPersist_' + viewName)
  if (viewContextPersist) {
    viewContextPersist.value=thingToJSONString(viewContext)
  }
}

function getViewUrl(viewRef, viewContext, action, actionParam) {
  var url = viewTemplateExecPrefix + '/refreshview?tstyle=View'
  url += '&viewRef=' + escape(viewRef)
  url += '&viewName=' + escape(viewContext['viewName'])
  url += '&linkFunction=' + escape(viewContext['linkFunction'])
  url += '&linkPrefix=' + escape(viewContext['linkPrefix'])
  if (viewContext['popup']) {
    url += '&popup=1'
    if (viewContext['stylesheet']) {
      url += '&stylesheet=' + escape(viewContext['stylesheet'])
    }
  }
  if (viewContext['offset']) {
    url += '&offset=' + viewContext['offset']
  }
  if (viewContext['usePrefix']) {
    url += '&prefix=' + viewContext['prefix']
  }
  if (viewContext['fulltext']) {
    url += '&fulltext=' + viewContext['fulltext']
    url += '&fulltextDir=' + viewContext['fulltextDir']
  }
  if (viewContext['pickerInstanceId']) {
    url += '&pickerInstanceId=' + viewContext['pickerInstanceId']
    for (var i = 0; i < viewContext['pickerValues'].length; i++) {
      url += '&v=' + viewContext['pickerValues'][i]
    }
  }
  if (viewContext['pickerSingle']) {
    url += '&pickerSingle=' + viewContext['pickerSingle']
  }
  if (viewContext['pickerValueColumn']) {
    url += '&pickerValueColumn=' + escape(viewContext['pickerValueColumn'])
  }
  if (viewContext['pickerDisplayColumn']) {
    url += '&pickerDisplayColumn=' + escape(viewContext['pickerDisplayColumn'])
  }
  var parameters = viewContext['parameters']
  url += encodeSetArgsForUrl('parameters', parameters)

  if (viewContext['otherArgs']) {
    url += encodeSetArgsForUrl('otherArgs', viewContext['otherArgs'])
  }

  if (viewContext['orderBy']) {
    url += '&orderBy=' + escape(viewContext['orderBy'])
    url += '&orderDesc=' + viewContext['orderDesc']
  }
  if (viewContext['debug']) {
    url += '&_DEBUG_VIEWS=1'
  }
  if (viewContext['viewParentEditMode']) {
    url += '&viewParentEditMode=1'
  }
  if (action) {
    url += '&action=' + action
    if (actionParam) {
      url += '&actionParam=' + escape(actionParam)
    }
  }
  return url
}

function setViewStatus(viewName, status) {
  var statusDiv = document.getElementById('Status ' + viewName)
  if (statusDiv) {
    statusDiv.innerHTML = status
  }
}

function refreshViewRemoveOrderBy(viewName) {
  setViewStatus(viewName, 'Refreshing ...')

  var viewContext = viewContexts[viewName]
  viewContext['orderDesc'] = 'off'
  viewContext['offset'] = 0

  reloadView(viewName, viewContext)
  return false;
}

function refreshViewWithOrderBy(viewName, orderBy, desc) {
  setViewStatus(viewName, 'Sorting ...')

  var viewContext = viewContexts[viewName]
  viewContext['orderBy'] = orderBy
  viewContext['orderDesc'] = desc
  viewContext['offset'] = 0
  delete viewContext['fulltextDir']

  reloadView(viewName, viewContext)
  return false;
}

/* Refresh the view */
function refreshView(viewName, action, actionParam) {
  setViewStatus(viewName, 'Refreshing ...')
  var viewContext = viewContexts[viewName]
  if (viewContext) {
    reloadView(viewName, viewContext, action, actionParam)
  }
}

/* Back check refresh - check if we've got state (i.e. back button probably pushed) and refresh the view with it */
function backCheckRefreshView(viewName) {

  var viewContext = viewContexts[viewName]
  if (viewContext) {
    var viewContextPersist=document.getElementById('ViewContextPersist_' + viewName)
    if (viewContextPersist && viewContextPersist.value) {
      viewContext=parseJSONString(viewContextPersist.value)
      if (viewContext) {
        viewContexts[viewName]=viewContext;
        if(viewContext['refreshHtml']) {
          parent.document.getElementById(viewName).innerHTML=viewContext['refreshHtml'];
        } else {
          setViewStatus(viewName, 'Refreshing ...')
          reloadView(viewName, viewContext);
        }
      }
    }
  }
}

function addRefreshHtmlToViewContextPersist(viewName,refreshHtml) {
  var viewContextPersist=document.getElementById('ViewContextPersist_' + viewName)
  if (viewContextPersist && viewContextPersist.value) {
    viewContext=parseJSONString(viewContextPersist.value)
    if (viewContext) {
      viewContext['refreshHtml']=refreshHtml;
      viewContextPersist.value=thingToJSONString(viewContext);
    }
  }
}

/* Update the value of the given key */
function updateView(viewName, key, value) {
  var toInt=0
  // Remove any trailing reference
  key=key.split('|')[0]
  if (key.indexOf(':')>-1) {
    var bits=key.split(':')
    key=bits[0]
    if (bits[1]=='Integer') {
      toInt=1
    }
  }

  var viewContext = viewContexts[viewName]
  if (value == '') {
    var returnResult=!(viewContext['parameters'][key]=='' || viewContext['parameters'][key]==undefined)
    delete viewContext['parameters'][key]
  } else {
    if (value && value.split) {
      var values = value.split('|')
    } else {
      if (value.join) {
        // It's an array already
        var values = value
      } else {
        var values = [value]
      }
    }
    if (toInt) {
      for (var i=0;i<values.length;i++) {
        if (values[i]!='') { 
          values[i]=parseInt(values[i]) 
        }
      }
    }
    if (values.length > 1) {
      var returnResult=!((''+values)==(''+viewContext['parameters'][key]))
      viewContext['parameters'][key] = values
    } else {
      var returnResult=!(value==viewContext['parameters'][key])
      viewContext['parameters'][key] = values[0]
    }
  }
  viewContext['offset'] = 0
  return returnResult
}

/* Update the value of the given key and refresh the view */
function updateAndRefreshView(viewName, key, value) {
  updateView(viewName, key, value)
  refreshView(viewName)
}

function setOffsetAndRefreshView(viewName, offset) {
  var viewContext = viewContexts[viewName]
  viewContext['offset'] = offset
  refreshView(viewName)
  return false
}

function setPrefixAndRefreshView(viewName, prefix) {
  var viewContext = viewContexts[viewName]
  viewContext['usePrefix'] = 1
  viewContext['prefix'] = prefix
  refreshView(viewName)
  return false
}

function updateFullText(viewName, value) {
  var viewContext = viewContexts[viewName]
  value=value || ''
  oldValue=viewContext['fulltext'] || ''
  if (value == oldValue) {
    return false
  }  
  if (value == '') {
    delete viewContext['fulltext']
  } else {
    if (!viewContext['fulltext']) {
      viewContext['fulltextDir'] = 'desc'
    }
    viewContext['fulltext'] = value
  }
  viewContext['orderBy'] = undefined
  viewContext['orderDesc'] = undefined
  viewContext['offset'] = 0
  return true
}

/* Update the value of the full text search and refresh the view */
function updateFullTextAndRefreshView(viewName, value) {
  updateFullText(viewName, value)
  refreshView(viewName)
}

function refreshViewWithFulltextDir(viewName, dir) {
  var viewContext = viewContexts[viewName]
  viewContext['fulltextDir'] = dir
  viewContext['orderBy'] = undefined
  viewContext['orderDesc'] = undefined
  viewContext['offset'] = 0
  refreshView(viewName)
  return false
}

function refreshOnEnterKey(event, viewName) {
  if(event.keyCode == 13) {
    updateStateAndRefreshView(viewName)
  }
}

function applyViewFilter(viewName) {
  updateStateAndRefreshView(viewName,1)
}
var viewHeaderFields=[]
var viewHeaderFieldsByViewName={}

function registerViewHeaderFields(viewName,headerFieldsList) {
  viewHeaderFieldsByViewName[viewName]=headerFieldsList
}

function updateStateAndRefreshView(viewName,refreshOnlyIfNeeded) {
  if(refreshOnlyIfNeeded) {
    var refresh=0
  } else {
    var refresh=1
  }
  var filterForm=document.forms['View Filter:' + viewName]
  if (filterForm) {
    var headerFields=filterForm['Filter Fields']
    if (headerFields) {
      headerFields=headerFields.value.split(',')
    } else {
      headerFields=[]
    }
  } else {
    var headerFields=viewHeaderFieldsByViewName[viewName]
    if (!headerFields) {
      // Backward compatibility with old scheme
      headerFields=viewHeaderFields
    }
  }

  for(var i = 0; i < headerFields.length; i++) {
    var headerField = headerFields[i]
    if (filterForm) {
      var v = filterForm[headerField]
    } else {
      var v = document.getElementsByName(headerField)[0]
    }
    if (v) {
      v=formFieldGetValue(new Array(v))
      if (headerField.split('|')[0] == 'FullTextSearch') {
        refresh=updateFullText(viewName, v) || refresh
      } else {
        refresh=updateView(viewName, headerField, v) || refresh
      }
    }
  }
  if (refresh) {
    refreshView(viewName)
  }
}

function hierarchyShowHide(viewRef, a, id) {
  var ids = hierarchyMap[viewRef][id]
  var newDisplay = 'none'
  if (ids[0] == 0) {
    a.innerHTML = '&#x25BC;&nbsp;'
    ids[0] = 1
    var tr = document.getElementById('hierarchyHiddenRow')
    hierarchyShow(viewRef, ids, tr.style.display)
  } else {
    a.innerHTML = '&#x25BA;&nbsp;'
    ids[0] = 0
    hierarchyHide(viewRef, ids)
  }
  return false;
}

function hierarchyHide(viewRef, ids) {
  for(var i = 1; i < ids.length; i++) {
    tr = document.getElementById(ids[i])
    tr.style.display = 'none'
    var childIds = hierarchyMap[viewRef][ids[i]]
    if (childIds) {
      hierarchyHide(viewRef,childIds)
    }
  }
}

function hierarchyShow(viewRef, ids, display) {
  for(var i = 1; i < ids.length; i++) {
    tr = document.getElementById(ids[i])
    tr.style.display = display
    var childIds = hierarchyMap[viewRef][ids[i]]
    if (childIds && childIds[0]) {
      hierarchyShow(viewRef, childIds, display)
    }
  }
}

// Close down all the top-level branches
function hierarchyHideAll(viewRef, root) {
  var ids = hierarchyMap[viewRef][root]
  for(var i = 1; i < ids.length; i++) {
    if (hierarchyMap[viewRef][ids[i]]) {
      hierarchyHideAllSub(viewRef, ids[i])
    }
  }
}
// Ensure the branch is in the collapsed state, and the children are hidden
function hierarchyHideAllSub(viewRef, id) {
  var ids = hierarchyMap[viewRef][id]
  if (ids[0] == 1) {
    ids[0] = 0
    var tr = document.getElementById(id)
    var a = tr.getElementsByTagName('A')[0]
    a.innerHTML = '&#x25BA;&nbsp;'

    for(var i = 1; i < ids.length; i++) {
      var tr = document.getElementById(ids[i])
      tr.style.display = 'none'
      if (hierarchyMap[viewRef][ids[i]]) {
        hierarchyHideAllSub(viewRef,ids[i])
      }
    }
  } else {
    for(var i = 1; i < ids.length; i++) {
      if (hierarchyMap[viewRef][ids[i]]) {
        hierarchyHideAllSub(viewRef,ids[i])
      }
    }
  }
}

// Open up all the top-level branches
function hierarchyShowAll(viewRef,root) {
  var tr = document.getElementById('hierarchyHiddenRow')
  var style = tr.style.display
  var ids = hierarchyMap[viewRef][root]
  for(var i = 1; i < ids.length; i++) {
    if (hierarchyMap[viewRef][ids[i]]) {
      hierarchyShowAllSub(viewRef, ids[i], style)
    }
  }
}
// Ensure the branch is in the expanded state, and the children are shown
function hierarchyShowAllSub(viewRef, id, style) {
  var ids = hierarchyMap[viewRef][id]
  if (ids[0] == 0) {
    ids[0] = 1
    var tr = document.getElementById(id)
    var a = tr.getElementsByTagName('A')[0]
    a.innerHTML = '&#x25BC;&nbsp;'

    for(var i = 1; i < ids.length; i++) {
      var tr = document.getElementById(ids[i])
      tr.style.display = style
      if (hierarchyMap[viewRef][ids[i]]) {
        hierarchyShowAllSub(viewRef, ids[i], style)
      }
    }
  } else {
    for(var i = 1; i < ids.length; i++) {
      var tr = document.getElementById(ids[i])
      tr.style.display = style
      if (hierarchyMap[viewRef][ids[i]]) {
        hierarchyShowAllSub(viewRef, ids[i], style)
      }
    }
  }
}

function updateGanttRange(viewRef) {
  var viewContext = viewContexts[viewRef]
  if (!viewContext['otherArgs']) {
    viewContext['otherArgs'] = {}
  }
  viewContext['otherArgs']['ganttStart'] = document.getElementsByName(viewRef+':GanttStart')[0].value
  viewContext['otherArgs']['ganttEnd'] = document.getElementsByName(viewRef+':GanttEnd')[0].value
  refreshView(viewRef)
}
function thingToJSONString(item) {
  if(item==null) {
    return "null";
  } else {
    switch (typeof item) {
      case 'undefined':
      case 'function':
      case 'unknown':
        return "undefined";
      case 'boolean':
        return booleanToJSONString(item);
      case 'number':
        return numberToJSONString(item);
      case 'string':
        return stringToJSONString(item);
      default:
        if(item.constructor.toString().indexOf("Array")==-1) {
          return objectToJSONString(item);     
        } else {
          return arrayToJSONString(item);
        }
    }
  }
}
function arrayToJSONString (item) {
    var a = ['['], b, i, l = item.length, v;
    for (i = 0; i < l; i += 1) {
        v = item[i];
        switch (typeof v) {
        case 'undefined':
        case 'function':
        case 'unknown':
            break;
        default:
            if (b) {
                a.push(',');
            }
            a.push(thingToJSONString(v));
            b = true;
        }
    }
    a.push(']');
    return a.join('');
};

function booleanToJSONString(item) {
    return String(item);
};

function numberToJSONString(item) {
    return isFinite(item) ? String(item) : "null";
};

function objectToJSONString(item) {
    var a = ['{'], b, i, v;
    for (i in item) {
        if (item.hasOwnProperty(i)) {
            v = item[i];
            switch (typeof v) {
            case 'undefined':
            case 'function':
            case 'unknown':
                break;
            default:
                if (b) {
                    a.push(',');
                }
                a.push(thingToJSONString(i), ':',thingToJSONString(v));
                b = true;
            }
        }
    }
    a.push('}');
    return a.join('');
};

function parseJSONString(item) {
    try {
        if (/^("(\\.|[^"\\\n\r])*?"|[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t])+?$/.test(item)) {
            return eval('(' + item + ')');
        }
    } catch (e) {
    }
    throw new SyntaxError("parseJSON");
};

var _mapJSONStr = {
        '\b': '\\b',
        '\t': '\\t',
        '\n': '\\n',
        '\f': '\\f',
        '\r': '\\r',
        '"' : '\\"',
        '\\': '\\\\'
    };

function stringToJSONString(item) {
    if (/["\\\x00-\x1f]/.test(item)) {
        return '"' + item.replace(/([\x00-\x1f\\"])/g, function(a, b) {
            var c = _mapJSONStr[b];
            if (c) {
                return c;
            }
            c = b.charCodeAt();
            return '\\u00' +
                Math.floor(c / 16).toString(16) +
                (c % 16).toString(16);
        }) + '"';
    }
    return '"' + item + '"';
};