function updateContent(id, url) {
  saveContent(id);
  setLoading(id);
  loadContent(id, url);
}

function loadContent(id, url) {
  var req = false;
  // For Safari, Firefox, and other non-MS browsers
  if (window.XMLHttpRequest) {
    try {
      req = new XMLHttpRequest();
    } catch (e) {
      req = false;
    }
  } else if (window.ActiveXObject) {
    // For Internet Explorer on Windows
    try {
      req = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        req = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e) {
        req = false;
      }
    }
  }
 var element = document.getElementById('ImgBody_' + id);
 if (!element) {
  alert("Bad id " + id + 
   " passed to clientSideInclude." +
   "You need a div or span element " +
   "with this id in your page.");
  return;
 } 
	
  if (req) {
    // Synchronous request, wait till we have it all
    req.open('GET', url, false);
    req.send(null);
    element.innerHTML = req.responseText;
  } else {
    element.innerHTML =
   "Sorry, your browser does not support " +
      "XMLHTTPRequest objects. This page requires " +
      "Internet Explorer 5 or better for Windows, " +
      "or Firefox for any system, or Safari. Other " +
      "compatible browsers may also exist.";
  }
}


function saveContent(id){
 var element = document.getElementById('ImgBody_' + id);
 if (!element) {
  alert("Bad id " + id + 
   " passed to clientSideInclude." +
   "You need a div or span element " +
   "with this id in your page.");
  return;
 }
 var elementSaved = document.getElementById('ImgBody_' + id + '_Saved');
 if (!element) {
  alert("Bad id " + id + 
   "_Saved passed to clientSideInclude." +
   "You need a div or span element " +
   "with this id in your page.");
  return;
 } 
 
 elementSaved.innerHTML = element.innerHTML; 
}

function restoreSavedContent(id){
 var element = document.getElementById('ImgBody_' + id);
 if (!element) {
  alert("Bad id " + id + 
   " passed to clientSideInclude." +
   "You need a div or span element " +
   "with this id in your page.");
  return;
 }
 var elementSaved = document.getElementById('ImgBody_' + id + '_Saved');
 if (!element) {
  alert("Bad id " + id + 
   "_Saved passed to clientSideInclude." +
   "You need a div or span element " +
   "with this id in your page.");
  return;
 } 
 
 element.innerHTML = elementSaved.innerHTML;
}

function setLoading(id){
 var element = document.getElementById('ImgBody_' + id);
 if (!element) {
  alert("Bad id " + id + 
   " passed to clientSideInclude." +
   "You need a div or span element " +
   "with this id in your page.");
  return;
 }
 var elementLoading = document.getElementById('loading');
 if (!element) {
  alert("Bad id " + id + 
   "_Saved passed to clientSideInclude." +
   "You need a div or span element " +
   "with this id in your page.");
  return;
 }
  
 element.innerHTML = elementLoading.innerHTML;
}

function deleteContent(id, url) {
  var req = false;
  // For Safari, Firefox, and other non-MS browsers
  if (window.XMLHttpRequest) {
    try {
      req = new XMLHttpRequest();
    } catch (e) {
      req = false;
    }
  } else if (window.ActiveXObject) {
    // For Internet Explorer on Windows
    try {
      req = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        req = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e) {
        req = false;
      }
    }
  }
 var element = document.getElementById('ImgBody_' + id);
 if (!element) {
  alert("Bad id " + id + 
   " passed to clientSideInclude." +
   "You need a div or span element " +
   "with this id in your page.");
  return;
 }
 var elementSaved = document.getElementById('ImgBody_' + id + '_Saved');
 if (!element) {
  alert("Bad id " + id + 
   "_Saved passed to clientSideInclude." +
   "You need a div or span element " +
   "with this id in your page.");
  return;
}
elementSaved.innerHTML = element.innerHTML;
  if (req) {
    // Synchronous request, wait till we have it all
    req.open('GET', url, false);
    req.send(null);
    element.innerHTML = req.responseText;
  } else {
    element.innerHTML =
   "Sorry, your browser does not support " +
      "XMLHTTPRequest objects. This page requires " +
      "Internet Explorer 5 or better for Windows, " +
      "or Firefox for any system, or Safari. Other " +
      "compatible browsers may also exist.";
  }
}

function restoreContent(id, url) {
  var req = false;
  // For Safari, Firefox, and other non-MS browsers
  if (window.XMLHttpRequest) {
    try {
      req = new XMLHttpRequest();
    } catch (e) {
      req = false;
    }
  } else if (window.ActiveXObject) {
    // For Internet Explorer on Windows
    try {
      req = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        req = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e) {
        req = false;
      }
    }
  }
 var element = document.getElementById('ImgBody_' + id);
 if (!element) {
  alert("Bad id " + id + 
   " passed to clientSideInclude." +
   "You need a div or span element " +
   "with this id in your page.");
  return;
 }
 var elementSaved = document.getElementById('ImgBody_' + id + '_Saved');
 if (!element) {
  alert("Bad id " + id + 
   "_Saved passed to clientSideInclude." +
   "You need a div or span element " +
   "with this id in your page.");
  return;
 }
  if (req) {
    // Synchronous request, wait till we have it all
    req.open('GET', url, false);
    req.send(null);
	var resultString = req.responseText;
	var resultStringPosition = resultString.search('Item Restored');
	
	if(resultStringPosition >=1){
		element.innerHTML = elementSaved.innerHTML;
	}
	else {
		element.innerHTML = req.responseText;
	}
  } else {
    element.innerHTML =
   "Sorry, your browser does not support " +
      "XMLHTTPRequest objects. This page requires " +
      "Internet Explorer 5 or better for Windows, " +
      "or Firefox for any system, or Safari. Other " +
      "compatible browsers may also exist.";
  }
} 

function toggleLayer( whichLayer )
{
  var elem, vis;
  if( document.getElementById ) // this is the way the standards work
    elem = document.getElementById( whichLayer );
  else if( document.all ) // this is the way old msie versions work
      elem = document.all[whichLayer];
  else if( document.layers ) // this is the way nn4 works
    elem = document.layers[whichLayer];
  vis = elem.style;
  // if the style.display value is blank we try to figure it out here
  if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
    vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'':'none';
  vis.display = (vis.display==''||vis.display=='block')?'none':'';
}

function hideLayer( whichLayer )
{
  var elem, vis;
  if( document.getElementById ) // this is the way the standards work
    elem = document.getElementById( whichLayer );
  else if( document.all ) // this is the way old msie versions work
      elem = document.all[whichLayer];
  else if( document.layers ) // this is the way nn4 works
    elem = document.layers[whichLayer];
  vis = elem.style;
  // if the style.display value is blank we try to figure it out here
  if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
    vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'none':'none';
  vis.display = (vis.display==''||vis.display=='block')?'none':'none';
}