function DomCorners (selector, image, height) {
  var elements = document.getElementsBySelector(selector);
  elements.each(function (element) {
    if (element) {
      var corners = new Array(4);
      for (i = 0; i < 4; i++) {
        corners[i] = document.createElement("b");
        corners[i].style.display = "block";
        corners[i].style.height = height+"px";
        corners[i].style.fontSize = "1px";
        if (i % 2 == 0) {
          corners[i].style.background = "url("+image+") no-repeat 0 -"+ i*height +"px";
        }
        else {
          corners[i].style.background = "url("+image+") no-repeat 100% -"+ i*height +"px";
        }
      }
      corners[0].appendChild(corners[1]);
      corners[2].appendChild(corners[3]);
      element.style.padding = "0";
      element.insertBefore(corners[0], element.firstChild);
      element.appendChild(corners[2]);
    }
  });
}
function DomBars (selector, image, height) {
  var elements = document.getElementsBySelector(selector);
  elements.each(function (element) {
    if (element) {
      var bars = new Array(2);
      for (i = 0; i < 2; i++) {
        bars[i] = document.createElement("b");
        bars[i].style.display = "block";
        bars[i].style.height = height+"px";
        bars[i].style.fontSize = "1px";
        if (i == 0) {
          bars[i].style.marginTop = "-"+height+"px";
        }
        else {
          bars[i].style.marginBottom = "-"+height+"px";
        }
        bars[i].style.background = "url("+image+") no-repeat 0 -"+ i*height +"px";
      }
      element.style.padding = "0";
      element.insertBefore(bars[0], element.firstChild);
      element.appendChild(bars[1]);
    }
  });
}

function showBigAvatar() {
  id = this.id.replace('-avatar', '-bigavatar');
  Element.show(id);
}
function hideBigAvatar() {
  id = this.id.replace('-avatar', '-bigavatar');
  Element.hide(id);
}
function setupMB() {
  DomCorners(".odd div", "/images/mb_oddc.gif", 8);
  DomCorners(".even div", "/images/mb_evenc.gif", 8);
  DomCorners("#post_area", "/images/pb_areac.gif", 5);
  var avatars = document.getElementsBySelector('.message .avatar');
  avatars.each(function (avatar) {
    avatar.onmouseover = showBigAvatar;
    avatar.onmouseout  = hideBigAvatar;
  });
}
function setupEvCorners() {
  DomCorners(".event_list", "/images/mb_evenc.gif", 8);
  DomCorners("#addevent_area", "/images/ae_areac.gif", 4);
}
function setupCorners () {
  DomCorners("#tips", "/images/mb_evenc.gif", 8);
  DomCorners(".mainbox", "/images/bigc.gif", 10);
}
Event.observe(window, "load", setupCorners);