// use: jquery 
// or make the call at the and of the html-page!
// 
//jQuery( document ).ready( function()
//{
//  var oCI = new PPDInfoMsgBar();
//  oCI.showCookieBar();
//});


function PPDInfoMsgBar()
{
  // -------------------------------------------------------------------------
  // 
  var _COOKIEVAL_OK   = "y"; // set for "ok"
  var _COOKIEVAL_CLS  = "c"; // set for "close" [x]
  var _COOKIEVAL_NONE = "";  // some optional value (not used)
  // 
  // -------------------------------------------------------------------------


  // -------------------------------------------------------------------------
  // 
  var iLifeTime_Years = 1; // the life time for the message cookie in "years"
  // 
  // -------------------------------------------------------------------------

  
  // - msg text field --------------------------------------------------------
  // 
  var _SPAN_TYPE_ = "snt";
  var _TD_TYPE_   = "tdt";
  // 
  // -------------------------------------------------------------------------

  
  // - div position ----------------------------------------------------------
  // 
  var sDivPosition = "bottom";
  //var sDivPosition = "top";
  //
  // - links / buttons -------------------------------------------------------
  // 
  var sBtnOkTxt    = "Gelesen und Einverstanden";
  var sBtnInfoTxt  = ""; // empty = no anchor elem
  var sCloseChar   = "x";
  var sClsIconHint = "schlie\u00DFen";
  // 
  // - more info target ------------------------------------------------------
  // 
  var _MOREINFO_ELEM_TEMPL_ = "<!-- _MOREINFO_ELEM_TEMPL_ -->";
  var sMoreInfoTxtVal       = "Datenschutzerkl\u00E4rung";
  var sMoreInfoTxtTitle     = "Datenschutzerkl\u00E4rung lesen";
  //var sMoreInfoTxtTarget    = "_blank"; // -> popup window
  var sLinkHref          = "#";
  //var sMoreInfoTarget = "_blank"; // -> popup window
  // - popup:
  var sInfoTargetUrl     = "/popups/datenschutz.php"; // the url (to "Datenschutz" ...)
  var rgsHideInfoBtnFor  = new Array( sInfoTargetUrl, "datenschutz.html" );
  var sInfoTargetWinName = "cookieinfo_moreinfo_name";
  var iPopupAW           = Math.ceil( screen.availWidth  * 2 / 3 );
  var iPopupAH           = Math.ceil( screen.availHeight * 3 / 4 );
  var iPopupMW           = 720;
  var iPopupMH           = 640;
  var iPopupW            = Math.min( iPopupAW, iPopupMW );
  var iPopupH            = Math.min( iPopupAH, iPopupMH );
  var sMoreInfoWinProp   = "height=" + iPopupH + "px, " + 
                           "width=" + iPopupW + "px, " + 
                           "location=yes," +
                           "menubar=yes," +
                           "resizable=yes," +
                           "status=yes," +
                           "titlebar=yes," +
                           "scrollbars=yes," +
                           "top=" + ( ( screen.availHeight - iPopupH ) / 2 ) + "px," +
                           "left=" + ( ( screen.availWidth - iPopupW ) / 2 ) + "px" +
                           "";
  // 
  // - div style -------------------------------------------------------------
  // 
  var sAllCSSClass = "mdmxAll"; 
  var sMobCSSClass = "mdmxmobile"; 
  // 
  var sDivCSS      = "position: fixed; " + 
                     "width: 100%; " + 
                     "background-color: #eeeeee; " + 
                     "background-color: rgba( 238, 238, 238, 0.8 ); " + 
                     "margin: 0px; " + 
                     "left: 0px; " + 
                     sDivPosition + ": 0px; " + 
                     "padding: 4px; " + 
                     "z-index: 9999; " + 
                     "text-align: center;";
  var sCtrlStyle   = "width: 100%; " + 
                     "margin: 0px; " + 
                     "padding: 0px; " + 
                     "float: right; " + 
                     "text-align: center;";
  var sTextCSS     = "padding: 11px 12px 12px 11px;";
  var sClsIconCSS  = "width: 12px; " + 
                     "height: 12px; " + 
                     "border-width: 0px; " + 
                     "font-family: sans-serif; " + 
                     "font-size: 0.6em; " + 
                     "font-weight: bold; " + 
                     "position: relative; " + 
                     "top: -18px; " + 
                     "right: -15px; " + 
                     "background-color: #cccccc; " + 
                     "color: #cc3333; " + 
                     "";
  // 
  // -- use close-button -------------------------------------------------------
  // 
  var boWithCloseBtn = false; // do not show an extra [x]-close-btn
  // 
  var sPPDMoreInfoID = "ppdmoreinfo_id";
  // 
  // - div message -----------------------------------------------------------
  // 
  var rgsMsgTxt    = new Array( 
                     "Bitte lesen Sie unsere ", 
                     _MOREINFO_ELEM_TEMPL_, 
                     ". " + 
                     "Mit der Nutzung unserer Webseite erkl\u00E4ren Sie sich mit " +
                     "dem Inhalt der ",
                     _MOREINFO_ELEM_TEMPL_,
                     " " +
                     "und der Verwendung von Cookies einverstanden." );
  // 
  // 
  // ---------------------------------------------------------------------------

  var sCookieInfoName  = "_display_cookie_ppd_consent";
  var sCookieConsentID = "cookieinfo_id";
  var sCtrlClass       = "cookieinfo_ctrl";
  var sCloseLinkID     = "cookieclose_id";
  var sCloseIconID     = "cookiecloseicon_id";
  var sMoreInfoID      = "cookiemoreinfo_id";

  var oThis            = null;
  // only "OK":
  var oRegExpCookieOK  = new RegExp( sCookieInfoName + "=(" + _COOKIEVAL_OK + ")" );
  // only "CLS":
  var oRegExpCookieCLS = new RegExp( sCookieInfoName + "=(" + _COOKIEVAL_CLS + ")" );
  //new RegExp( sCookieInfoName + "=([^;]+)" ); // any not empty value ...
  
  var oRegExpIsInfoTarget = null;
  
  var iPPDMInfoIndex   = 0;
  var iPPDMCloseIndex  = 0;
  var boIsInit         = false;
  var boHideMoreInfo   = false;
  
  this.init = function()
  {
    if( boIsInit === true )
    {
      return;
    }
    
    oThis = this;
    
    var sCurrLocation   = window.location.href;
    var sPrepUrl        = "";
    var rgsMatches      = null;
    
    for( var h=0, l=rgsHideInfoBtnFor.length; h<l; h++ )
    {
      sPrepUrl            = rgsHideInfoBtnFor[ h ].replace( /^\.*/, "" ).replace( /(\/|\.)/g, "\\$1" );
      oRegExpIsInfoTarget = new RegExp( sPrepUrl );
      
      rgsMatches     = sCurrLocation.match( oRegExpIsInfoTarget );
      boHideMoreInfo = ( this.isEmpty( rgsMatches ) === false );
      
      if( boHideMoreInfo === true )
      {
        break;
      }
    }
    
    boIsInit = true;
  };

  this.showThisBar = function()
  {
    this.init();
    
    this.createMsgDiv( rgsMsgTxt, sBtnOkTxt, sBtnInfoTxt, sLinkHref, sDivCSS );
  };

  // checks: null, type undefined or empty string
  this.isEmpty = function( oCheck )
  {
    return ( oCheck === null || typeof oCheck === "undefined" || oCheck === "" );
  };
  
  this.createMsgTxtSpan = function( rgsMsgText, boBreak )
  {
    return this.createMsgTxt( rgsMsgText, boBreak, _SPAN_TYPE_ );
  };
  
  this.createMsgTxtTD = function( rgsMsgText, boBreak )
  {
    return this.createMsgTxt( rgsMsgText, boBreak, _TD_TYPE_ );
  };
  
  this.createMsgTxt = function( rgsMsgText, boBreak, sType )
  {
    // using: 2 types
    var sUseType = ( sType === _SPAN_TYPE_ ) ? "span" : "td";
    var oElem    = document.createElement( sUseType );

    if( !this.isEmpty( rgsMsgText ) && rgsMsgText.length > 0 )
    {
      for( var i=0, l=rgsMsgText.length, sMsgPart="", oAppend=null; i<l; i++ )
      {
        sMsgPart = rgsMsgText[ i ];
        oAppend  = ( sMsgPart === _MOREINFO_ELEM_TEMPL_ ) ? 
                   ( ( boHideMoreInfo === false ) ? 
                     this.createMoreInfoTxtElem( sLinkHref ) :
                     this.createTxtElem( sMoreInfoTxtVal )
                   ) 
                   : 
                   this.createTxtElem( sMsgPart );
        oElem.appendChild( oAppend );
      }
    }
    
    if( boBreak === true )
    {
      var oBR = document.createElement( "br" );
      // append twice - else this has no visual effect ...
      oElem.appendChild( oBR );
      oElem.appendChild( oBR );
    }

    return oElem;
  };

  this.createCloseElem = function( sCloseText )
  {
    var oElem = document.createElement( "a" );

    oElem.innerHTML        = sCloseText;
    oElem.id               = sCloseLinkID + ( ++iPPDMCloseIndex );
    oElem.href             = "#";

    return oElem;
  };

  this.createCloseIcon = function()
  {
    var oElem = document.createElement( "a" );

    oElem.innerHTML     = sCloseChar;
    oElem.id            = sCloseIconID;
    oElem.href          = "#";
    oElem.title         = sClsIconHint;
    oElem.style.cssText = sClsIconCSS;

    return oElem;
  };

  this.createMoreInfoElem = function( sInfoText, sTargetHref )
  {
    var oElem = document.createElement( "a" );

    oElem.innerHTML        = sInfoText;
    oElem.href             = sTargetHref;
    //oElem.target           = sMoreInfoTarget;
    oElem.id               = sMoreInfoID;

    return oElem;
  };

  this.createMoreInfoTxtElem = function( sTargetHref )
  {
    var oElem = document.createElement( "a" );

    oElem.innerHTML        = sMoreInfoTxtVal;
    oElem.href             = sTargetHref;
    //oElem.target           = sMoreInfoTxtTarget;
    oElem.id               = sPPDMoreInfoID + ( ++iPPDMInfoIndex );
    oElem.title            = sMoreInfoTxtTitle;
    oElem.className        = "text";
    
    return oElem;
  };

  this.createTxtElem = function( sText )
  {
    return document.createTextNode( sText );
  };

  this.closeClick = function()
  {
    if( oThis === null || typeof oThis === "undefined" )
    {
      var oCI = new PPDInfoMsgBar();
      oThis   = oCI;
    }

    var sValue = _COOKIEVAL_NONE;

    // while executing via eventlistener - this === the element !
    if( oThis.isEmpty( this ) === false )
    {
      var sSrcElemID = this.id;
      var oRegExp    = new RegExp( sCloseLinkID + "\\d*" );

      if( oThis.isEmpty( sSrcElemID ) === false )
      {
        var boIsCloseID = oRegExp.test( sSrcElemID );
        if( boIsCloseID === true )
        {
          sValue = _COOKIEVAL_OK;
        }
        else if( sSrcElemID === sCloseIconID )
        {
          sValue = _COOKIEVAL_CLS;
        }
        else
        {
          sValue = _COOKIEVAL_NONE;
        }
      }
    }

    oThis.setCookie( sValue );
    oThis.removeMsgDiv();

    return false;
  };

  this.createMsgDiv = function( rgsCookieText, sCloseText, sLinkText, sLinkHref, 
                                sStyles )
  {
    var boHasOKCookie = this.isOKCookieSet();

    if( boHasOKCookie === false )
    {
      this.removeMsgDiv();

      var oDocFragment = document.createDocumentFragment();
      var oConsentElem = document.createElement( "div" );
      var oDivMainElem = document.createElement( "div" );
      var oTableElem   = document.createElement( "table" );
      var oTRElem      = document.createElement( "tr" );
      var oCtrlElemTD  = document.createElement( "td" );
      var oCtrlElemDiv = document.createElement( "div" );

      oDivMainElem.style.cssText = sTextCSS;
      oTableElem.className       = sAllCSSClass;

      oConsentElem.id            = sCookieConsentID;
      oConsentElem.style.cssText = sStyles;
      
      var oMsgElemTD = this.createMsgTxtTD( rgsCookieText );
      var oMsgElemSp = this.createMsgTxtSpan( rgsCookieText );
      
      var sSpanCls   = oMsgElemSp.className;
      oMsgElemSp.className = ( ( this.isEmpty( sSpanCls ) === false ) ? " " : "" ) + sMobCSSClass;
      
      oDivMainElem.appendChild( oMsgElemSp );

      if( boWithCloseBtn === true )
      {
        var oClsIcon = this.createCloseIcon();
        oDivMainElem.appendChild( oClsIcon );
      }

      oCtrlElemTD.className         = sCtrlClass;
      oCtrlElemDiv.className        = sCtrlClass + " " + sMobCSSClass;
      oCtrlElemDiv.style.cssText    = sCtrlStyle;
      oCtrlElemTD.style.cssText     = sCtrlStyle;

      // create not for the "more info"-popup!
      if( boHideMoreInfo            === false && 
          this.isEmpty( sLinkText ) === false && 
          this.isEmpty( sLinkHref ) === false )
      {
        var oAnchorElem = this.createMoreInfoElem( sLinkText, sLinkHref );
        oCtrlElemDiv.appendChild( oAnchorElem );
        oCtrlElemTD.appendChild( oAnchorElem );
      }

      var oCloseElemDiv = this.createCloseElem( sCloseText );
      var oCloseElemTD  = this.createCloseElem( sCloseText );
      oCtrlElemDiv.appendChild( oCloseElemDiv );
      oCtrlElemTD.appendChild( oCloseElemTD );
      
      oDivMainElem.appendChild( oCtrlElemDiv );
      
      oTRElem.appendChild( oMsgElemTD );
      oTRElem.appendChild( oCtrlElemTD );
      oTableElem.appendChild( oTRElem );
      oDivMainElem.appendChild( oTableElem );

      oConsentElem.appendChild( oDivMainElem );

      oDocFragment.appendChild( oConsentElem );

      var oCloneElem = oDocFragment.cloneNode( true );
      document.body.appendChild( oCloneElem );
      
      // event listeners:
      
      // for "sPPDMoreInfoID" - see createMoreInfoTxtElem(..)
      if( iPPDMInfoIndex > 0 )
      {
        for( var p=iPPDMInfoIndex; p>0; p-- )
        {
          document.getElementById( sPPDMoreInfoID + p ).onclick = this.openInfoWindow;
        }
      }
      
      if( iPPDMCloseIndex > 0 )
      {
        for( var p=iPPDMCloseIndex; p>0; p-- )
        {
          document.getElementById( sCloseLinkID + p ).onclick = this.closeClick;
        }
      }
      
      if( boWithCloseBtn === true )
      {
        document.getElementById( sCloseIconID ).onclick = this.closeClick;
      }
      
      if( boHideMoreInfo            === false && 
          this.isEmpty( sLinkText ) === false && 
          this.isEmpty( sLinkHref ) === false )
      {
        document.getElementById( sMoreInfoID  ).onclick = this.openInfoWindow;
      }
    }
  };

  this.removeMsgDiv = function()
  {
    var oElem = document.getElementById( sCookieConsentID );

    if( this.isEmpty( oElem ) === false )
    {
      oElem.parentNode.removeChild( oElem );
    }
  };

  /**
   * set the "do not show the message again" - cookie
   * 
   * using a hierarchie, thus "close"-value will not overwrite "ok"-value!
   * 
   * @param {string} sValue should be one of the given values:
   *                        _COOKIEVAL_OK or _COOKIEVAL_CLS,
   *                        if empty then autom.: _COOKIEVAL_NONE is set
   * @returns void
   */
  this.setCookie = function( sValue )
  {
    var boHasOKCookie  = this.isOKCookieSet();

    var sSetVal = ( this.isEmpty( sValue ) === true ) ? 
                  _COOKIEVAL_NONE : sValue;

    if( sSetVal !== _COOKIEVAL_OK && boHasOKCookie === true )
    {
      return; // do not overwrite, i.e. do not reset "ok"!
    }

    // start: today
    var oExpireDate = new Date();

    // set the cookie expires after 1 year
    oExpireDate.setFullYear( oExpireDate.getFullYear() + iLifeTime_Years );

    document.cookie = sCookieInfoName + "=" + sSetVal + ";" + 
                      "path=/; " + 
                      "expires=" + oExpireDate.toGMTString();
  };

  /**
   * only true for _COOKIEVAL_OK ( = "y" )
   * 
   * for any other value: false
   * 
   * 
   * @returns result of testing if the cookie just exists 
   * (using a reg.exp. with the full cookie name and a not empty value)
   */
  this.isOKCookieSet = function()
  {
    // check if the cookie has been set
    return !!document.cookie.match( oRegExpCookieOK );
  };

  /**
   * only true for _COOKIEVAL_CLS ( = "y" )
   * 
   * for any other value: false
   * 
   * 
   * @returns result of testing if the cookie just exists 
   * (using a reg.exp. with the full cookie name and a not empty value)
   */
  this.isCLSCookieSet = function()
  {
    // check if the cookie has been set
    return !!document.cookie.match( oRegExpCookieCLS );
  };

  this.openInfoWindow = function()
  {
    if( oThis === null || typeof oThis === "undefined" )
    {
      var oCI = new PPDInfoMsgBar();
      oThis   = oCI;
    }

    oThis.closeClick(); // hide temp. the message ...

    return window.open( sInfoTargetUrl, sInfoTargetWinName, sMoreInfoWinProp );
  };

};