function deleteItem(sRef)
{
  var width = (window.innerWidth) ? window.innerWidth : document.body.clientWidth;
  var body = document.body;
  var html = document.documentElement;
  var height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);

  var layer = document.createElement('div');
  layer.style.zIndex = 8;
  layer.id = 'layer';
  layer.style.position = 'absolute';
  layer.style.top = '0px';
  layer.style.left = '0px';
  layer.style.height = height + 'px';
  layer.style.width = '100%';
  layer.style.backgroundColor = 'black';
  layer.style.opacity = '0.70';
  layer.style.filter += ("progid:DXImageTransform.Microsoft.Alpha(opacity=70)");
  layer.style.display = 'block';
  document.body.appendChild(layer);  

  var div = document.createElement('div');
  div.style.zIndex = 9;
  div.id = 'box';
  div.style.position = 'absolute';
  div.style.top = '230px';
  div.style.left = (width / 2) - (450 / 2) + 'px'; 
  div.style.height = '100px';
  div.style.width = '450px';
  div.style.backgroundColor = '#6d5331';
  div.style.border = '2px solid white';
  div.style.padding = '5px';
  document.body.appendChild(div);

  var a = document.createElement('a');
  a.innerHTML = '<table width="100%" height="100%" border="0" cellpadding="15" cellspacing="0"><tr><td align="center" valign="middle">' +
    '<form><table border="0" cellpadding="5" cellspacing="0"><tr>' +
    '<td>Are you sure you want to delete ' + sRef + '?</td></tr>' +
    '<tr><td height="10"></td></tr>' +
    '<tr><td align="center"><button type="button" onClick="okDeleteItem(\'' + sRef + '\')">&nbsp; Yes &nbsp;</button>' +
    ' &nbsp; <button type="button" onClick="closeDeleteItem()">&nbsp; No &nbsp;</button></td>' +
    '</tr></table></form></td></tr></table>';
  div.appendChild(a);
}
function okDeleteItem(sRef) 
{
  var xmlhttp = getXmlHttpObject();
  xmlhttp.open('POST', 'deleteitem.php?ref=' + sRef, false);
  xmlhttp.send(null);
  closeDeleteItem();
  window.location.reload();
}
function closeDeleteItem() 
{
  document.body.removeChild(document.getElementById('layer'));
  document.body.removeChild(document.getElementById('box'));
}