Event.onDOMReady( function() {

  /* Replace titles */
  $A( document.getElementsByTagName("h2") ).each( function(element) {

    var size;
    var mysubsite = subsite;
    Element.classNames(element).each( function(className) {
      if (!mysubsite) {
        var match = className.match(/h2-subsite-(global|bemiddeling|executive|project|support)(\s|$)/);
        if (match) mysubsite = match[1];
      }
      if (!size) {
        var match = className.match(/h2-size-(\d+x\d+)(\s|$)/);
        if (match) size = match[1];
        if (size) {
          var dimensions = size.match(/(\d+)x(\d+)/);
          Element.setStyle(element, { width: dimensions[1]+"px", height: dimensions[2]+"px" });
        }
      }
    } );

    setPNGbackground(element, getTitleURL(element, mysubsite, size));
    Element.setStyle(element, { textIndent: "-2000px" });
  } );

  /* Replace subtitles */
  $A( document.getElementsByTagName("h3") ).each( function(element) {
    setPNGbackground(element, getSubtitleURL(element, subsite));
    Element.setStyle(element, { textIndent: "-2000px" });
  } );

  /* Replace buttons */
  $A( document.getElementsByClassName("button") ).each( function(element) {
    setPNGbackground(element, "/images/bg_button100px.png");
  } );

} );

function getTitleURL(element, subsite, size) {
  //var text = element.childNodes[0].nodeValue;
  var text = element.innerHTML;
  text = text.replace( /\\n/gi, "[n]" );
  text = text.replace( /\?/g, "%3F" );
  if (size) text = text + "-" + size;
  var url = "/images/"+escape(subsite)+"/title/"+escape(text)+".png";
  return url;
}
function getSubtitleURL(element, subsite) {
  var text = element.childNodes[0].nodeValue;
  text = text.replace( /\?/g, "%3F" );
  var url = "/images/"+escape(subsite)+"/subtitle/"+escape(text)+".png";
  return url;
}

/* Set a PNG as a background images */
function setPNGbackground(element, url) {
  var isIE = false; /*@cc_on isIE = true; @*/
  if (isIE) {
    Element.setStyle( element, { filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+url+"', sizingMethod='crop')" } );
  }else{
    Element.setStyle( element, { backgroundImage: "url("+url+")" } );
  }
}