function About()
{
  this.init();
}

About.prototype =
{
  container: null,

  init: function()
  {
    var text, containerText;

    this.container = document.createElement("div");
    this.container.className = 'gui';
    this.container.style.position = 'absolute';
    this.container.style.top = '0px';
    this.container.style.visibility = 'hidden';

    containerText = document.createElement("div");
    containerText.style.margin = '10px 10px';
    containerText.style.textAlign = 'left';
    this.container.appendChild(containerText);

    text = document.createElement("p");
    text.style.textAlign = 'center';
    text.innerHTML = '<strong>HARMONIJA</strong> r' + REV + '</a> autors Mr.doob</a>';
    containerText.appendChild(text);

    text = document.createElement("p");
    text.style.textAlign = 'center';
    text.innerHTML = 'Otas: <span class="key">d</span><span class="key">f</span> izm\u0113rs, <span class="key">r</span> atcelt<br />Kr\u0101su: <span class="key">shift</span> aplis, <span class="key">alt</span> irbulis<br />';
    containerText.appendChild(text);

    text = document.createElement("p");
    text.style.textAlign = 'center';
    text.innerHTML = '<a href="http://mrdoob.com/blog/post/689" target="_blank">Koda autors</a>';
    containerText.appendChild(text);

    text = document.createElement("hr");
    containerText.appendChild(text);

    text = document.createElement("p");
    text.innerHTML = 'Z\u012Bmesanas r\u012Bka- skic\u0113tavas tulkojums <a href="http://www.cirkulis.lv" target="_blank">Kr\u0101sojamas lapas b\u0113rniem</a>.';
    containerText.appendChild(text);

    text = document.createElement("p");
    text.innerHTML = 'Z\u012Bmesanas r\u012Bki izklaidei un fant\u0101zij\u0101m';
    containerText.appendChild(text);

    text = document.createElement("p");
    text.style.textAlign = 'center';
    text.innerHTML = '<img class="aligncenter" src="http://www.cirkulis.lv/wp-content/themes/krasolapa/favicon.ico" alt="cirkulis.lv" />';
    containerText.appendChild(text);
  },

  show: function()
  {
    this.container.style.visibility = 'visible';
  },

  hide: function()
  {
    this.container.style.visibility = 'hidden';
  }
}