HG-Optimierung

Vereinfachte Navigation auf Hartgeld.com

Version vom 06.09.2015. Aktuellste Version

// ==UserScript==
// @name        HG-Optimierung
// @namespace   hgtools
// @include     http://www.hartgeld.com/*
// @version     2.14
// @grant       none
// @description Vereinfachte Navigation auf Hartgeld.com
// ==/UserScript==

(function () { 

   ///////////////////////////////////////////////////////////////////////////////////
   // Startseite
   if (self == top) {
      
      // CSS
      var cssstring = (function () {/*
         <style>
         #heute {
            padding-top: 2px;
         }
         #olframe {
            display:none;
            height:100%;
            position:fixed;
            top:0;
            right:0;
            z-index:10000;
         }
         #dragbar,
         #dragbarex {
            position: absolute;
            left: -12px;
            height:100%;
            width:10px;
            cursor: col-resize;
         }
         #closeborder {
             border: 1px solid #666;
             opacity: 0.8;
             float:left;
             position: absolute;
             left:0px;
             background:#fff;
             border-radius:25px;
         }
         #close {
             top: 0px;
             left: 0px;
             position: relative;
             height:20px;
             width:20px;
             padding:4px;
             font-size:25px;
             display:block;
             text-decoration:none;
         }
         #lesefenster,
         #iframeph {
            box-shadow: -10px 10px 13px -3px rgba(158,158,158,1);
            width:100%;
            height:100%;
            background:#fff;
            overflow:auto;
            border:none;
         }
         #iframeph {
            box-shadow: none;
            position:absolute;
            display:none;
         }
         #extframe {
            box-shadow: -10px 10px 13px -3px rgba(158,158,158,1);
            height:100%;
            position:fixed;
            top:0;
            right:0;
            z-index:11000;
            background:#fff;
            display:none;
         }
         #externfenster {
            overflow:auto;
            width:100%;
            height:100%;
            border:none;
         }
         #externcloseborder {
             border: 1px solid #666;
             opacity: 0.8;
             position: absolute;
             left:0px;
             background:#fff;
             border-radius:30px;
         }
         #externclose {
             top: -1px;
             left: -10px;
             position: relative;
             height:20px;
             width:20px;
             padding:17px;
             font-size:50px;
             display:block;
             text-decoration:none;
         }
         .markierterubrik {
            background: #f5b201;
            color: #000 !important;
            padding: 1px 6px;
            border-radius:3px;
            font-weight:bold;
         }
         #wartebild {
            -moz-animation: spin 1s infinite linear;
            -webkit-animation: spin 1s infinite linear;  
            position: absolute;
            left: 45%;
            top: 45%;
         }
         @-moz-keyframes spin {
             0% {-moz-transform: rotate(0deg);}
             100% {-moz-transform: rotate(360deg);};
         }
         @-webkit-keyframes spin {
             0% {-webkit-transform: rotate(0deg);}
             100% {-webkit-transform: rotate(360deg);};
         }
         #rubrikenaktualisieren {
            height:30px;
         }
         </style>
         
         */}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1];
      $('head').append(cssstring);

   

      // Links umbauen
      $('.tab-content .infolinks a').each(function() {
        var value = $(this).attr('href');
        $(this).attr('url', value);
      });

      // von auto auf fixe Position ändern
      function AutoZentrierungInMargin() {
         $('.container-fluid').css("position", "absolute");
         var left = ($(window).width() - $('.container-fluid').width()) / 2 - 14 + "px";
         return left;
      }

      // In Abhängigkeit der Fenstergröße die Overlays einstellen
      function Fenstergroesse(schmal, breit) {
         if ($(window).width() > 1600) {
            return breit;
         }
         return schmal;
      }

      
      // Iframe für externe URLs
      $('body').append('<div id="extframe" style="width:' + Fenstergroesse("90%", "50%") + ';"><div id="dragbarex"></div><div id="externcloseborder"><a id="externclose" href="##">&#10006;</a></div><iframe id="externfenster" allowFullScreen="true"></iframe></div>');
      
      $('body').on('click', '#externclose', function() {
         $('#extframe').hide();
         $('#externfenster').attr('src', '');
      });

      window.ExterneURL = function(url) {
         $('#externfenster').attr('src', url);
         $('#extframe').fadeIn(200);
      }

      window.ExterneHTML = function(html) {
         $('#externfenster').contents().find('body').html(html);
         $('#extframe').fadeIn(200);
      }


      // Rubrikenlinks-Funktionalität
      var neu = 0;
      var letzterubrik;
      
      // Für Iframe-Abfrage, welche Rubrikenseite gerade offen ist:
      window.AktuelleRubrik = function() {
         return $(letzterubrik).text();
      }

      $('.tab-content').on('click', '.infolinks a', function(event) {
         event.preventDefault();
         if (neu == 0) {
            // margin: 0 auto in 0 x umwandeln
            $('.container-fluid').css({"margin-left": AutoZentrierungInMargin()});
            $('.container-fluid').animate({'marginLeft': '0'}, 300);
            
            // $('.container-fluid').css({"position": "relative"});
            $('.container-fluid').prepend('<div id="olframe" style="width:' + Fenstergroesse("70%", "85%") + ';"><div id="dragbar"></div><div id="closeborder"><a id="close" href="##">&#10006;</a></div><div id="iframeph"><img id="wartebild" src="http://www.hartgeld.com/images/seiten/Logo-HG_kl.jpg"></div><iframe id="lesefenster"  allowFullScreen="true"></iframe></div>');

            $('#olframe').fadeIn(300);
         }
         
         // Klick auf dieselbe Rubrik nochmal?
         if ($(this).text() != $(letzterubrik).text()) {
            $(this).addClass('markierterubrik');
            MarkiertenBereichAufheben();
         }
         
         $('#iframeph').fadeIn(200); 

         var url = $(this).attr('url');
         $('#lesefenster').attr('src', url);

         letzterubrik = $(this);
         neu = 1;
      });

      function MarkiertenBereichAufheben() {
         if (neu) {
            $(letzterubrik).removeClass('markierterubrik');
            
            // Wenn Rubrik als neu, rot markiert war, diese Markierung aufheben
            var rubrikeneintrag = $(letzterubrik).parent().html();
            rubrikeneintrag = rubrikeneintrag.replace('<span class="label label-important">Neu', '<i class="icon-file"></i>');
            rubrikeneintrag = rubrikeneintrag.replace('</span>', '&nbsp;');
            $(letzterubrik).parent().html(rubrikeneintrag);
         }
      }

      $('.container-fluid').on('click', '#close', function() {
         $('#lesefenster').fadeOut(300, function(){ $('#olframe').remove();});
         $('.container-fluid').animate({'marginLeft': AutoZentrierungInMargin()}, 300);
         MarkiertenBereichAufheben();
         neu = 0;
      });
      
      
      // Breite Rubriken-Overlay ändern
      $('.container-fluid').on('mouseover', '#dragbar', function() {
         $('#dragbar').css({"border-right": "3px dashed #666"});
      });
      $('.container-fluid').on('mouseout', '#dragbar', function() {
         $('#dragbar').css({"border-right": "none"});
      });
      
      var i = 0;
      var dragging = false;
      $(window).on('mousedown', '#dragbar', function(e) {
         e.preventDefault();

         dragging = true;
         var main = $('#olframe');
         var ghostbar = $('<div>',
            { id:'ghostbar', css: 
               {
                  borderRightWidth: '3px',
                  borderRightColor: '#666',
                  borderRightStyle: 'dashed',
                  position: 'absolute',
                  cursor: 'col-resize',
                  zIndex: '10001',
                  height: main.outerHeight(),
                  top: main.offset().top,
                  left: main.offset().left-2
               }
            }).appendTo('body');
         $('#lesefenster').css({"pointer-events": "none"});
         
         $(document).mousemove(function(e) {
            ghostbar.css("left", e.pageX);
            $('#olframe').css(
               {  "left": e.pageX,
                  "width": $(document).width() - e.pageX
               });
         });
      });

      $(document).mouseup(function(e) {
         if (dragging) {
            $('#lesefenster').css({"pointer-events": "initial"});
            $('#ghostbar').remove();
            $(document).unbind('mousemove');
            dragging = false;
         }
      });

      $(window).on('resize', function(event) {
         $('#extframe').css({"width": Fenstergroesse('90%', '50%'), "right": "0", "left": "unset"});
         $('#olframe').css({"width": Fenstergroesse('70%', '85%'), "right": "0", "left": "unset"});
      });    
      
      // Breite Externerlink-Overlay ändern
      $('body').on('mouseover', '#dragbarex', function() {
         $('#dragbarex').css({"border-right": "3px dashed #666"});
      });
      $('body').on('mouseout', '#dragbarex', function() {
         $('#dragbarex').css({"border-right": "none"});
      });
      
      var i = 0;
      var draggingex = false;
      $(window).on('mousedown', '#dragbarex', function(e) {
         e.preventDefault();

         draggingex = true;
         var main = $('#extframe');
         var ghostbar = $('<div>',
            { id:'ghostbar', css: 
               {
                  borderRightWidth: '3px',
                  borderRightColor: '#666',
                  borderRightStyle: 'dashed',
                  position: 'absolute',
                  cursor: 'col-resize',
                  zIndex: '10001',
                  height: main.outerHeight(),
                  top: main.offset().top,
                  left: main.offset().left-2
               }
            }).appendTo('body');
         $('#externfenster').css({"pointer-events": "none"});
         $('#lesefenster').css({"pointer-events": "none"});
         
         $(document).mousemove(function(e) {
            ghostbar.css("left", e.pageX);
            $('#extframe').css(
               {  "left": e.pageX,
                  "width": $(document).width() - e.pageX
               });
         });
      });

      $(document).mouseup(function(e) {
         if (draggingex) {
            $('#externfenster').css({"pointer-events": "initial"});
            $('#lesefenster').css({"pointer-events": "initial"});
            $('#ghostbar').remove();
            $(document).unbind('mousemove');
            draggingex = false;
         }
      });

      // RSS-Feed lesen
      // (Falls automatisch: Nur zwischen 7 und 20:30 Uhr)
      $('#heute').on('click', '#aktualisieren', function(event) {
         event.preventDefault();

         var datum = new Date();
         var infolinks = '';
         var rubrikaktiv = '';

         $('#heute').animate({'opacity': '0.01'}, 100, function() {
         
            $.get('http://www.hartgeld.com/component/obrss/hartgeld-com-fed.html', function(data) {
               var $xml = $(data);
               $xml.find("item").each(function() {
                  var $this = $(this),
                     item = {
                        title: $this.find("title").text(),
                        link: '/' + $this.find("link").text().split('/')[3],
                        day: $this.find("pubDate").text().substring(8, 10),
                        hour: $this.find("pubDate").text().substring(11, 13),
                        minute: $this.find("pubDate").text().substring(14, 16),
                  }
                  if (item.day == datum.getDate()) {
                     var stunde = parseInt(item.hour) + 2;
                     if (stunde < 10) {
                        stunde = '0' + stunde;
                     }
                     
                     var zeit = parseInt(stunde) * 60 + parseInt(item.minute);
                     if (zeit > neuestezeit) {
                        infolinks += '<p class="infolinks"><span class="label label-important">Neu ' + stunde + ':' + item.minute + '</span>&nbsp;&nbsp;<a url="' + item.link + '" href="' + item.link + '">' + item.title + '</a> </p>';
                     } else {
                        infolinks += '<p class="infolinks"><i class="icon-file"></i> ' + stunde + ':' + item.minute + '&nbsp;&nbsp;<a url="' + item.link + '" href="' + item.link + '">' + item.title + '</a> </p>';
                     }
                  }
               });
               $('#heute').empty();
               $('#heute').prepend(infolinks);
               $('#heute').animate({'opacity': '1'}, 100);
               AktualisierungsButtonanzeigen();
               ZeitNeuesteRubrik();
               ZuletztaktiveRubrikmarkieren();
            });
         });
      });
      
      function AktualisierungsButtonanzeigen() {
         $('#heute').prepend('<div id="rubrikenaktualisieren"><a id="aktualisieren" class="bodyText_fett" href="##">Rubriken aktualisieren&raquo;</a></div>');
      }
      AktualisierungsButtonanzeigen();

      // Letzte Rubrik abenfalls wieder als aktiv markieren
      function ZuletztaktiveRubrikmarkieren() {
         $('#heute p a').each(function() {
            if ($(this).text() == $(letzterubrik).text()) {
               letzterubrik = $(this);
               $(this).addClass('markierterubrik');
            }
         });
      }

      // Rubriken in Array laden, um nach Aktualisierung zu vergleichen und neue markieren
      var neuestezeit = 0;
      function ZeitNeuesteRubrik() {
         var zeitstring = $('#heute p').first().text().match(/([0-2][0-9])\:([0-5][0-9])/);
         neuestezeit = parseInt(zeitstring[1]) * 60 + parseInt(zeitstring[2]);
      }
      ZeitNeuesteRubrik();
      
      // Tabs korrigieren, da nach Aktualisierung die neu geladenen Rubriken nicht mehr ausgeblendet werden
      $('.nav-tabs a').on('click', function() {
         var tab = $(this).attr('href');
         if (tab != '#heute') {
            $('#heute').css("display", "none");
         } else {
            $('#heute').css("display", "block");
         }
      })
      
      
      // Wenn iframe geladen wurde, iframe-Ladeseite ausblenden
      window.IframeGeladen = function() {
         $('#iframeph').fadeOut(200); 
      }
      
   }
   
   ///////////////////////////////////////////////////////////////////////////////////
   // Inhaltsseite
   else {
      
      // CSS
      var cssstring = (function () {/*
         <style>
         @media screen and (min-width: 1300px) {
            .artikel {
               max-width:600px;
            }
         }
         
         .container-fluid {
            margin:0;
         }
         .header-fixed,
         .werbebox3 p { 
            display: none;
         }
         hr {
            margin-top: 50px;
            border-bottom: 1px solid #bbb;
            border-top: none;
         }
         #main {
            margin-top: 10px;
         }
         .bodyText_fett_gruen {
            background: #5a5;
            color: #fff;
            border-radius: 3px;
            padding: 0 5px 2px;
            display: inline-block;
            line-height: 16px;
         }
         .tagesdatum {
            display: inline !important;
            padding:1px 8px 3px;
            background: #44e;
            color: #fff;
            border-radius: 3px;
         }
         .datumheute {
            background:#B94A48;
         }
         .leerzeile {
            margin-bottom: 15px;
            width:100%;
            height:1px;
         }
         .blase {
            display: inline;
            text-decoration:none !important;
            font-size: 20px;
            position: relative;
            top: -20px;
            left:3px;
            z-index:10;
            transition-property: top, opacity;
            transition-duration: 0.2s;
            transition-delay: 0.3s;
            transition-timing-function: ease;
            opacity:0;
            color:#fff !important;
            text-shadow: 0 -1px #333, 1px 0 #333, 0 1px #333, -1px 0 #333;
            line-height: 1px;
         }
         .blasehover {
            transition-delay: 0.7s;
            opacity:1;
            top: 2px;
         }
         .blasehover:hover {
            color: #03f !important; 
         }
         #mailsenden {
            display:none;
            position: absolute; 
            padding: 5px 10px 10px; 
            font-size: 20px;
            text-decoration:none;
            color:#fff;
            text-shadow: 0 -1px #333, 1px 0 #333, 0 1px #333, -1px 0 #333;
         }
         #mailsenden:hover {
            color: #03f; 
         }
         #urloverlay {
            display:none;
            box-shadow: -5px 5px 10px -3px rgba(158,158,158,1); 
            border-radius:3px;
            position: absolute; 
            padding: 2px 8px 4px; 
            background: #eeeeff; 
            color: #333; 
            font-weight: bold;
            z-index:1000;
         }
         .kommentarwe {
            background: #eeeeff;
            // display: block;
            padding: 0px 5px 2px;
            border-radius: 3px;
         }
         .bodyText_blau + br + .bodyText_blau::before {
            // padding-top:10px;
            // content: "";
            // display:block;
         }
         .bodyText_blau + br,
         .bodyText_blau br,
         .bodyText_fett br {
            display:none;
         }
         .alteinhalte {
            display:none;
         }
         #alteinhalteschalter {
            display:block;
            margin-top: 30px;
            margin-bottom: -20px;
         }
         .exneuesfenster {
            text-decoration:none !important;
            cursor:pointer;
            color: #666;
         }
         .exneuesfenster:visited {
            color: #999 !important;
         }
         .pubzeiten {
            background: #666;
            color: #FFF;
            display: inline-block;
            padding: 0px 5px 2px;
            border-radius: 3px;
            float: left;
            margin: 0px 8px 0 0;
            font-weight:bold;
            line-height: 15px;
            min-width: 41px;
            text-align: center;
         }
         .kommentarwe .pubzeiten {
             background:#79f;
             margin-left:-5px;
          }
         .bodyText_blau .pubzeiten {
             background:#79f;
          }
         </style>
         
         */}).toString().match(/[^]*\/\*([^]*)\*\/\}$/)[1];
      $('head').append(cssstring);
      
      var mtext = '';
      var seitenrubrik = encodeURIComponent(parent.AktuelleRubrik());
      
      // Mailoverlay
      $('.artikel').prepend('<a title="Diesen Absatz kommentieren" id="mailsenden" href="##">&#128172;</a>');
            
      // URLoverlay
      $('.artikel').prepend('<div id="urloverlay"></div>');
      


      /////////////////////////////////////////////////////////////////////
      // Angezeigte Elemente anpassen, versteckte erst nach Einblendung
      function BearbeiteElemente(klasse) {
         
         // Externe Seitenlinks umwandeln für Overlay-Anzeige
         $(klasse + ' p a').not('#mailsenden').each(function() {
            // Links ohne anklickbaren Text löschen
            if ($(this).text() == '') {
               $(this).remove();
            } else {
               // Links ohne href korrigieren
               if (typeof($(this).attr('href')) === 'undefined') {
                  $(this).attr('href', $(this).text());
               }

               // Linkklasse setzen
               $(this).addClass('extern');
               $(this).after('&nbsp;<a target="_blank" class="exneuesfenster" title="Link in neuem Fenster öffnen">&#10093;&#10093;&#10093;</a>')
            }
         });

         // Style-Korrekturen, wenn z.B. p = bodyText_blau, aber darin ein span = bodyText_fett
         $(klasse + ' .bodyText_blau, ' + klasse + ' .bodyText_fett_gruen').has('.bodyText_fett').each(function() {
            $(this).removeClass('bodyText_blau bodyText_fett_gruen');
         });
         
         // WE-Kommentare anders färben
         // muss vor Auto-Kommentar-Sprechblasen kommen
         $(klasse + ' p.bodyText_blau').add($(klasse + ' p').has('.bodyText_blau')).each(function() {
            if ($(this).text().match(/(WE\.|PS: )/)) {
               $(this).addClass('kommentarwe');
            }
            KommentarKlasseeinfuegen(this);
         });
        
         // Auto-Kommentar-Links
         $(klasse + ' p.bodyText_fett, ' + klasse + ' p.bodyText_fett_rot').add($(klasse + ' p').has('.bodyText_fett, strong, .bodyText_fett_rot')).each(function() {
            KommentarKlasseeinfuegen(this);
         });
         
         // Datumsblöcke Klasse einfügen
         $(klasse + ' p.bodyText_fett_blau .cdate, ' + klasse + ' p.bodytext_fett_blau .cdate').each(function() {
            $(this).parent().addClass('tagesdatum');
            $(this).parent().after('<div class="leerzeile"></div>');
         });
         
         // Alle Zeitangaben in eckigen Klammern hervorheben
         $(klasse + ' p').each(function() {
            PublikationszeitenHervorheben(this);
         });
         
      }
      
      

      // Linke Position von Inline-Link bei Zeilenumbruch errechnen
      $.fn.LinkePositionvonLink = function() {
         var el = $('<i/>').css('display', 'inline').insertBefore(this[0]);
         var pos = el.offset();
         el.remove();
         return pos;
      };
      
      // Kommentarblase in Block einfügen
      function KommentarKlasseeinfuegen(block) {
         $(block).addClass('kommentarhover');
         $(block).append('<a title="Diesen Absatz kommentieren" href="##" class="blase">&#128172;</a>');
      }

      // Uhrzeiten hervorheben
      function PublikationszeitenHervorheben(element) {
         $(element).html($(element).html().replace(/\[(\<span.*?\>)?([0-2]?[0-9]\:[0-5][0-9])(\<\/span\>)?\]/, '<span class="pubzeiten">$2</span>'));
      }
      
      function SchliessePopup() {
         $('#mailsenden').slideUp('fast');

         if (window.getSelection) {
            window.getSelection().removeAllRanges();
         } else if (document.selection) {
            document.selection.empty();
         }
      }
      
      function Textkuerzen(text) {
         var maxtextlaenge = 500;
         // Blase und >>> Pfeile enfernen
         text = text.replace(/?|❭/g, '');
         if (text.length > maxtextlaenge) {
            var trimmedString = text.substr(0, maxtextlaenge);
            trimmedString = trimmedString.substr(0, Math.min(trimmedString.length, trimmedString.lastIndexOf(" ")));
            return trimmedString + ' [...]';
         } else {
            return text;
         }
      }
      
      function Mailinhalt(zitat) {
         window.location.href = "mailto:[email protected]?subject=Neuer Leserkommentar zu Seite \"" + seitenrubrik + "\"&body=Sehr geehrtes Hartgeld-Team,%0A%0Azu folgendem Eintrag auf der Seite \"" + seitenrubrik + "\" möchte ich gerne wie untenstehend kommentieren:%0A%0A%0A* Ihr Eintrag:%0A" + encodeURIComponent(Textkuerzen(zitat)) + "%0A%0A%0A* Mein Kommentar dazu:%0A%0A";
      }
      


      // Ältere Inhalte ausblenden
      var endeaktuell = $('.artikel hr').first();
      if (endeaktuell.length > 0) {
         $(endeaktuell).before('<a id="alteinhalteschalter" class="bodyText_fett" href="##">Ausgeblendete Inhalte anzeigen &raquo;</a>');
         $('.artikel').after('<div class="alteinhalte"></div>');
         
         $(endeaktuell).nextAll().each(function() {
            $('.alteinhalte').append(this);
         });
         $('.alteinhalte').prepend(endeaktuell);

         // Nach Klick ältere Inhalte anzeigen
         $('.artikel').on('click', '#alteinhalteschalter', function(event) {
            event.preventDefault();
            $('#alteinhalteschalter').css({"display": "none"});
            BearbeiteElemente('.alteinhalte');
            $('.alteinhalte').slideDown('slow');
         });
      }
      
      // Neuesten Tag bearbeiten
      BearbeiteElemente('.artikel');
      

      // Textmarkierungs-Mailzitat Events
      $('.item-page').on('mouseup', function(event) {
         var temp = document.getSelection().toString();
         if (temp != '') {
            mtext = temp;
            $('#mailsenden').css({
               left: event.pageX+10,
               top: event.pageY-5
            }).slideDown('fast');
         }
      });

      $('.item-page').on('mousedown', function(event) {
         if (event.target.id == 'mailsenden') {
            Mailinhalt(mtext);
            event.preventDefault();
         }
         SchliessePopup();
      });
      
      
      
      // Externe Links Events
      $('.item-page').on('click', '.extern', function(event) {
         event.preventDefault();
         var url = $(this).attr('href');

         if (url.match(/www\.youtube\.com/)) {
            var video_id = url.split('v=')[1];
            var ampersandPosition = video_id.indexOf('&');
            if (ampersandPosition != -1) {
               video_id = video_id.substring(0, ampersandPosition);
            } else {
               video_id = video_id.substring(0);
            }
            parent.ExterneHTML('<html><head><style>body { background:#000; } .tabelle {width: 100%;height:100%;padding: 0 2%;}.zelle { vertical-align: middle;text-align:center;} .ytoverlay { position:relative;padding-bottom:56.25%;height:0;overflow:hidden; } .ytoverlay iframe, .ytoverlay object, .video-container embed { position:absolute;top:0;left:0;width:100%;height:100%;}</style></head><body><table class="tabelle"><tr><td class="zelle"><div class="ytoverlay"><iframe id="ytiframe" src="https://www.youtube.com/embed/' + video_id + '?autoplay=1&autohide=1&border=0&wmode=opaque&enablejsapi=1&showinfo=1&modestbranding=0&rel=0&theme=dark&fs=1" frameborder="0" allowfullscreen="true"></iframe></td></tr></table></body></html>');
         } else {
            parent.ExterneURL(url);
         }
      });

      $('.item-page').on('click', '.exneuesfenster', function() {
         $(this).attr('href', $(this).prev().attr('href'));
      });
      
      
      // URL Hover Events
      $('.item-page').on('mouseenter', 'p a:not(#mailsenden, .exneuesfenster, .blase)', function() {
         clearTimeout($(this).data('timeout'));
         var ax = document.createElement('a');
         ax.href = $(this).attr('href');
         $('#urloverlay').text(ax.hostname);
         var position = $(this).position();
         $('#urloverlay').css({
            top: position.top-25,
            left: $(this).LinkePositionvonLink().left
            // Left: position.left
            // top: event.pageY-40,
            // left: event.pageX-50
         }).show();
      });
      $('.item-page').on('mouseleave', 'p a:not(#mailsenden, .exneuesfenster, .blase)', function() {
         var t = setTimeout(function() {
            $('#urloverlay').hide();
         }, 100);
         $(this).data('timeout', t);
      });
      
      
      // Zitat Events Überschriften und blaue Kommentare
      $('.item-page').on('mouseenter', '.kommentarhover', function() {
         $(this).children('.blase').toggleClass('blasehover');
      });
      $('.item-page').on('mouseleave', '.kommentarhover', function() {
         $(this).children('.blase').toggleClass('blasehover');
      });

      $('.item-page .kommentarhover').on('click', '.blase', function(event) {
         event.preventDefault();
         Mailinhalt($(this).parent().text());
      });
      
      // Datum des obersten Tages umstellen
      var eintragsdatum = $('.cdate').first();
      if (eintragsdatum.length > 0) {
         monate = new Array(); monate['01'] = 'Januar'; monate['02'] = 'Februar'; monate['03'] = 'M&auml;rz'; monate['04'] = 'April'; monate['05'] = 'Mai'; monate['06'] = 'Juni'; monate['07'] = 'Juli'; monate['08'] = 'August'; monate['09'] = 'September'; monate['10'] = 'Oktober'; monate['11'] = 'November'; monate['12'] = 'Dezember';
         var datumsteile = eintragsdatum.text().split('-');

         var tag = datumsteile[2].replace(':', '');
         if (tag[0] == '0') {
            tag = tag[1];
         }
         var datum = new Date();
         var heute = '';
         if (tag == datum.getDate()) {
            heute = 'Heute, ';
            $(eintragsdatum).parent().addClass('datumheute');
         }
         $(eintragsdatum).text(heute + tag + '. ' + monate[datumsteile[1]] + ' ' + datumsteile[0])
      }
      
      // Werbung anpassen
      $('._wb_home .werbebox2').css({"display": "inline-block", "margin-bottom": "-10px", "max-width": $('.row-fluid').width()});
      


      // Meldung an Parent Window, sobald Seite fertig geladen wurde
      var script = document.createElement("script");
      script.type = "text/javascript";
      script.text  = "parent.IframeGeladen();";
      document.body.appendChild(script);
   }
   
}());