// ==UserScript==
// @name          DiG Toggle Header
// @namespace     http://zoolcar9.lhukie.net/
// @include       http://diveintogreasemonkey.org/*
// @include       http://www.diveintogreasemonkey.org/*
// @description	  Shows/hides header
// ==/UserScript==

(function() {
  var intro = document.getElementById('intro');
  if(!intro) return;

  var style = document.createElement('style');
      style.setAttribute('type', 'text/css');
      style.innerHTML = (
        '#showintro {\n' +
        '  display: none;\n' +
        '  position: fixed;\n' +
        '  top: 0; left: 0;\n' +
        '  width: 20px;\n' +
        '  height: 20px;\n' +
        '  background:\n' +
        '    transparent\n' +
        '    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAUCAYAAADRA14pAAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAjSSURBVHja7FhrTJRnFn6GYW5cZgaG4Y4oF2kLighqQW0M6MZdtItGdE0TZdVu5M8W283S7IKraTfWxmhMTde02ZTtRl2hi5sotSWuIm1VEEUEHMGBQQRmxrkwDOPcL3veYdjggDT%2B3e6bfJmP93uf853nO%2Bd9znnh%2BHw%2B%2FJRGCH5iI3T6hsPhBD8LoyucLhFd%2FMCcky4bXc%2Foss5c%2FGOZQvYj6CciYFcQmHYE7FgIb3kZx8meIGCH%2BcYNTHsCPjrInmNO3LSj04Szs7OZgWhDsiHbEG%2FY7ea7i30cX9LUYs4o1829HTMWc0o2IuulKWNvb69zPsKLFy8WeL3eGIPckGuOMv%2Fay%2FWugQ%2FxUy%2BFhmzekxgkn8h0sq6QkBB9f3%2B%2FYz6iOTk5LEgRoaGhyVwudy35nc38DTw2kh%2BDHo%2Bn2e12j7AP2dPT434h4fLycj4tTvhO8t1uHU93uLhwCTYW5yEhOQp2nxP3%2B4Zw41Yf7rQNQu6S%2F2ntxNq%2F0UvVDQ0NzrkIl5aWClwuV%2FIPwh%2Fetnqt1YtKhCh%2Fswgpi2Jg9TrQ3t2PK1cVmLhGYQ8JO7ravvpzHo830tTUNCfp7du3h5J%2FUq1W%2B4bdbt%2BWn5%2BPwsJCxMXFgQhiYGAA9%2B7dA5GEUCj8iuZbyT9TfX29e1ZKs5Genp54fvL8XmuoueaT996GUMRHS88DjFC2eUN88EbwUVq%2BAnlr0%2FD3Uy2HO8M6eTsid%2FyVoENzObhgwYKUc%2BPnKq0%2B67uHjvwCojABmu50QuUzw8PsiQX41b4iDG%2FU4vLhger2sHbezqidfyGoci575F%2FU3bt319HtlqqqKkYKlGFwOv1JBpFIhA0bNmDZsmUgktssFgt3%2BfLlLfRIN0u0jh8%2FHq0Va1eoXKqao%2B9VQJwgxpEvGrGevwuNX9zEowE19JNWdCm18AlDUVb5OthahmHYYOdqamrkmghN0YRl4t3DRzYhKkWK6hMXUCb4LRqOd6BXMQyNyYK23lH4RDwU%2FTERbC3DMGywvRMnTkRQtqQZDIYtlZWViImJwdmzZ0GEcPHiRQwPD4MI4smTJ%2BDz%2BSgrKwNbyzAMO4vwwoUL45p1zb8pKVyKxCQZVF4jvBwfKooq0P37B4gfysL3l%2B7BYXdheMQMkUyEtPx4XDdef4thgx1MSUlJuKy5vC%2BtRIRUetzn1bE9iwPrD0D%2FsR7J%2FUtx65wSdpsTSpUJYbGkZWsA8uEthg22R%2B%2BQdHd3l7A0ZilstU5p5ubNm%2F3EaU%2BjtbUVDocDOp0OYrEYmZmZePjw4RqGnUU4Pj4%2B0eg05q4rzMGAXU97wvNfIZKGSVFXUYczZfVQfquBqmcU6pFJpOTFQm1TFzFssIM0l%2By0Ol8rLSmAwqqBy0UCGtjmsggZrhy4gku7LuHhP9VQdmjwRDWBlCIRbJO2fIadw14URXABI2w2m%2F17dtq%2FyMhIHDp0CLW1tejq6oJSqYRer0dGRgbGx8czGXYWYYlEEm9z2eSZmYkwO2yw2p3weJ8XonVZ6%2FDokBKl4jKouscgTg0HwzBssINSqTTR5%2FDJcnJSMW63wmJzTBWNmaK2tBS%2BT33YHrUdfR06RGVEgmEYNtgevUNC0ROnpqaCBMsfyWChLCgoQGNjI3Jzc%2F2k5XI5Wydm2FmiFRERwWquX41tJAJWtxNej%2FeF5cHj9cLudT2HnTmm55gaW8m5Z67ZhJ83yNY657Pnr92k0n6Ror3pv3%2FRoFLoz4KZ2OciTBvdIRFKxrv6VbTYAytFhJGaOVr6WlBwtAAX9A2QvyKDdtAEhmHY4BeyOU44x9zW00d23LBYbbMIN91vgvR3UtRr6iHPDcfoQxMY5gX23OHh4c9Y5BgZFmVvkH8dHR3YtWuX%2F5cqBNRqNRiGYWcRFggEulULVz36%2FqYC0WIhHE4XGZxKGZPVhKrzVdhWvwUhS92QZ8QgNI6DsU49GIZhgx2kevo0OyNb1fzv%2B5BLRbA7KHoB%2FwwWA3Z8tgObPt8E7ko3JNki8JI4sN2gxocwDBtsj95hpqZD09nZyUj4Izyd0pOTkzh27BgOHjzoT%2BPk5GQWVQwODrJGRcOwswjT11IdLD3YebtNiRG1HtFSlgU%2B1N2owyt%2FzsI1zrdYXJgGH9cHHmmoyWCB%2Fr4JDMOwwQ7S3lEe%2BeWRLiM1FUNPtJBHi6bKy5UTiKmKwUXOV4gtEcMb6gU%2FhT7CU%2Bos2wGGYdg5UlS3b9%2B%2BIVJqUOPhJ80Is5JEDYm%2F6ViyZIm%2FgWJkTSYTHj9%2BDIZh2Gk7XKZubJAB%2FamPT4VRZxJ76h9fLkzPjUdmQSK%2BHriMxFw5BFI%2B1V8fBKkhmJh8BsWXg6jdWHu9PK%2B8njTh%2BrSdGaqqFbgFYkeEI%2F7MZ9%2BkxK2iMrY2GucfUPqulEAoow8q8kGYEYLxiWdwnAQqt1be3Jq9tSErK6t5VmMfFjZJYiYg%2F8RnzpyRMwWmdWhvb0daWpr%2FA9AzREVF%2BetxS0sL9uzZo1i%2Ffv0tKlGKOTstEoFrNT%2BvkfO4PEHt8drXM%2FITkbo8FpGpIr9AaQaMGP1aD13XOD5484Nb1T%2BrbqBoXHuRcFCqNdduqI3lc%2FnCk384mcfqbNrqCEgySN1JoEYUeljO08I24J2d73RWF1c3UrPQ%2FEJd83ge7N27V0w1l3f69OkM6tP9pSc2NtYvUGNjY1AoFBgaGsL%2B%2FfuVu3fvbiP%2FHsx7eKC%2FY8lwaa%2B6d%2BtH33z06tW%2Bqwlas5adcBAnjrMWZxWr39%2F4viI7IbuRvmgT4Z7Od3igtEog0dgyYBooq7lYs7i1pzXWZ%2FT585sTzbG9kfPG0w83f9ifLk3%2FF6nvBSo76h85KInJvzzanyvr6uoSb9%2B%2BLTUajX4Vjo6OdqxYscJUUVExRlFvJ%2F86ado8L%2BEZx718yv0COsG8ytriwPQwzSloroPW33mZ4%2BHo6GghRWYVCchrJEr%2BxoKEZ4RFgKLTlpSUdPMlj7aLyJc08oWd5GSBOQPNjdLcIN2r5j0e%2Fv8%2FHv%2Bj4z8CDABS0UCZf6OgLgAAAABJRU5ErkJggg%3D%3D)\n' +
        '    top left\n' +
        '    no-repeat;\n' +
        '  float: right;\n' +
        '  cursor: pointer;\n' +
        '}\n\n' +
        '#showintro:hover {\n' +
        '  background-position: top center;\n' +
        '}\n\n' +
        '#hideintro {\n' +
        '  display: block;\n' +
        '  width: 16px;\n' +
        '  height: 16px;\n' +
        '  background:\n' +
        '    transparent\n' +
        '    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAQCAYAAABQrvyxAAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAbqSURBVHjaYmRgYGADYj4oTQr4BcSfoOwB0w8QQCxAQrCDlz2Zh5HRjYmRQZaZgUEJn66%2FDAz3%2Fv1nePzl%2F%2F9dFZ9%2FzgWJUUs%2FKyODPTEu%2F%2F2f4SBMP0AAgTzACNLslxJrLyAmDLThHwPDv78M%2F4GY4f9fBPsvhP%2F%2F3z%2Bl96%2FfKW1buxtk1jwQAdIfu3%2B3PZ%2BBLpAH1P%2FnNxD%2FAYYRMJB%2B%2F0bCIP4vpa%2BXrigtSCtA0W%2BoxGf%2FhfE%2FAzsjI9Ce%2F0DR%2F0Cr%2F4HsY%2FgH9PG%2FfyA2hOb6%2F9%2F%2BymuwX%2BYBBBDIA%2F%2BYGRlkBOWlGP68ecbw5%2B0zsIb%2F%2FyGK%2F0FpCB9oAb8Ag6C0KIOwqIAMw6cX%2F0CmgPTzGegxMNy%2Fz8Dw8BLEs2D8B0L%2Fg%2BK%2FQE8IKzNwa2owiKnIyzCcuwnWDwr57%2FzcDJIcrAzCrMwMzAxQO%2F%2FCHP8X7Pi%2FUA%2F9Bpp5880HUGz9AwggJmNjY2YmBgZlBqDGvz%2FeM%2FwHGsKXXsXAJC0LjO5fDH%2F%2F%2F2JglpVnEM6pZ%2FjHxcHw9etHBgYOFgZ2TnZlkF64fqClDE%2BuAVPlVwYGTRsgl5WB4f0HBoYPQPXMnAwMxh4MDN%2BBHnh8BayUg5cLrh%2FsCV5eBhERQQYxGUkG0dAkBhF1DQZhMSEwFtHQZBCPSmMQkZGC8EEpBQhAegECiMXGxoaV4c5VoJn%2FwTHHF1fKwK5vxcCmps%2FwurcIGAMMDOIlfQxMXDwMYimMDE8nVQMd8A8czWC9IADUDw5tULIxcWFgkFFhALqEgWHXcoha92hgFuVgYLALZGDYsQiaHFH1M7IwMzCxsjAw2fkC9SszMEnJM%2FzbuYKBERjiLO4RDAws7AxsTEwMP3atZmBmBkccWD9AALGoqalBcj8wmv4BLfu0ZRGDsKoe2MGixX1gKRD777cvDO82LoDkon8QA%2BB6QeAPNJ1fPAJxPMjBbpEQORD753cGhrN7Iekb5AFggCHrByURkLn%2FgPoZRaWBUcLBwOwWAU66DKzsDP9%2F%2FmD4ff4wRC1UD0g%2FQACxKCsrsz8Euenzd4afD98y%2FL5yj%2BHHoyQGqZ45DMy8fJCS4%2FMnhrv5CQzf790CJilgWhSWBDsEpBckD9LPALSA4c1bBoZnLxkYnk9mYIjOZmDg5ILY9A2YrKa1AZPPfYg6VROwK5D1%2F3v3meHPizcMv%2B88ZWC4%2BpCBJTqd4T87B1jdv%2B8fGb7Pn8Lw5%2BUzcMZmFIW4C6QfIAAZVZACIAzDoggKgrf9%2F30KMsFON7eq2QQRPJQeSkqakjTGmC4vUCuILiBKQB3SL7rOQ8ssmzrNK66kyNj3AE%2BFHYkKqw%2F%2F7NtI3NIPO%2Fs0lYT64nW00JriMIvRDuTAb1ZNEeo6IlQ8dJHHyM6XlRl%2FCyAmAQEBTnC0ABWBcjyrsjqD7OQF4NAHhTwIg9gq0xczcKppgvPE%2F5%2B%2FGP7%2F%2FsMA0gvTDw5ZoBkMIsDYSSqChD4o5EGYi5uBoaSRgUFKDpJPvn0DewBZ%2F98fvyDFppgEA2t8FtATHAz%2Fger%2BfQeqZedk4EzNY2CUkIaUht8hAQTSCxBATDw8PJzwPABMgyJJ2XDH38mKZbidGcvwB8hmAYpJpuZC0uQ%2FSCYE6YXrB5X5IOzojXD8xCYGht56IPsL0BM8DAyBUZB8AlL3D1U%2FqHj8C8wbzPbu4KQDcvi32RMZvs2aCGYzAsXYnb3AeQXsBlD9AdQLEEAsnECA7IFHzRUMsgwdDM9nT2b4dus6WPHN9Biw4%2B%2FWlzEwA0sLSCUHdCdMLwiAkgYwZhgWTQOm%2F3QGhi2rGBge3AU6GBjizWUMDAHADN3fwgAqrhl%2B%2FgQHALJ%2BkN2gOvT76sUM7MHRDD%2F3bGP4%2B%2BwJOFX8ndHPwAZ0%2FJcVC6H1AsQDIP0AAcQCBJzAMvg50FGSnIJCDJ9fvWS4W5IFL1ZBHvhy4xrDzaIMBlY2VgZ%2BQT5wKfKfg%2FM5SC%2B0DH8OzAOSDNLA4vPDWQaGSa2QGh1WtN4C1g8tFUAbgYWOgjpY%2Fz9mVrh%2BiAcgNe8fYD76s3Am3G4Q%2FvvkMcPP%2BdPhNTIMgPQDBBALGxsbB7uA4NsPb99J8gsKMnDx80FCGFT7%2FUVqSiA1KT5%2B%2BsLwi5XjLUgvyCCQ%2Fq%2BXrkpyK8ozMEh6QvICLKnAMCjUQRio%2F%2BvjZwxffzPA9fPIyl3hePVA5%2BcfYAEBrNYZoUkE7AGQo2E01PGf%2FjOC9YD0AwQQuCkhbm5x5fSZ00w%2F378T%2FvXxozi%2BhhQbP%2F9LdkGhtyA9kIYPsKIDsjdNmUuR%2FldnmJnuPrivBVHFiLcxx6ugeE3cxBSsHyCAgJ79Dww2BmD1ycBNYnMWmEsZ9kDZA6YfIMAAwl901NcZnlkAAAAASUVORK5CYII%3D)\n' +
        '    top left\n' +
        '    no-repeat;\n' +
        '  float: right;\n' +
        '  cursor: pointer;\n' +
        '}\n\n' +
        '#hideintro:hover {\n' +
        '  background-position: top center;\n' +
        '}\n\n'
      );

  var head = document.getElementsByTagName('head')[0];
      head.appendChild(style);

  var txt = document.createTextNode('');

  var hideintro = document.createElement('div');
      hideintro.appendChild(txt);
      hideintro.id = 'hideintro';
      hideintro.title = 'Hide header';
      hideintro.addEventListener('click', function(event) {
        if(intro.style.display == "none") {
          intro.style.display = "";
          showintro.style.display = "none";
          window.scrollTo(0,0);
          GM_setValue('hideHeader', false);
        } else {
          intro.style.display = "none";
          showintro.style.display = "block";
          GM_setValue('hideHeader', true);
        }
      }, false);

  var showintro = document.createElement('div');
      showintro.appendChild(txt);
      showintro.id = 'showintro';
      showintro.title = 'Show header';
      showintro.addEventListener('click', function(event) {
        if(intro.style.display == "none") {
          intro.style.display = "";
          showintro.style.display = "none";
          window.scrollTo(0,0);
          GM_setValue('hideHeader', false);
        } else {
          intro.style.display = "none";
          showintro.style.display = "block";
          GM_setValue('hideHeader', true);
        }
      }, false);

  var header = intro.getElementsByTagName('h1')[0];
      header.parentNode.insertBefore(hideintro, header);

  document.body.insertBefore(showintro, document.body.firstChild);

  var config = GM_getValue('hideHeader');
  if(!config) {
    intro.style.display = 'block';
    showintro.style.display = "none";
  } else {
    intro.style.display = 'none';
    showintro.style.display = "block";
  }

})();

