function addDogEar(image, link, size) { // optional 4th callback parameter
  var dbodyEls = document.getElementsByTagName('body');
  var dbody = dbodyEls[0];
  if (olddogear = document.getElementById('dogear')) {
    var oparent = olddogear.parentNode;
    oparent.removeChild(olddogear);
  }
  var dogear = document.createElement('div');
  dogear.style.position = 'absolute';
  dogear.style.top = '0';
  dogear.style.width = size + 'px';
  dogear.style.height = size + 'px';
  dogear.style.zIndex = '99';
  dogear.setAttribute('id', 'dogear');
  if (image.indexOf('left')==-1) { // if the image doesn't say left default to right
    dogear.style.right = '0';
    dehtml = "  <map name=\"dogearmap\"><area id=\"dogeararea\" shape=\"poly\" coords=\"0,0," + size + ",0," + size + "," + size + "\" href=\"" + link + "\" alt=\"\"></map>\n";
  } else {
    dogear.style.left = '0';
    dehtml = "  <map name=\"dogearmap\"><area id=\"dogeararea\" shape=\"poly\" coords=\"0,0,0," + size + "," + size + "," + size + "\" href=\"" + link + "\" alt=\"\"></map>\n";
  }
  dehtml += "  <img src=\"" + image + "\" usemap=\"#dogearmap\" alt=\"\" style=\"border:0;\" />\n";
  dogear.innerHTML = dehtml;
  dbody.appendChild(dogear);
  if (arguments.length>=4) {
    document.getElementById('dogeararea').onclick=arguments[3];
  }
}

function addDogEarDiv(divname, width, height) { // optional 4th callback parameter
  var dbodyEls = document.getElementsByTagName('body');
  var dbody = dbodyEls[0];
  if (olddogear = document.getElementById(divname)) {
    var oparent = olddogear.parentNode;
    oparent.removeChild(olddogear);
  }
  var dogear = document.createElement('div');
  dogear.style.position = 'absolute';
  dogear.style.top = '0';
  dogear.style.width = width + 'px';
  dogear.style.height = height + 'px';
  dogear.style.zIndex = '99';
  dogear.setAttribute('id', divname);
  if (arguments.length>=4) {
    dogear.style.left = '0';
  } else {
    dogear.style.right = '0';
  }
  dbody.appendChild(dogear);
}