function changeImg(id, sw) {

  var extension = document.getElementById(id).src.lastIndexOf('.') + 1;

  if(sw == 'on') {
    document.getElementById(id).src = './img/' + id + '_on.' + document.getElementById(id).src.substr(extension, 3);
  }
  else {
    document.getElementById(id).src = './img/' + id + '.' + document.getElementById(id).src.substr(extension, 3);
  }
}
function changeImg2(id, sw) {

  var extension = document.getElementById(id).src.lastIndexOf('.') + 1;

  if(sw == 'on') {
    document.getElementById(id).src = '../img/' + id + '_on.' + document.getElementById(id).src.substr(extension, 3);
  }
  else {
    document.getElementById(id).src = '../img/' + id + '.' + document.getElementById(id).src.substr(extension, 3);
  }
}

new function(){
  if(window.opera || navigator.userAgent.indexOf("Firefox") != -1){
    var wordBreak = function() {
      var wordBreakClass = "topic_text";
      var table = document.getElementsByTagName("div");
      for(var i=0,len=table.length ; i<len ; i++){
        var tbClass = table[i].className.split(/\s+/);
        for (var j = 0; j < tbClass.length; j++) {
          if (tbClass[j] == wordBreakClass) {
            recursiveParse(table[i])
          }
        }
      }
    }
    var recursiveParse = function(pNode) {
      var childs = pNode.childNodes;
      for (var i = 0; i < childs.length; i++) {
        var cNode = childs[i];
        if (childs[i].nodeType == 1) {
          recursiveParse(childs[i]);
        }else if(cNode.nodeType == 3) {
          if(cNode.nodeValue.match("[^\n ]")){
            var spTxt = cNode.nodeValue.split("");
            spTxt = spTxt.join(String.fromCharCode(8203));
            var chNode = document.createTextNode(spTxt);
            cNode.parentNode.replaceChild(chNode,cNode)
          }
        }
      }
    }
    
    var addEvent = function(elm,listener,fn){
      try{
        elm.addEventListener(listener,fn,false);
      }catch(e){
        elm.attachEvent("on"+listener,fn);
      }
    }
    addEvent(window,"load",wordBreak);
  }
}