function getElementsByClass(searchClass,node,tag) {
  var classElements = new Array();
  if(node == null) {
    node = document;
  }
  if(tag == null) {
    tag = '*';
  }
  var els = node.getElementsByTagName(tag);
  var elsLen = els.length;
  var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
  for (var i = 0, j = 0; i < elsLen; i++) {
    if(pattern.test(els[i].className)) {
      classElements[j] = els[i];
      j++;
    }
  }
  return classElements;
}


function init(e) {

  var border = {
    content: [0, 20, 20, 20],
    offset: [0, 0, 0, 0],
    tr: [0, 0],
    br: [28, 25],
    bl: [28, 25],
    tl: [0, 0]
  };

  addCustomBorder("images/borders/ombre.png", "wrap", "wrap", [240, 240], border);


  border = {
    content: [1, 20, 1, 24],
    offset: [0, 0, 0, 0],
    tr: [14, 11],
    br: [5, 3],
    bl: [5, 3],
    tl: [5, 5]
  };

  var lis = document.getElementById("menu").getElementsByTagName("li");
  addCustomBorder("images/borders/menu.png", lis, "menu", [128, 32], border);


  border = {
    content: [5, 5, 5, 5],
    offset: [0, 0, 0, 0],
    tr: [9, 9],
    br: [9, 9],
    bl: [9, 9],
    tl: [9, 9]
  };

  var box = getElementsByClass("box");
  addCustomBorder("images/borders/box.png", box, "box", [231, 231], border);

  YAHOO.util.Event.addListener(getElementsByClass("th"), "click", showImagePopup);
}


function showImagePopup(e) {

  var images = this.getElementsByTagName('img');
  var image = images[0];

  window.open('popup_image.php?pId=' + image.className, 'image',
    'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=640,height=480,screenX=150,screenY=150,top=150,left=150');

  YAHOO.util.Event.stopEvent(e);
}


YAHOO.util.Event.addListener(window, "load", init);