function CategoryGallery(rental_id, rental_name, images_arr){ var rid = rental_id; var rentalName = rental_name; // Normalize images_arr: it may arrive as a JSON string, an object, or be undefined try { if (typeof images_arr === 'string' && images_arr.length) { images_arr = JSON.parse(images_arr); } } catch (e) { images_arr = {}; } if (!images_arr) images_arr = {}; // Where to append anchors and thumbs var $bigAfter = jQuery('#io_img_big2_' + rid); var $thumbAfter = jQuery('#io_img_thumb1_' + rid); if ($bigAfter.length && $thumbAfter.length) { var relVal = $bigAfter.attr('rel') || 'img_group noopener'; // Helper to validate a URL-like value (non-empty and not literal placeholders) var isValid = function (u) { if (!u) return false; var s = String(u).trim(); if (!s) return false; if (s.indexOf('%%') !== -1) return false; // ignore unreplaced placeholders if (s === '0' || s.toLowerCase() === 'null' || s.toLowerCase() === 'undefined') return false; return true; }; var addedThumbs = 0; // Iterate image map and append missing big anchors and thumbs for (var key in images_arr) { if (!images_arr.hasOwnProperty(key)) continue; var imgObj = images_arr[key] || {}; var href = imgObj["rentalimage_imagelocbig"] || imgObj["imagelocbig"] || imgObj["big"]; var src = imgObj["rentalimage_imageloc"] || imgObj["imageloc"] || imgObj["thumb"]; // Compute index consistent with existing templates var n = parseInt(key, 10); if (isNaN(n)) { // Try to derive from position by incrementing a counter if keys are not numeric n = 1; } // Category templates already include big1, big2, and thumb1; gallery adds 2+ when missing var bigIndex = n + 1; // matches io_cart_shortcode.html pattern var thumbIndex = n + 1; // thumb id series aligns with big series in newer code // Add big anchor if valid and not already present if (isValid(href)) { var bigId = '#io_img_big' + bigIndex + '_' + rid; if (jQuery(bigId).length === 0) { var $a = jQuery('', { rel: relVal, href: href, id: 'io_img_big' + bigIndex + '_' + rid }); $bigAfter.after($a); $bigAfter = $a; // maintain insertion point } } // Add thumbnail if valid and not already present if (isValid(src)) { var thumbId = '#io_img_thumb' + thumbIndex + '_' + rid; if (jQuery(thumbId).length === 0) { var $img = jQuery('', { 'class': 'io_image_thumb skip-lazy', title: rentalName, src: src, alt: rentalName, id: 'io_img_thumb' + thumbIndex + '_' + rid }).on('mouseover', function () { if (typeof updateMainPic === 'function') { updateMainPic(this); } }); $thumbAfter.after($img); $thumbAfter = $img; // maintain insertion point addedThumbs++; } } } // Reveal the thumbnail box if we added any extra thumbnails if (addedThumbs > 0) { jQuery('#io_img_thumb1_' + rid).closest('.io_image_thumbbox').show(); } } } jQuery(document).ready(function($) { console.log('[IO View Toggle] Document ready, initializing view toggle functionality'); // FIRST: Check if category_id has a numeric value to identify actual category pages // This must happen before any view state is applied var categoryId = $('.category_id').text().trim(); var hasCategoryId = categoryId && !isNaN(categoryId) && categoryId.length > 0; if (hasCategoryId) { console.log('[IO View Toggle] Valid category ID detected:', categoryId); $('body').addClass('io-has-category-id'); } else { console.log('[IO View Toggle] No valid category ID found'); $('body').addClass('io-no-category-id'); } // Only initialize view toggle on pages WITH a category ID if (!hasCategoryId) { console.log('[IO View Toggle] Skipping view toggle initialization - not a category item page'); return; } // Initialize view toggle functionality function initViewToggle() { console.log('[IO View Toggle] Initializing view toggle functionality'); // Check if toggle buttons exist if ($('.io_view_toggle_btn').length === 0) { console.warn('[IO View Toggle] Toggle buttons not found in DOM'); return; } console.log('[IO View Toggle] Found', $('.io_view_toggle_btn').length, 'toggle buttons'); // Check if category container exists if ($('.io_catdiv2').length === 0) { console.warn('[IO View Toggle] Category container (.io_catdiv2) not found'); return; } console.log('[IO View Toggle] Found', $('.io_catdiv2').length, 'category containers'); // Get saved view preference from localStorage var savedView = localStorage.getItem('io_category_view') || 'tile'; console.log('[IO View Toggle] Retrieved saved view preference:', savedView); // Set initial view $('.io_catdiv2').removeClass('tile-view list-view').addClass(savedView + '-view'); console.log('[IO View Toggle] Applied initial view class:', savedView + '-view'); // Update button states $('.io_view_toggle_btn').removeClass('active'); $('.io_view_toggle_btn[data-view="' + savedView + '"]').addClass('active'); console.log('[IO View Toggle] Updated button states, active button:', savedView); // Log current items count var itemCount = $('.io_item2_list').length; console.log('[IO View Toggle] Found', itemCount, 'items in category'); // Handle toggle button clicks $('.io_view_toggle_btn').off('click.viewToggle').on('click.viewToggle', function(e) { e.preventDefault(); var view = $(this).data('view'); console.log('[IO View Toggle] Button clicked, switching to view:', view); // Update button states $('.io_view_toggle_btn').removeClass('active'); $(this).addClass('active'); console.log('[IO View Toggle] Updated button active states'); // Update grid view $('.io_catdiv2').removeClass('tile-view list-view').addClass(view + '-view'); console.log('[IO View Toggle] Applied view class:', view + '-view'); // Save preference localStorage.setItem('io_category_view', view); console.log('[IO View Toggle] Saved view preference to localStorage:', view); // Debug: Log current layout state setTimeout(function() { var containerClasses = $('.io_catdiv2').attr('class'); var visibleItems = $('.io_item2_list:visible').length; console.log('[IO View Toggle] Layout updated - Container classes:', containerClasses); console.log('[IO View Toggle] Visible items after view change:', visibleItems); // Check if list view content is properly shown/hidden if (view === 'list') { var visibleListContent = $('.io_list_view_content:visible').length; console.log('[IO View Toggle] Visible list content elements:', visibleListContent); } else { var hiddenListContent = $('.io_list_view_content:hidden').length; console.log('[IO View Toggle] Hidden list content elements:', hiddenListContent); } }, 100); }); console.log('[IO View Toggle] Event handlers attached successfully'); } // Initialize when page loads console.log('[IO View Toggle] Starting initial setup'); initViewToggle(); // Also initialize after dynamic content loads (if applicable) $(document).on('io_content_loaded', function() { console.log('[IO View Toggle] Dynamic content loaded event detected, reinitializing'); initViewToggle(); }); // Debug: Monitor for DOM changes that might affect our functionality if (typeof MutationObserver !== 'undefined') { var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { for (var i = 0; i 0)) { console.log('[IO View Toggle] New items detected in DOM, checking if reinit needed'); setTimeout(initViewToggle, 100); break; } } } }); }); observer.observe(document.body, { childList: true, subtree: true }); console.log('[IO View Toggle] DOM mutation observer started'); } // Debug: Log window resize events that might affect responsive layout $(window).on('resize.viewToggle', function() { var windowWidth = $(window).width(); var currentView = $('.io_catdiv2').hasClass('list-view') ? 'list' : 'tile'; console.log('[IO View Toggle] Window resized to:', windowWidth, 'px, current view:', currentView); }); console.log('[IO View Toggle] Initialization complete'); });

window.io_category_data = window.io_category_data || {}; window.io_category_data['2725975'] = {"indoor_outdoor":"","staff":"","electric":"0.00","dimensions":"","rental_id":"2725975","rental_name":"Dual Lane Modular Castle Combo (Wet or Dry)","images_arr":"{\u00220\u0022:{\u0022rentalimage_id\u0022:\u00221840727\u0022,\u0022rentalimage_createtime\u0022:null,\u0022rentalimage_modifiedtime\u0022:null,\u0022rentalimage_itemid\u0022:\u00222725975\u0022,\u0022rentalimage_order\u0022:\u00220\u0022,\u0022rentalimage_imageloc\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/Untitled design (1)_1742557747.png\u0022,\u0022rentalimage_imagelocbig\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/Untitled design (1)_1742557747_big.png\u0022}}"};

jQuery(document).ready(function () {
// Hide price when zero
jQuery(".rentNameIO_pricespan").each(function () {
if( !Number( this.textContent.replace(/[^0-9.-]+/g,"") ) ){
jQuery(this.parentElement).hide();
}
});
});

window.io_category_data = window.io_category_data || {}; window.io_category_data['2556401'] = {"indoor_outdoor":"","staff":"","electric":"0.00","dimensions":"","rental_id":"2556401","rental_name":"Lava Falls 2 Lane Combo (Wet or Dry)","images_arr":"{\u00220\u0022:{\u0022rentalimage_id\u0022:\u00221683391\u0022,\u0022rentalimage_createtime\u0022:null,\u0022rentalimage_modifiedtime\u0022:null,\u0022rentalimage_itemid\u0022:\u00222556401\u0022,\u0022rentalimage_order\u0022:\u00220\u0022,\u0022rentalimage_imageloc\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/ME8149bea3f1c432863c841feb0016093f_1732910859.jpeg\u0022,\u0022rentalimage_imagelocbig\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/ME8149bea3f1c432863c841feb0016093f_1732910859_big.jpeg\u0022},\u00221\u0022:{\u0022rentalimage_id\u0022:\u00221740791\u0022,\u0022rentalimage_createtime\u0022:null,\u0022rentalimage_modifiedtime\u0022:null,\u0022rentalimage_itemid\u0022:\u00222556401\u0022,\u0022rentalimage_order\u0022:\u00221\u0022,\u0022rentalimage_imageloc\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/lava falls_1737555335.png\u0022,\u0022rentalimage_imagelocbig\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/lava falls_1737555335_big.png\u0022}}"};

jQuery(document).ready(function () {
// Hide price when zero
jQuery(".rentNameIO_pricespan").each(function () {
if( !Number( this.textContent.replace(/[^0-9.-]+/g,"") ) ){
jQuery(this.parentElement).hide();
}
});
});

window.io_category_data = window.io_category_data || {}; window.io_category_data['2556391'] = {"indoor_outdoor":"","staff":"","electric":"0.00","dimensions":"","rental_id":"2556391","rental_name":"Mega Dinosaur Combo (Wet or Dry)","images_arr":"{\u00220\u0022:{\u0022rentalimage_id\u0022:\u00221683381\u0022,\u0022rentalimage_createtime\u0022:null,\u0022rentalimage_modifiedtime\u0022:null,\u0022rentalimage_itemid\u0022:\u00222556391\u0022,\u0022rentalimage_order\u0022:\u00220\u0022,\u0022rentalimage_imageloc\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/dinosaur-combo-inflatable-slide-rental-2_1732910053.png\u0022,\u0022rentalimage_imagelocbig\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/dinosaur-combo-inflatable-slide-rental-2_1732910053_big.png\u0022},\u00221\u0022:{\u0022rentalimage_id\u0022:\u00221740793\u0022,\u0022rentalimage_createtime\u0022:null,\u0022rentalimage_modifiedtime\u0022:null,\u0022rentalimage_itemid\u0022:\u00222556391\u0022,\u0022rentalimage_order\u0022:\u00221\u0022,\u0022rentalimage_imageloc\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/dino combo_1737555349.png\u0022,\u0022rentalimage_imagelocbig\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/dino combo_1737555349_big.png\u0022}}"};

jQuery(document).ready(function () {
// Hide price when zero
jQuery(".rentNameIO_pricespan").each(function () {
if( !Number( this.textContent.replace(/[^0-9.-]+/g,"") ) ){
jQuery(this.parentElement).hide();
}
});
});

window.io_category_data = window.io_category_data || {}; window.io_category_data['2556393'] = {"indoor_outdoor":"","staff":"","electric":"0.00","dimensions":"","rental_id":"2556393","rental_name":"Mega Modern Rainbow Combo (Wet or Dry)","images_arr":"{\u00220\u0022:{\u0022rentalimage_id\u0022:\u00221740795\u0022,\u0022rentalimage_createtime\u0022:null,\u0022rentalimage_modifiedtime\u0022:null,\u0022rentalimage_itemid\u0022:\u00222556393\u0022,\u0022rentalimage_order\u0022:\u00220\u0022,\u0022rentalimage_imageloc\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/inflatable-bounce-house-water-slide-mega-rainbow2_1737555373.png\u0022,\u0022rentalimage_imagelocbig\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/inflatable-bounce-house-water-slide-mega-rainbow2_1737555373_big.png\u0022}}"};

jQuery(document).ready(function () {
// Hide price when zero
jQuery(".rentNameIO_pricespan").each(function () {
if( !Number( this.textContent.replace(/[^0-9.-]+/g,"") ) ){
jQuery(this.parentElement).hide();
}
});
});

window.io_category_data = window.io_category_data || {}; window.io_category_data['2556397'] = {"indoor_outdoor":"","staff":"","electric":"0.00","dimensions":"","rental_id":"2556397","rental_name":"Mega Tropical Combo (Wet or Dry)","images_arr":"{\u00220\u0022:{\u0022rentalimage_id\u0022:\u00221740797\u0022,\u0022rentalimage_createtime\u0022:null,\u0022rentalimage_modifiedtime\u0022:null,\u0022rentalimage_itemid\u0022:\u00222556397\u0022,\u0022rentalimage_order\u0022:\u00220\u0022,\u0022rentalimage_imageloc\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/inflatable-bounce-house-water-slide-mega-tropical2_1737555390.png\u0022,\u0022rentalimage_imagelocbig\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/inflatable-bounce-house-water-slide-mega-tropical2_1737555390_big.png\u0022},\u00221\u0022:{\u0022rentalimage_id\u0022:\u00221740799\u0022,\u0022rentalimage_createtime\u0022:null,\u0022rentalimage_modifiedtime\u0022:null,\u0022rentalimage_itemid\u0022:\u00222556397\u0022,\u0022rentalimage_order\u0022:\u00221\u0022,\u0022rentalimage_imageloc\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/tropical combo_1737555390.png\u0022,\u0022rentalimage_imagelocbig\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/tropical combo_1737555390_big.png\u0022}}"};

jQuery(document).ready(function () {
// Hide price when zero
jQuery(".rentNameIO_pricespan").each(function () {
if( !Number( this.textContent.replace(/[^0-9.-]+/g,"") ) ){
jQuery(this.parentElement).hide();
}
});
});

window.io_category_data = window.io_category_data || {}; window.io_category_data['2556399'] = {"indoor_outdoor":"","staff":"","electric":"0.00","dimensions":"","rental_id":"2556399","rental_name":"Mega Unicorn Combo (Wet or Dry)","images_arr":"{\u00220\u0022:{\u0022rentalimage_id\u0022:\u00221740801\u0022,\u0022rentalimage_createtime\u0022:null,\u0022rentalimage_modifiedtime\u0022:null,\u0022rentalimage_itemid\u0022:\u00222556399\u0022,\u0022rentalimage_order\u0022:\u00220\u0022,\u0022rentalimage_imageloc\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/unicornmegacombo_sideb_1__1_1_1737555431.png\u0022,\u0022rentalimage_imagelocbig\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/unicornmegacombo_sideb_1__1_1_1737555431_big.png\u0022},\u00221\u0022:{\u0022rentalimage_id\u0022:\u00221740803\u0022,\u0022rentalimage_createtime\u0022:null,\u0022rentalimage_modifiedtime\u0022:null,\u0022rentalimage_itemid\u0022:\u00222556399\u0022,\u0022rentalimage_order\u0022:\u00221\u0022,\u0022rentalimage_imageloc\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/unicorn_1737555431.png\u0022,\u0022rentalimage_imagelocbig\u0022:\u0022https:\/\/rental.software\/users\/cdeinflatablesmore\/images\/unicorn_1737555431_big.png\u0022}}"};

jQuery(document).ready(function () {
// Hide price when zero
jQuery(".rentNameIO_pricespan").each(function () {
if( !Number( this.textContent.replace(/[^0-9.-]+/g,"") ) ){
jQuery(this.parentElement).hide();
}
});
});

Professional Delivery to Lincolnton, Iron Station, Denver, Cherryville, Crouse, Vale, Lawndale, Shelby, Kings Mountain, Hickory, Newton, Maiden and surrounding areas.