(function(){
     function load(){
      if(arguments.length == 0) return null
      if(window.addEventListener) {
          for(var i=0; i<arguments.length; i++) {
            if(typeof arguments[i] === 'function')
            window.addEventListener('load', arguments[i], false)
          }
      }
      else {
          for(var i=0; i<arguments.length; i++) {
            if(typeof arguments[i] === 'function')
            window.attachEvent('onload', arguments[i])
          }
      }
     }
     
     function coordinats(e){
        var obj = {x: 0, y: 0}
        while(e) {
          obj.y += e.offsetTop;
          obj.x += e.offsetLeft;
          e = e.offsetParent;
        }
        return obj;
     }

     load(function(){
        var images = document.getElementsByName('desc_show');
        var wrap_hint = document.createElement('div');
            wrap_hint.style['position'] = 'absolute';
            wrap_hint.style['opacity'] = '0';
            wrap_hint.style['-mox-opacity'] = '0';
            wrap_hint.style['-khtml-opacity'] = '0';
            wrap_hint.style['filter'] = 'alpha(opacity = 0)';
            wrap_hint.style['background'] = 'url(/skin/images/ref.jpg)';
            wrap_hint.style['border'] = 'solid 1px #aba38a';
            wrap_hint.style['width'] = '200px'
            wrap_hint.style['padding'] = '5px';
            wrap_hint.style['top'] = '-50px';
            
        document.body.appendChild(wrap_hint);
        
        for(var i=0; i<images.length; i++) {
           images[i].parentNode.nextSibling.nextSibling.style.display = 'none';
        }
        
        var interval;
        var opac = 0;
        
        for(var i=0; i<images.length; i++) {
           var im = images[i];
           im.onmouseover = function(){
              if(this.parentNode.nextSibling.nextSibling.innerHTML == "") return;
              clearInterval(interval);
              var INNER_HTML = this.parentNode.nextSibling.nextSibling.innerHTML;
              wrap_hint.innerHTML = INNER_HTML;
              wrap_hint.style['left'] = coordinats(this).x + this.width + 20 + 'px';
              wrap_hint.style['top']  = coordinats(this).y + -20 + 'px';
              
              interval = setInterval(function(){
                 opac += 0.1;
                 if(opac >= 1) {
                    opac = 1;
                    wrap_hint.style['opacity'] = opac + '';
                    wrap_hint.style['-mox-opacity'] = opac + '';
                    wrap_hint.style['-khtml-opacity'] = opac + '';
                    wrap_hint.style['filter'] = 'alpha(opacity = '+ opac * 100 +')';
                    clearInterval(interval);
                 }
                 else {
                    wrap_hint.style['opacity'] = opac + '';
                    wrap_hint.style['-mox-opacity'] = opac + '';
                    wrap_hint.style['-khtml-opacity'] = opac + '';
                    wrap_hint.style['filter'] = 'alpha(opacity = '+ opac * 100 +')';
                 }
              }, 20)
           }
           
           im.onmouseout = function(){
              clearInterval(interval);
              interval = setInterval(function(){
                 opac -= 0.1;
                 if(opac <= 0) {
                    opac = 0;
                    wrap_hint.style['opacity'] = opac + '';
                    wrap_hint.style['-mox-opacity'] = opac + '';
                    wrap_hint.style['-khtml-opacity'] = opac + '';
                    wrap_hint.style['filter'] = 'alpha(opacity = '+ opac * 100 +')';
                    clearInterval(interval);
                 }
                 else {
                    wrap_hint.style['opacity'] = opac + '';
                    wrap_hint.style['-mox-opacity'] = opac + '';
                    wrap_hint.style['-khtml-opacity'] = opac + '';
                    wrap_hint.style['filter'] = 'alpha(opacity = '+ opac * 100 +')';
                 }
              }, 20)   
           }
        }
     });
})();