var XURL='https://schilderstyle.de/konfigurator/2/';
   var gw = 0;

   $(document).ready(function() 
   {
      $("<div id='mmkmenu' style='right:80px;'> <div class='showUserPanel'> <div class='usIcon'></div> <div class='usText'><strong>Anmelden</strong></div> </div> <a href='https://schilderstyle.de/konfigurator/2/warenkorb/' class='wkBlock'> <div id='showBasketPanel' class='wkBlock'> <div class='wkIcon'><div class='wkCircle' style='display:none;'>0</div></div> <div class='wkTextPanel'>Warenkorb</div> </div> </a> <div style='clear:both;'></div> <div class='mmkPanel userPanel' style='display:none'> <div class='userPanelContent'> <form action='https://schilderstyle.de/konfigurator/2/create/' method='post' class='mmkLoginForm' onsubmit='return false;'> <input type='hidden' name='sp' value='menulogin'> <div class='loginChoiceUserPanel'> <button class='pillTab loginButton loginButtonUserPanel googleLogin' type='button'> <span class='buttonText'><img src='https://schilderstyle.de/konfigurator/icons/login-with-google.svg' class='loginButtonIcon' alt='' title=''>Weiter mit Google</span> <span class='buttonLoaderBox'><span class='buttonLoader'></span></span> </button> <button class='pillTab loginButton loginButtonUserPanel amazonButtonFake' type='button'> <span class='buttonText'><img src='https://schilderstyle.de/konfigurator/icons/login-with-amazon.svg' class='loginButtonIcon' alt='' title=''>Weiter mit Amazon</span> <span class='buttonLoaderBox'><span class='buttonLoader'></span></span> </button> <div class='loginWithEmailLineUserPanel'> <div class='loginWithEmailChoiceUserPanel'> oder </div> </div></div> <div style='clear:both;'></div> <!-- </div> --> <input type='text' name='user' placeholder='E-Mailadresse' style='width:92%; margin:10px;' autocomplete='off'> <input type='password' name='pwd' placeholder='Passwort' style='width:92%; margin:0 10px 5px 10px;' autocomplete='off'> <div class='loginLoader'><div class='loginInfo'></div><div class='loginFailed'></div></div> <input type='submit' class='loginButtonSmall' value='Login'> </form> <div style='clear:both'></div> </div> <div class='userPanelRegLink'><a href='https://schilderstyle.de/konfigurator/2/login/'>Neu registrieren</a></div> <div class='userPanelLostPW'><a href='https://schilderstyle.de/konfigurator/2/pwd-vergessen/'>Passwort vergessen</a></div> </div> </div>").insertAfter($("nav > div.main-menu-right"));
      $("<div id='mmkRespMenu'> <div class='showUserPanel'> <div class='usIcon'></div> <div class='usText'><strong>Anmelden</strong></div> </div> <a href='https://schilderstyle.de/konfigurator/2/warenkorb/' class='wkBlock'> <div id='showBasketPanel' class='wkBlock'> <div class='wkIcon'><div class='wkCircle' style='display:none;'>0</div></div> <div class='wkTextPanel'>Warenkorb</div> </div> </a> <div style='clear:both;'></div> <div class='mmkPanel userPanel' style='display:none'> <div class='userPanelContent'> <form action='https://schilderstyle.de/konfigurator/2/create/' method='post' class='mmkLoginForm' onsubmit='return false;'> <input type='hidden' name='sp' value='menulogin'> <div class='loginChoiceUserPanel'> <button class='pillTab loginButton loginButtonUserPanel googleLogin' type='button'> <span class='buttonText'><img src='https://schilderstyle.de/konfigurator/icons/login-with-google.svg' class='loginButtonIcon' alt='' title=''>Weiter mit Google</span> <span class='buttonLoaderBox'><span class='buttonLoader'></span></span> </button> <button class='pillTab loginButton loginButtonUserPanel amazonButtonFake' type='button'> <span class='buttonText'><img src='https://schilderstyle.de/konfigurator/icons/login-with-amazon.svg' class='loginButtonIcon' alt='' title=''>Weiter mit Amazon</span> <span class='buttonLoaderBox'><span class='buttonLoader'></span></span> </button> <div class='loginWithEmailLineUserPanel'> <div class='loginWithEmailChoiceUserPanel'> oder </div> </div></div> <div style='clear:both;'></div> <!-- </div> --> <input type='text' name='user' placeholder='E-Mailadresse' style='width:92%; margin:10px;' autocomplete='off'> <input type='password' name='pwd' placeholder='Passwort' style='width:92%; margin:0 10px 5px 10px;' autocomplete='off'> <div class='loginLoader'><div class='loginInfo'></div><div class='loginFailed'></div></div> <input type='submit' class='loginButtonSmall' value='Login'> </form> <div style='clear:both'></div> </div> <div class='userPanelRegLink'><a href='https://schilderstyle.de/konfigurator/2/login/'>Neu registrieren</a></div> <div class='userPanelLostPW'><a href='https://schilderstyle.de/konfigurator/2/pwd-vergessen/'>Passwort vergessen</a></div> </div> </div>").insertAfter($("div.hamburger-menu"));
  
      gw = $(window).width();   // set global width to check horizontal resize event;
      resizeNavigation()

      
                  $("<script>")
                  .attr("src", "https://static-eu.payments-amazon.com/OffAmazonPayments/eur/lpa/js/Widgets.js")
                  .attr("async", false)
                  .appendTo($("body"));
               
               
                  console.log('load amazon pay v1');

                  $(document).ready(function()
                  {  
                     window.onAmazonLoginReady = function() { amazon.Login.setClientId('amzn1.application-oa2-client.8bedf4d4ddda4062ad304b88967687cb'); } 
                  });

                  let amazonV1Ready = false;

                  window.onAmazonPaymentsReady = function()
                  {
                     amazonV1Ready = true;
                     var authRequest; 
  
                     OffAmazonPayments.Button('LoginWithAmazon', 'A1H8MDX3Y29KX5', {
                        type:  'LwA', 
                        color: 'Gold', 
                        size:  'medium', 
                        language: 'de_DE',

                        authorization: function() { 
                           loginOptions = {scope: ['profile','payments:widget','payments:shipping_address','payments:billing_address'], popup: true };
                           authRequest = amazon.Login.authorize (loginOptions, 'https://schilderstyle.de/konfigurator/core/payments/amazon-io.php?com=checkProfile&returnpath=index'); 
                        },
   
                        onError: function(error) { 
                           console.log('The following error occurred: ' + error.getErrorCode() + ' - ' + error.getErrorMessage());
                        }  
                     });
                  }
               
      $("<div id='LoginWithAmazon' class='amazonLoginButton' style='display:none;'></div>").insertAfter($("body"));  

   });

     $(document).on('click', '.googleLogin', function() { googleLoginPopup($(this)); });
            $(document).on('click', '.facebookLogin', function() { facebookLoginPopup($(this)); });

            $(document).on('click', '.googleRegister', function() { googleLoginPopup($(this)); });
            $(document).on('click', '.facebookRegister', function() { facebookLoginPopup($(this)); });

            $(document).on('click', '.logoutCustomerLink', function (e) { logoutCustomer(e, this); });


            function googleLoginPopup(btn)
            {
               const form  = btn.closest('form');
               const value = form.find('input[name="sp"]').val();
               const state = JSON.stringify({'action': 'google_login',  'mode': value, 'source' : 'index'});
         
               var googleLoginUrl = 'https://accounts.google.com/o/oauth2/v2/auth?client_id=158119646144-70f4clj1e68eklf8nbhvp67kf34q1ucg.apps.googleusercontent.com&redirect_uri=https://schilderstyle.de/konfigurator/scripts/mmk-io.php&response_type=code&scope=openid+email+profile&access_type=offline&state='+state+'&prompt=consent';
               socialLoginPopupWindow(googleLoginUrl,'google', value); 
            }

            function facebookLoginPopup(btn) 
            {
               const form  = btn.closest('form');
               const value = form.find('input[name="sp"]').val();
               const state = JSON.stringify({'action': 'fb_login',  'mode': value, 'source': 'index'});

               var fbLoginUrl   = 'https://www.facebook.com/v21.0/dialog/oauth?client_id=AppID&redirect_uri=https://schilderstyle.de/konfigurator/scripts/mmk-io.php&scope=email,public_profile&state=' + state;
               socialLoginPopupWindow(fbLoginUrl,'facebook', value); 
               //console.log(fbLoginUrl);
            }              

            function logoutCustomer(e,el)
            {
               e.preventDefault();
               console.log('loggin user out');
               //return;
            logoutAmazon();   
            const target = $(el).attr('href');
         
            setTimeout(function() {
                  window.location.href = target;
               }, 150);
            }

            function logoutAmazon()
            {
               if(window.amazon && amazon.Login) 
               { 
                  amazon.Login.logout(); 
                     //const cookies = [
                     //    'amazon_Login_state_cache',
                     //    'amazon_Login_accessToken',
                     //    'amazon_Login_accessToken_expiresIn',
                     //    'amazon_Login_accessToken_issueTime'
                     //];

                  //cookies.forEach(c => {
                  //    document.cookie = c + '=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
                  // });
               }

                if (amazon.Pay) { amazon.Pay.signout(); } /* V2 */
            }
 
            
 
   
   $(window).on('resize', function()
   {
      resizeNavigation()
   });

   function resizeNavigation()
   {
      //console.log($(window).height(),$(window).width(),gw);

      if($(window).width()!=gw) 
      {
         if ($(window).width() < 1500) { $('.usLoggedText').hide(); $('.usText').hide(); }
         else { $('.usLoggedText').show(); $('.usText').show(); }

         /* HIDE LOGIN MENU */
         $('#mmkmenu .userPanel, #mmkRespMenu .userPanel').hide();
      }
   }