$(document).ready(function() {
  
  $('#headerZone .greetingPhoto').remove();
  
  $("#ajaxHeaderLoad").load("/userfiles2/skin/makeWebFromFacebookPage/jsp/ajaxHeader.jsp?clubId=313", function() {
    /* ปุ่มกดปิด Search */ 
    $('#searchInMenuBtn').closest('a').click(function() {
      $('#openSearch').slideDown( "slow", function() {
        // Animation complete
      });
    });
  
  
 
   if($('body #fixedHeader').css('position')!= 'fixed'){
  /* BEGIN: script fix show/hide */
  $('div#containerBodyAll.showTools').parents('body').addClass("backendShowTools");
  $('div#containerBodyAll.showTools').parents('body').removeClass("backendHideTools");
  function hideShopTools() {
    dojo.byId('containerBodyAll').className = 'hideTools';
    $('body').addClass("backendHideTools");
    $('body').removeClass("backendShowTools");	
    $('#floatMenu').fadeOut('slow', function() {});
    scrollBackgroundHeader();
  }
  function showShopTools() {
    dojo.byId('containerBodyAll').className = 'showTools';
    $('#floatMenu').fadeIn('slow', function() {});
    $('body').addClass("backendShowTools");
    $('body').removeClass("backendHideTools");
    scrollBackgroundHeader();
  }
  /* END: script fix show/hide */


  /* Begin: Float Menu */
  $(window).scroll(scrollBackgroundHeader);
  function scrollBackgroundHeader() {
    var scrollTopPostion = $(window).scrollTop();
    var backendMode = false;
    var maxTopPostion = 60;
    var positionY = 0;
    if ($("body.backendShowTools").length > 0) {		
      backendMode = true;
      positionY = 84; /* when backendMode position Y + 84px*/
    } else if ($("body.backendHideTools").length > 0) {
      backendMode = true;
      positionY = 20; /* when backendMode position Y + 20px*/
    }


    if ( scrollTopPostion >= maxTopPostion) {
      if ($('body.scrollTop100').length < 1) {
        $('body').addClass('scrollTop100');
        if ( $('#overideScrollTop100').length <= 0 ) {
          $("<style type='text/css' id='overideScrollTop100'> body.scrollTop100 div#ajaxHeaderLoad {top: " + $('#editZone2.ajaxDinamicLoad').css("height") + ";} </style>").appendTo("body");
        }        
      }
    } else {
      if ($('body.scrollTop100').length > 0) {
        $('body').removeClass('scrollTop100');
      }
    }
  }
  /* END: Float Menu */
 }
 
  
  
  
  
  });
  
  
  
    $("#editZone2.ajaxDinamicLoad > .logo2 > a").html('<img style=" " src="userfiles2/shopLogo/d9c78fd9-7428-4caa-85ae-a5ecd089a4af/logo.png"/>');
  
  
  $("#ajaxHeaderSlideLoad").load('/userfiles2/skin/makeWebFromFacebookPage/jsp/headerImage.jsp?clubId=313', function(){
    
  });
  
	
  /* ใส่ปุ่มสั่งซื้อผ่าน line + messenger */	
  $('body.homePage p.productPrice, body.category-view p.productPrice, body.product-search p.productPrice').append('<center class="contactBelow buyWithContactWrapper"></center>');
  
  	
	$('.buyWithContactWrapper').append('<a href="http://line.me/ti/p/~els18shop" class="buyWithContactLine" target="_blank" ><img src="/userfiles2/directUpload/skin/makeWebFromFacebookPage/etc/LINE_icon01.png" height="40"></a>');		      
  	$('body.product-view .btnOption').append('<div class="buyWithLine"><a href="http://line.me/ti/p/~els18shop" class="buyWithContactLine" target="_blank" ><img src="/userfiles2/directUpload/skin/makeWebFromFacebookPage/etc/lineCart.png" height="40"></a></div>');
	
	
	$('.buyWithContactWrapper').append(' <a href="https://m.me/ELS Building And Decor" class="buyWithContactMessenger" target="_blank"><img src="/userfiles2/directUpload/skin/makeWebFromFacebookPage/etc/fbmessenger.png" height="40"></a>');      
  	$('body.product-view .btnOption').append('<div class="buyWithMessenger"><a href="https://m.me/ELS Building And Decor" class="buyWithContactMessenger" target="_blank" ><img src="/userfiles2/directUpload/skin/makeWebFromFacebookPage/etc/msgCart.png" height="40"></a></div>');
	
  
  $('#editZone2 #topMenuBar > ul').prepend('<li class="linkNav goHomeMenu"><a href="/"><span>หน้าแรก</span></a></li>');
  $('#editZone2 #topMenuBar > ul').append('<li class="mainNav paymentTopMenu"><a href="/viewPayment.do?clubId=313"><span>ชำระเงิน</span></a></li>');
  $('#editZone2 #topMenuBar > ul').append('<li class="mainNav contactUsTopMenu"><a href="/viewContactUs.do?clubId=313"><span>ติดต่อ</span></a></li>');
  $('#editZone2 #topMenuBar > ul').append('<li class="mainNav aboutUsTopMenu"><a href="/viewAboutUs.do?clubId=313"><span>เกี่ยวกับเรา</span></a></li>');
  
  /* facebook login in dialog */
  /*
  $("#ajaxLoginJQuryDialog").append("<div class='facebooklogin'></div>");
  $('.facebooklogin').load('/userfiles2/skin/makeWebFromFacebookPage/jsp/facebookLogin.jsp?clubId=313');
  */
  
  
});
  
  
  

  /* โค้ดด้านล่างนี้น้องอุ้มแก้ได้ */
  
 function toggleMenu(){
   var x = document.getElementById("openMenu"); //เช็คปุ่มกดเมนู เรียก id
   if(x.className==="openMobileMenu"){ //ถ้าปุ่ม มี css openMobileMenu
     $('#topMenuBar').addClass('setOpenWrapp');
     $('#topMenuBar > ul').addClass('setOpen'); // เพิ่มคลาส setOpenที่ #topMenuBar > ul
     $('#topMenuBar > ul').removeClass("setClose");//ลบคลาส setClose ที่ #topMenuBar > ul
     $('#openMenu').removeClass("openMobileMenu"); //ลบชื่อคลาสที่ปุ่ม
     $('#openMenu').addClass('closeMobileMenu');//เพิ่มชื่อ closeMobileMenu คลาสที่ปุ่ม
   }


   else if(x.className==="closeMobileMenu"){//หรือถ้าปุ่ม มี css closeMobileMenu
     $('#topMenuBar').removeClass('setOpenWrapp');
     $('#topMenuBar > ul').addClass('setClose');  // เพิ่มคลาส setCloseที่ #topMenuBar > ul
     $('#topMenuBar > ul').removeClass("setOpen"); //ลบคลาส setOpen ที่ #topMenuBar > ul
     $('#openMenu').removeClass("closeMobileMenu"); //ลบชื่อคลาส closeMobileMenu ที่ปุ่ม
     $('#openMenu').addClass('openMobileMenu'); //เพิ่มชื่อ openMobileMenu คลาสที่ปุ่ม
   }

 }



/* ปุ่มกดปิด Search  */
function myFunction() {
    document.getElementById("openSearch").style.display = "none";
  }

/* สิ้นสุดปุ่มกดปิด Search */

  


 


  function openDropdown() {
    document.getElementById("myDropdown").classList.toggle("show");
  }

 
  window.onclick = function(event) {
    if (!event.target.matches('.dropbtn')) {

      var dropdowns = document.getElementsByClassName("dropdown-content");
      var i;
      for (i = 0; i < dropdowns.length; i++) {
        var openDropdown = dropdowns[i];
        if (openDropdown.classList.contains('show')) {
          openDropdown.classList.remove('show');
        }
      }
    }
  }