' + desc + '
';\n var buttonUrl = '' + name + '';\n html = subHeading + description + buttonUrl;\n $('.rv-subcategory').html('');\n $('.rv-subcategory').append(html);\n}\n\n/**\n * Function to check shop or rent button prefix.\n * @param {number} $btn is active category.\n * @returns {string} string buttton prefix name.\n */\nfunction getButtonPrefix($btn) {\n var btnPrefixName = '';\n if (($btn.data('category') === 'cat-1') || $('.Find-perfect-RV').hasClass('buy-clp-page')) {\n btnPrefixName = $('.Find-perfect-RV').attr('data-ctaprefix1');\n } else if ($('.Find-perfect-RV').hasClass('travelhome-buy-clp-page')) {\n btnPrefixName = 'See';\n } else {\n btnPrefixName = $('.Find-perfect-RV').attr('data-ctaprefix2');\n }\n return btnPrefixName;\n}\n\n/**\n * getting all the sub category data.\n * @param {number} $btn is the active category.\n * @param {number} $cat is the category.\n */\nfunction loadSubCategoryData($btn, $cat) {\n var subHeading = $cat.find('.category-item:first-child').data('category-info').name;\n var description = $cat.find('.category-item:first-child').data('category-info').description;\n var url = $cat.find('.category-item:first-child').data('category-info').url;\n var btnPrefix = getButtonPrefix($btn);\n if($('.Find-perfect-RV').hasClass('travelhome-buy-clp-page')) {\n var name = btnPrefix + ' ' + $cat.find('.category-item:first-child').data('category-info').categoryShortName + ' RVs';\n } else {\n var name = btnPrefix + ' ' + $cat.find('.category-item:first-child').data('category-info').categoryShortName;\n }\n subcategoryHtml(subHeading, description, url, name);\n}\n\n/**\n * Function to ininitilize the slider buttons.\n */\nfunction btnSliderInit() {\n var btnWidth = $('.btn-1').innerWidth();\n $('.btn-slider').css('width', btnWidth);\n $('.btn-slider').css('left', '-2px');\n}\n\n/**\n * Function to ininitilize category.\n * @param {number} $btn button one which category button selected.\n * @param {number} $cat category one which loads on page load.\n */\nfunction onPageLoadRV($btn, $cat) {\n $('.Find-perfect-RV').find($cat).addClass('active');\n\n\n setTimeout(() => {\n $('.slider-RV-buttons').find($btn).addClass('active');\n }, 500);\n $('.Find-perfect-RV').find($cat).find('.category-item .rv-cat-image-container').removeClass('active');\n $('.Find-perfect-RV').find($cat).find('.category-item:first-child .rv-cat-image-container').addClass('active');\n\n const navigate = $('.Find-perfect-RV').data('navigate');\n if(navigate) {\n return;\n }\n loadSubCategoryData($btn, $cat);\n loadAllCarouselImages($cat);\n}\n\n/**\n * Function to load all the sub category carousel images and data.\n * @param {number} $btn category one which slected.\n * @param {number} $this category one which slected.\n */\nfunction loadAllSubCategoryCarouselImages($btn, $this) {\n var $carouselImages = $this.closest('.category-item').data('category-info').carousalImageUrls;\n collectingCarouselImages($carouselImages);\n var subHeading = $this.closest('.category-item').data('category-info').name;\n var description = $this.closest('.category-item').data('category-info').description;\n var url = $this.closest('.category-item').data('category-info').url;\n var btnPrefix = getButtonPrefix($btn);\n if($('.Find-perfect-RV').hasClass('travelhome-buy-clp-page')) {\n var name = btnPrefix + ' ' + $this.closest('.category-item').data('category-info').categoryShortName + ' RVs';\n } else {\n var name = btnPrefix + ' ' + $this.closest('.category-item').data('category-info').categoryShortName;\n }\n subcategoryHtml(subHeading, description, url, name);\n}\n\n$(document).ready(function () {\n var $btn = $('.btn-1');\n var $cat = $('.main-category-1');\n setTimeout(() => {\n btnSliderInit();\n }, 500);\n onPageLoadRV($btn, $cat);\n\n $('.slider-button').on('click', function () {\n $('.slider-button').removeClass('active');\n $('.Find-perfect-RV').find('.category-container').removeClass('active');\n if ($(this).data('category') === 'cat-1') {\n $('.Find-perfect-RV').find('.main-category-1').addClass('active');\n var $btn1 = $('.btn-1');\n var $cat1 = $('.main-category-1');\n btnSliderInit();\n onPageLoadRV($btn1, $cat1);\n } else {\n $('.Find-perfect-RV').find('.main-category-2').addClass('active');\n var $btn2 = $('.btn-2');\n var $cat2 = $('.main-category-2');\n onPageLoadRV($btn2, $cat2);\n var btnWidth = $('.btn-1').innerWidth();\n var btnWidthRent = $('.btn-2').innerWidth();\n $('.btn-slider').css('width', btnWidthRent);\n $('.btn-slider').css('left', btnWidth);\n }\n });\n\n const $parent = $('.Find-perfect-RV');\n const navigate = $parent.data('navigate');\n\n if(navigate) {\n $('.category-item').click(function() { \n var href = $(this).find('a').attr('href');\n window.location.href = href;\n });\n } else {\n $('.rv-cat-image').on('click', function () {\n var $this = $(this);\n var btnActive = '';\n $('.rv-cat-image-container').removeClass('active');\n $(this).closest('.rv-cat-image-container').addClass('active');\n if ($('.btn-1').hasClass('active')) {\n btnActive = $('.btn-1');\n } else {\n btnActive = $('.btn-2');\n }\n loadAllSubCategoryCarouselImages(btnActive, $this);\n });\n }\n\n $(window).on('resize', function () {\n if ($('.btn-1').hasClass('active')) {\n var switchWidthbtn1 = $('.btn-1').innerWidth();\n $('.btn-slider').css('width', switchWidthbtn1);\n } else {\n var switchWidthbtn2 = $('.btn-2').innerWidth();\n $('.btn-slider').css('width', switchWidthbtn2);\n }\n });\n});\n"],"sourceRoot":""}