//Javascript image replacement
//Replaces text with image
//check for image support method
//found on http://www.quirksmode.org/dom/fir.html
//(thanks PPK)
function JS_IR(d){
  var testImageName = '/g/test.gif';
  this.init = function(){
    if(!document.createElement || !document.getElementsByTagName){return;}
    var testImg = new Image();
    var tmp = new Date();
    var suffix = tmp.getTime();
    testImg.src = testImageName+'?'+suffix;
    testImg.onload = function(){IR()};
  }
  this.createAlt = function(o){
    var alt = '';
    var el = o.childNodes;
    for(var i=0; i<el.length; i++){
      if(el[i].childNodes.length > 0){
        alt += this.createAlt(el[i]);
      }else if(el[i].nodeName=='#text'){
        alt+=el[i].nodeValue;
      }
    }
    return alt;
  }
  IR = function(){
    if(d==null){d='*';}
    var el=document.getElementsByTagName(d), i=0;
    while(i<el.length){
      var rep=false, alt='', j=0;
      if(el[i].className.indexOf('JS_IR')!=-1){
        if(el[i].nextSibling.nodeName=='#comment'){
          rep = el[i].nextSibling.nodeValue;
          alt = this.createAlt(el[i]);
        }else if(el[i].nextSibling.nextSibling.nodeName=='#comment'){//allow 1 new line
          rep = el[i].nextSibling.nextSibling.nodeValue;
          alt = this.createAlt(el[i]);
        }
        if(rep != false){
          var img = document.createElement('img');
          img.setAttribute('src', rep);img.setAttribute('alt', alt);img.setAttribute('title', alt);
          while(el[i].firstChild){el[i].removeChild(el[i].firstChild);}
          el[i].appendChild(img);
        }
      }
      i++;
    }
  }
  this.init();
}


//replaces text in tag (class="JS_IR") with image (<!--/path/to/image.gif-->)
//<h1 class="JS_IR">Replace this text</h1><!--/path/to/image.gif-->

<script type="text/javascript">
function JS_IR(d){
  if(!document.createElement || !document.getElementsByTagName){return;}
  if(d==null){d='*';}
  var el=document.getElementsByTagName(d), i=0;
  while(i<el.length){
    var rep=false, alt='', j=0;
    if(el[i].className.indexOf('JS_IR')!=-1){
      while(j<el[i].childNodes.length){
        if(el[i].childNodes[j].nodeName=='#comment'){
          rep = el[i].childNodes[j].nodeValue;
        }else if(el[i].childNodes[j].nodeName=='#text'){
          alt = el[i].childNodes[j].nodeValue;
        }
        j++;
      }
      if(rep != false){
        var img = document.createElement('img');
        img.setAttribute('src', rep);img.setAttribute('alt', alt);img.setAttribute('title', alt);
        while(el[i].firstChild){el[i].removeChild(el[i].firstChild);}
        el[i].appendChild(img);
      }
    }
    i++;
  }
}

JS_IR();
</script>