/* Js for , Version=1778041390 */
 v.lang = {"confirmDelete":"Do you want to delete it?","deleteing":"Deleting","doing":"Doing","loading":"Loading","updating":"Updating","timeout":"Timeout. Please try it again.","errorThrown":"<h4> Error <\/h4>","continueShopping":"Continue shopping","required":"Required","back":"Back","continue":"Continue","importTip":"Old layout data will be replaced","fullImportTip":"Old article, product, layout data will be replaced and import test data"};;

  window.dataLayer = window.dataLayer || [];

  function gtag(){dataLayer.push(arguments);}

  gtag('js', new Date());


  gtag('config', 'AW-17747693915');

;

    window.addEventListener('load', function (event) {

        document.querySelectorAll('[type="submit"]').forEach(function (e) {

            e.addEventListener('click', function () {

                setTimeout(function () {

                    var textToTrack = "Your message has been successfully submitted! We will reply to you as soon as possible";

                    if (document.body.textContent.includes(textToTrack)) {

                        console.log('Text "${textToTrack}" exists in the document.');

                        gtag('event', 'conversion', { 'send_to': 'AW-17747693915/fSMqCNCyqNUbENui4Y5C' });

                    } else {

                        console.log('"Text "${textToTrack}" does not exist in the document.""');

                    }

                }, 2000);

            });

        });

    });

;

    window.addEventListener('load', function (event) {

        setTimeout(function () {

            if (window.location.href.includes("http://www.xingtaisiliconmaterials.com/product/")) {

                gtag('event', 'conversion', {'send_to': 'AW-17747693915/2uDJCJLZ3NMbENui4Y5C'});

            }

        }, 30000);

    });

;$(document).ready(function() {
            $('#zlight-nav').zlightMenu();
        });

        ;(function($, window, document, undefined) {
            var pluginName = 'zlightMenu',
                defaults = {
                    height: '71px',
                    subMenuHeight: '20px',
                    fontSize: '15px',
                    subMenuWidth: '180px',
                    floating: 'left',
                    transform: 'on', //关闭浮动滑动
                    transformBreak: '100',
                    lablColor: '#ffffff',
                    lablFontSize: '15px',
                    iconColor: '#ffffff',
                    iconSize: '20px',
                    mobileMainColor: '#323231',
                    mainColor: 'transparent', // 修改为透明
                    secondColor: '#FFB40C',
                    fontColor: '#ffffff', // 初始字体白色
                    activeFontColor: '#ffffff',
                    borderLightColor: 'rgba(255,255,255,0.2)',
                    borderDarkColor: 'rgba(0,0,0,0.2)',
                    dropBorderLightColor: '#444444',
                    dropBorderDarkColor: '#222222'
                };

            function Zmenu(element, options) {
                this.element = $(element);
                var ele = this;
                this.options = $.extend({}, defaults, options);
                this._defaults = defaults;
                this._name = pluginName;
                this.init(ele)
            };
            Zmenu.prototype.variables = function(ele) {
                this.op = this.options;
                this.mainNav = this.element.children('#zlight-main-nav');
                this.li = this.mainNav.children('li');
                this.links = this.mainNav.children('li').children('a');
                this.allLinks = this.mainNav.find('a');
                this.active = this.mainNav.find('.zlight-active');
                this.subMenu = this.mainNav.find('.zlight-submenu');
                this.subli = this.subMenu.children('li');
                this.subLinks = this.subMenu.children('li').children('a');
                this.mobileNav = this.element.children('#zlight-mobile-nav');
                this.mobileSelect = this.mobileNav.children('select');
                this.mobileSpan = this.mobileNav.children('span');
                this.mobileTxt = this.mobileSpan.text();
                this.mobileIcon = this.mobileNav.children('.zlight-icon');
                this.counter = 0;
            };
            Zmenu.prototype.setStyles = function(ele) {
                this.element.css({
                    'height': this.op.height,
                    'background-color': this.op.mainColor, // 使用透明背景
                    'position': 'fixed', // 设置为固定定位
                    'top': '0', // 固定在顶部
                    'left': '0',
                    'width': '100%'
                });
                this.mainNav.css({
                    'border-right-color': this.op.borderDarkColor,
                    'float': this.op.floating,
                    'background-color': 'transparent' // 主导航背景透明
                });
                this.links.css({
                    'height': this.op.height,
                    'line-height': this.op.height,
                    'font-size': this.op.fontSize,
                    'color': this.op.fontColor, // 初始字体白色
                    'border-left-color': this.op.borderDarkColor,
                    'border-right-color': this.op.borderLightColor
                });
                if (this.active) {
                    this.active.css('background-color', this.op.secondColor).children('a').css('color', this.op.activeFontColor)
                };
                this.subMenu.css({
                    'background-color': 'transparent', // 子菜单背景透明
                    'width': this.op.subMenuWidth
                });
                this.subLinks.css({
                    'color': this.op.fontColor, // 子菜单初始字体白色
                    'font-size': this.op.fontSize,
                    'border-top-color': this.op.dropBorderDarkColor,
                    'border-bottom-color': this.op.dropBorderLightColor,
                    'line-height': this.op.subMenuHeight
                });
                this.mobileSelect.fadeTo(0, 0).css({
                    'height': this.op.height,
                    'line-height': this.op.height
                });
                this.mobileSpan.css({
                    'line-height': this.op.height,
                    'color': this.op.lablColor,
                    'font-size': this.op.lablFontSize
                });
                this.mobileIcon.css({
                    'color': this.op.iconColor,
                    'line-height': this.op.height,
                    'font-size': this.op.iconSize
                });
                this.mobileNav.css('background-color', this.op.mobileMainColor)
            };
            Zmenu.prototype.createMobile = function(ele) {
                this.mobileSelect.append('<option>' + this.mobileTxt + '</option>');
                this.allLinks.each(function(indx, element) {
                    var hrf = $(element).attr('href'),
                        txt = $(element).text(),
                        hclass = $(element).parents('.zlight-submenu').length,
                        tr = '';
                    if (hclass > 0) {
                        for (i = 0; i < hclass; i++) {
                            tr += '-'
                        }
                    };
                    ele.mobileSelect.append('<option value="' + hrf + '">' + tr + ' ' + txt + '</option>')
                })
            };
            Zmenu.prototype.change = function(ele) {
                this.mobileSelect.on('change.zmenuChange', function() {
                    location = this.options[this.selectedIndex].value
                });
                this.li.add(this.subli).on('mouseenter mouseleave.zmenuEnter', function(event) {
                    if (event.type === 'mouseenter') {
                        $(this).css('background-color', ele.op.secondColor).children('a').css('color', ele.op.activeFontColor)
                    } else if (event.type === 'mouseleave') {
                        if ($(this).hasClass('zlight-active') === false) {
                            $(this).css('background-color', 'transparent').children('a').css('color', ele.op.fontColor)
                        }
                    }
                });
                
                // 添加鼠标悬停效果
                this.element.on('mouseenter.zlightHover', function() {
                    $(this).addClass('zlight-hover');
                }).on('mouseleave.zlightHover', function() {
                    // 只有在没有滚动的情况下才移除悬停效果
                    if ($(document).scrollTop() < ele.op.transformBreak) {
                        $(this).removeClass('zlight-hover');
                    }
                });
                
                if (this.op.transform === 'on') {
                    $(window).on('scroll.ZlightScrolling', function() {
                        if ($(document).scrollTop() >= ele.op.transformBreak) {
                            // 添加滚动样式类
                            ele.element.addClass('zlight-scrolled');
                        } else {
                            // 移除滚动样式类
                            ele.element.removeClass('zlight-scrolled');
                            // 滚动到顶部时也移除悬停效果
                            ele.element.removeClass('zlight-hover');
                        }
                    })
                }
            };
            Zmenu.prototype.init = function(ele) {
                this.variables(ele);
                this.setStyles(ele);
                this.createMobile(ele);
                this.change(ele)
            };
            $.fn[pluginName] = function(options) {
                return this.each(function() {
                    if (!$.data(this, 'plugin_' + pluginName)) {
                        $.data(this, 'plugin_' + pluginName, new Zmenu(this, options))
                    }
                })
            }
        })(jQuery, window, document);;v.path = ["149"];;v.objectType = "product";;v.productID = 57;;v.objectID = 57;;v.categoryID = 149;;v.categoryPath = ["149"];;v.addToCartSuccess = "Added to your shopping cart!";;v.gotoCart = "Check Out";;v.goback = "Back";;v.stockOpened = false;;v.stock = 0;;
;v.pageLayout = "global";;
$().ready(function() {  
    // 隐藏所有的选项卡内容  
    $('#protab').find(".block-tabs").hide();  
    
    // 关键修改：将 hover 改为 click 事件（移除了离开时的回调函数）
    $('#protab').find(".block-tabs-nav li").click(function() {  
        // 获取当前点击的导航项的索引  
        var index = $(this).index();  
        
        // 移除所有导航项的 'active' 类  
        $('#protab').find(".block-tabs-nav li").removeClass('active');  
        
        // 为当前点击的导航项添加 'active' 类  
        $(this).addClass('active');  
        
        // 隐藏所有的选项卡内容  
        $('#protab').find(".block-tabs").hide();  
        
        // 显示当前点击的导航项对应的选项卡内容  
        $('#protab').find(".block-tabs").eq(index).show();  
    });  
    
    // 默认选中第一个选项卡并显示对应的内容  
    var firstTabIndex = 0; // 第一个选项卡的索引  
    $('#protab').find(".block-tabs-nav li").eq(firstTabIndex).addClass('active');  
    $('#protab').find(".block-tabs").eq(firstTabIndex).show();  
});  
;
$(function()
{
    var videoContainer = "<video id=\"VIDEO_ID\" class=\"video-js vjs-default-skin vjs-big-play-centered\" controls preload=\"auto\" loop=\"loop\" data-setup='{\"autoplay\": VIDEO_AUTOSTART, \"width\": VIDEO_WIDTH, \"height\": VIDEO_HEIGHT, \"controlBar\": {\"fullscreenToggle\": VIDEO_FULLSCREEN}}'><source src=\"VIDEO_SRC\" type=\"video\/VIDEO_TYPE\" \/> <\/video>";
    $('embed').each(function(index)
    {
        if($(this).hasClass('videojs')) 
        {
            var $embed      = $(this),
                src         = $embed.attr('src'),
                w           = $embed.width(),
                h           = $embed.height(),
                type        = src.match(/t=\w+/g),
                autostart   = $embed.attr('autostart'),
                fullscreen  = $embed.attr('allowfullscreen'),
                containerID = 'video_' + index;

            $container = videoContainer.replace(/VIDEO_SRC/g, src);
            $container = $container.replace(/VIDEO_WIDTH/, w);
            $container = $container.replace(/VIDEO_HEIGHT/, h);
            $container = $container.replace(/VIDEO_ID/, containerID);
            $container = $container.replace(/VIDEO_AUTOSTART/, autostart);
            $container = $container.replace(/VIDEO_FULLSCREEN/, fullscreen);
            $container = $container.replace(/VIDEO_TYPE/, type[0].replace('t=', ''));
            $(this).replaceWith($container);
        }
    })
});
;$().ready(function() { $('#execIcon').tooltip({title:$('#execInfoBar').html(), html:true, placement:'right'}); }); ;$(document).ready(function()
{
    /* Set current active topNav. */
    var hasActive = false;
    if(v.categoryID > 0 && $('.nav-product-' + v.categoryID).length >= 1)
    {
        hasActive = true;
        $('.nav-product-' + v.categoryID).addClass('active');
    }

    if(v.categoryID > 0 && $('.nav-product-' + '0').length >= 1)
    {
      if(!hasActive)
      {
        hasActive = true;
        $('.nav-product-' + '0').addClass('active');
      }
    }
    if(v.categoryPath && v.categoryPath.length)
    {
        $.each(v.categoryPath, function(index, category)
        {
            if(!hasActive)
            {
                if($('.nav-product-' + category).length >= 1) hasActive = true;
                $('.nav-product-' + category).addClass('active');
            }
        });
    }
    else if(v.path && v.path.length)
    {
        $.each(v.path, function(index, category)
        {
            if(!hasActive)
            {
                if($('.nav-product-' + category).length >= 1) hasActive = true;
                $('.nav-product-' + category).addClass('active');
            }
        });
        if(!hasActive) $('.nav-product-0').addClass('active');
    }
    
    if(v.categoryID !== 0) $('#category' + v.categoryID).parent().addClass('active');
})
$(document).ready(function()
{
   	$('.little-image').mouseover(function()
    {
        $('.product-image.media-wrapper img').attr('src', $(this).find('img').attr('src').replace('s_', 'f_'));
        return false;
    });

    $('.btn-buy').click(function()  { location.href = createLink('order', 'confirm', 'product=' + v.productID + '&count=' + $('#count').val()); });

    $('.btn-cart').click(function() 
    { 
        var button = $('#cartBox');
        cartLink = createLink('cart', 'add', 'product=' + v.productID + '&count=' + $('#count').val());
        $.getJSON(cartLink, function(response)
        {
            if(response.result == 'success')
            {
                loadCartInfo(true);
            }
            else
            {
                location.href = response.locate;           
            }
        });
    });
    $('.icon-plus').parent().click(function(){ $('#count').val(parseInt($('#count').val()) + 1).change(); });
    if(v.stockOpened) 
    {
       $('#count').change(function()
       {
          if($('#count').val() > v.stock) $(this).val(v.stock);
       })
    }
    $('.icon-minus').parent().click(function() 
    { 
        if($('#count').val() <= 1) return false;
        $('#count').val(parseInt($('#count').val()) - 1);  
    });

    // set product image menu
    var $imageMenu = $('#imageMenu');
    var $imageMenuWrapper = $('#imageMenuWrapper');
    var setImageMenu = function()
    {
        
        var imgMenuWidth = 0;
        $imageMenu.children('.product-image-wrapper').each(function()
        {
            imgMenuWidth += $(this).outerWidth();
        });
        $imageMenu.width(imgMenuWidth);

        var imgWrapperWidth = $imageMenuWrapper.width();
        $imageMenuWrapper.toggleClass('scrollable', imgWrapperWidth < imgMenuWidth);
    };
    $(document).on('click', '.product-image-menu-wrapper.scrollable .btn-img-scroller', function()
    {
        var $btn = $(this);
        var imgMenuWidth = $imageMenu.outerWidth();
        var imgWrapperWidth = $imageMenuWrapper.width();
        var left = parseInt($imageMenu.css('left').replace('px', ''));
        if($btn.hasClass('btn-next-img'))
        {
            if(imgMenuWidth + left > imgWrapperWidth)
            {
                $imageMenu.css('left', Math.min(0, Math.max(imgWrapperWidth - imgMenuWidth, left - 56)));
            }
        }
        else
        {
            if(left < 0)
            {
                $imageMenu.css('left', Math.min(0, Math.max(imgWrapperWidth - imgMenuWidth, left + 56)));
            }
        }
    });

    $(window).resize(setImageMenu);
    setImageMenu();

    // zoom product image on hover
    var $productImage = $('#productImage');
    var $productImage2x = $('<div id="productImage2x" class="product-image-2x-wrapper" />').append($productImage.clone().attr('id', 'productImage2xWrapper').addClass('product-image-2x'));
    $productImage2x.find('.image-zoom-region').remove();
    $productImage.after($productImage2x);
    var resizeImage2x = function()
    {
        $productImage2x.width($productImage.width());
    };
    $(window).resize(resizeImage2x);
    resizeImage2x();

    var $imageZoom = $productImage.find('.image-zoom-region');
    var $productImage2xWrapper = $('#productImage2xWrapper');
    var $pageWrapper = $('.page-wrapper');
    var $img = $productImage.find('img');
    $productImage.on('mousemove', function(e)
    {
        var width = $productImage.width(), height = 300;
        var offset = $productImage.offset();
        var x = e.pageX - offset.left, y = e.pageY - offset.top;
        var position = $img.position();
        var imgWidth = $img.width(), imgHeight = $img.height();
        x = Math.max(position.left, Math.min(Math.min(width/2, position.left + imgWidth - width/2), x - width/4));
        y = Math.max(position.top, Math.min(Math.min(height/2, position.top + imgHeight - height/2), y - height/4));
        $imageZoom.css({left: x, top: y});
        $productImage2xWrapper.css({left: -2*x, top: -2*y});
    }).on('mouseleave', function(){$productImage2x.removeClass('show');})
    .on('mouseenter', function(){$productImage2x.addClass('show');});
})