if (document.all && !document.getElementById) {
  document.getElementById = function(id) {
    return document.all[id];
  }
}
if (!String.repeat) {
  String.prototype.repeat = function(l) {
    return new Array(l + 1).join(this);
  }
}
if (!String.trim) {
  String.prototype.trim = function() {
    return this.replace(/^\s+|\s+$/g, '');
  }
} (function() {
  if (!window['ADS']) {
    window['ADS'] = {};
  }
  function isCompatible(other) {
    if (other === false || !Array.prototype.push || !Object.hasOwnProperty || !document.createElement || !document.getElementsByTagName) {
      alert('TR- if you see this message isCompatible is failing incorrectly.');
      return false;
    }
    return true;
  }
  window['ADS']['isCompatible'] = isCompatible;
  function $() {
    var elements = new Array();
    for (var i = 0; i < arguments.length; i++) {
      var element = arguments[i];
      if (typeof element == 'string') {
        element = document.getElementById(element);
      }
      if (arguments.length == 1) {
        return element;
      }
      elements.push(element);
    }
    return elements;
  };
  window['ADS']['$'] = $;
  function addEvent(node, type, listener) {
    if (!isCompatible()) {
      return false
    }
    if (! (node = $(node))) return false;

    if (node.addEventListener) {
      node.addEventListener(type, listener, false);
      return true;
    } else if (node.attachEvent) {
      node['e' + type + listener] = listener;
      node[type + listener] = function() {
        node['e' + type + listener](window.event);
      }
      node.attachEvent('on' + type, node[type + listener]);
      return true;
    }
    return false;
  };
  window['ADS']['addEvent'] = addEvent;

  function addClassName(element, className) {
    if (! (element = $(element))) return false;
    element.className += (element.className ? ' ': '') + className;
    return true;
  };
  window['ADS']['addClassName'] = addClassName;

  function removeClassName(element, className) {
    if (! (element = $(element))) return false;
    var classes = getClassNames(element);
    var length = classes.length
    for (var i = length - 1; i >= 0; i--) {
      if (classes[i] === className) {
        delete(classes[i]);
      }
    }
    element.className = classes.join(' ');
    return (length == classes.length ? false: true);
  };
  window['ADS']['removeClassName'] = removeClassName;

})();

var topNav = {
  showDiv: function() {
    ADS.$('pop_warp').style.display = 'block';
  },
  hiddenDiv: function() {
    ADS.$('pop_warp').style.display = 'none';
  },
  addClass: function() {
    ADS.$('game').className = 'current';
  },
  removerClass: function() {
    ADS.$('game').className = 'game';
  }
}

ADS.addEvent(window, 'load',
function(W3CEvent) {
  var div = ADS.$('pop_warp');
  var btn = ADS.$('game');
  
  div.style.display = 'none';
  ADS.addEvent(btn, 'mouseover',
  function(W3CEvent) {
    topNav.showDiv();
    topNav.addClass();
  });
  ADS.addEvent(div, 'mouseover',
  function(W3CEvent) {
    topNav.showDiv();
    topNav.addClass();
  });
  ADS.addEvent(btn, 'mouseout',
  function(W3CEvent) {
    topNav.hiddenDiv();
    topNav.removerClass();
  });
  ADS.addEvent(div, 'mouseout',
  function(W3CEvent) {
    topNav.hiddenDiv();
    topNav.removerClass();
  });
})