{"id":5665,"date":"2025-09-15T20:34:36","date_gmt":"2025-09-15T20:34:36","guid":{"rendered":"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/av-rentals\/"},"modified":"2026-04-03T23:21:04","modified_gmt":"2026-04-03T23:21:04","slug":"av-rentals","status":"publish","type":"page","link":"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/rentals\/av-rentals\/","title":{"rendered":"AV Rentals"},"content":{"rendered":"<!-- Start Shortcoder content --><!-- Cart -->\r\n<div class=\"cartInfo\" style=\"display:none\">\r\n    <i class=\"cartIcon fas fa-shopping-cart\"><\/i><!--no linebreak bc elementor--> <span class=\"simpleCart_quantity\"><\/span> items\r\n<\/div>\r\n\r\n<div class=\"pageDateRangeWrapper elementor-widget-button\">\r\n    <div class=\"elementor-button elementor-animation-grow\" onclick=\"checkAvailDateClick()\" style=\"display:block\">\r\n        <div class=\"ioDateRangeHeader\">Set Event Date<\/div>\r\n        <div id=\"pageDateRange\" class=\"ioDateRange\"><\/div>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"io_category_wrapper elementor-widget-heading\">\r\n    <h1 class=\"catNameIO elementor-heading-title elementor-size-default\">AV Rentals<span class=\"io_forrent io_forrent_162755\"> for Rent<\/span><\/h1>\r\n<\/div>\r\n\r\n<!-- Add View Toggle Buttons -->\r\n<div class=\"io_view_toggle_container\" style=\"display:none;\">\r\n    <div class=\"io_view_toggle_buttons\">\r\n        <button class=\"io_view_toggle_btn active\" data-view=\"tile\" title=\"Tile View\">\r\n            <i class=\"fas fa-th-large\"><\/i>\r\n        <\/button>\r\n        <button class=\"io_view_toggle_btn\" data-view=\"list\" title=\"List View\">\r\n            <i class=\"fas fa-list\"><\/i>\r\n        <\/button>\r\n    <\/div>\r\n<\/div>\r\n<div class=\"category_id\" style=\"display: none\">162755<\/div>\r\n<div class=\"cat_div_wrapper\"><div class=\"io_cat_description io_cat_description_162755 elementor-widget-text-editor catDescriptionIO\"><\/p>\n<p><span style=\"font-family: Arial,Helvetica,sans-serif;\">Our AV rentals provide professional audio visual equipment for corporate events, private parties, weddings, fundraisers, and presentations throughout Chicago and surrounding suburbs. Our inventory includes sound systems, microphones, projectors, screens, lighting, special effects, and interactive AV solutions to enhance any event.<\/span>\n<\/p>\n<p style=\"margin-top:0in;margin-right:0in;margin-bottom:15.0pt;margin-left:  0in;background:white;mso-background-themecolor:background1;border:none;  mso-border-alt:solid #D9D9E3 .25pt;padding:0in;mso-padding-alt:0in 0in 0in 0in;\"><\/p>\n<p><\/div><\/div>\r\n<div class=\"io_catdiv2\"><\/div>\r\n<div class=\"io_landingpages io_landingpages_162755 elementor-widget-text-editor\"><!-- Start Shortcoder content -->Professional delivery to <span class=\\\"io_city_list\\\">Naperville IL<\/span> and surrounding areas. Please submit a quote or contact us to be sure we service your area.<!-- End Shortcoder content --><\/div>\r\n<div class=\"io_cat_longdescription io_cat_longdescription_162755 elementor-widget-text-editor\"><\/p>\n<p style=\"margin-top:0in;margin-right:0in;margin-bottom:15.0pt;margin-left:  0in;background:white;mso-background-themecolor:background1;border:none;  mso-border-alt:solid #D9D9E3 .25pt;padding:0in;mso-padding-alt:0in 0in 0in 0in;\"><span style=\"font-family: Arial,Helvetica,sans-serif;\">Some common types of audio visual rental items include:<\/span><\/p>\n<ul style=\"list-style-type: circle;\">\n<li style=\"margin-top: 0in; margin-right: 0in; margin-bottom: 15pt; background: white; border: none; padding: 0in; font-family: Arial, Helvetica, sans-serif;\"><span style=\"color: rgb(0, 0, 0); font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: -24px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; float: none; display: inline !important;\">Sound systems: These include speakers, amplifiers, and mixers that are used to amplify sound and create a clear audio experience for the audience.<\/span><\/li>\n<li style=\"margin-top: 0in; margin-right: 0in; margin-bottom: 15pt; background: white; border: none; padding: 0in; font-family: Arial, Helvetica, sans-serif;\">Microphones: These are used to amplify the voice of a speaker or performer and can come in various types such as wired, wireless, and handheld<\/li>\n<li style=\"margin-top: 0in; margin-right: 0in; margin-bottom: 15pt; background: white; border: none; padding: 0in; font-family: Arial, Helvetica, sans-serif;\">Projectors: These are used to display images or video onto a screen or surface and can come in various types such as LCD, LED, and DLP<\/li>\n<li style=\"margin-top: 0in; margin-right: 0in; margin-bottom: 15pt; background: white; border: none; padding: 0in; font-family: Arial, Helvetica, sans-serif;\">Screens: These are used to display the images or video projected by a projector and can come in various sizes and types such as TV, Monitors, pull-down, electric, and inflatable.<\/li>\n<li style=\"margin-top: 0in; margin-right: 0in; margin-bottom: 15pt; background: white; border: none; padding: 0in; font-family: Arial, Helvetica, sans-serif;\">Lighting equipment: This includes stage lights, spotlights, and other lighting fixtures that are used to create the desired lighting effects for an event.<\/li>\n<li style=\"margin-top: 0in; margin-right: 0in; margin-bottom: 15pt; background: white; border: none; padding: 0in; font-family: Arial, Helvetica, sans-serif;\">Video cameras: These are used to record events or presentations and can come in various types such as DSLR, camcorder, and smartphone.<\/li>\n<\/ul>\n<p><span style=\"font-family: Arial,Helvetica,sans-serif;\">Please check out the categories we have&nbsp; provided and if you don&#39;t see what you are looking for give us a call!<\/span><\/p>\n<p><\/div>\r\n<script>\r\n    var isValid = function (u) {\r\n        if (!u) return false;\r\n        var s = String(u).trim();\r\n        if (!s) return false;\r\n        if (s.indexOf('%%') !== -1) return false;\r\n        if (s === '0' || s.toLowerCase() === 'null' || s.toLowerCase() === 'undefined') return false;\r\n        return true;\r\n    };\r\n\r\n    var isMp4 = function (u) {\r\n        if (!u) return false;\r\n        return \/\\.mp4(?:\\?|#|$)\/i.test(String(u).trim());\r\n    };\r\n\r\n    function CategoryGallery(rental_id, rental_name, images_arr){\r\n        var rid = rental_id;\r\n        var rentalName = rental_name;\r\n\r\n        try {\r\n            if (typeof images_arr === 'string' && images_arr.length) {\r\n                images_arr = JSON.parse(images_arr);\r\n            }\r\n        } catch (e) {\r\n            images_arr = {};\r\n        }\r\n        if (!images_arr) images_arr = {};\r\n\r\n        var $bigAfter = jQuery('#io_img_big2_' + rid);\r\n        var $thumbAfter = jQuery('#io_img_thumb1_' + rid);\r\n\r\n        if ($bigAfter.length && $thumbAfter.length) {\r\n            var relVal = $bigAfter.attr('rel') || 'img_group noopener';\r\n\r\n            var getBigUrl = function (imgObj) {\r\n                return imgObj[\"rentalimage_imagelocbig\"] || imgObj[\"imagelocbig\"] || imgObj[\"big\"] || \"\";\r\n            };\r\n\r\n            var getThumbUrl = function (imgObj) {\r\n                return imgObj[\"rentalimage_imageloc\"] || imgObj[\"imageloc\"] || imgObj[\"thumb\"] || \"\";\r\n            };\r\n\r\n            var addedThumbs = 0;\r\n            var $mainImg = jQuery('#io_img_big2_' + rid).closest('.io_item2_list').find('.io_image_big').first();\r\n\r\n            \/\/ Bind existing thumb1 to its existing big1 anchor using data-big-src\r\n            var $existingThumb1 = jQuery('#io_img_thumb1_' + rid);\r\n            var $existingBig1 = jQuery('#io_img_big1_' + rid);\r\n            if ($existingThumb1.length && $existingBig1.length) {\r\n                var existingBig1Href = $existingBig1.attr('href');\r\n                var existingThumb1Src = $existingThumb1.attr('src');\r\n\r\n                if (isMp4(existingBig1Href) && isValid(existingThumb1Src)) {\r\n                    existingBig1Href = existingThumb1Src;\r\n                    $existingBig1.attr('href', existingBig1Href);\r\n                }\r\n\r\n                if (isValid(existingBig1Href)) {\r\n                    $existingThumb1.attr('data-big-src', existingBig1Href);\r\n                    $existingThumb1.off('click.ioGallery').on('click.ioGallery', function () {\r\n                        if (typeof updateMainPic === 'function') {\r\n                            updateMainPic(this);\r\n                        }\r\n                    });\r\n                }\r\n            }\r\n\r\n            \/\/ Fix built-in big2 anchor if it points to mp4\r\n            if ($bigAfter.length) {\r\n                var builtInBig2Href = $bigAfter.attr('href');\r\n                var builtInThumb2Src = $thumbAfter.attr('src');\r\n\r\n                if (isMp4(builtInBig2Href) && isValid(builtInThumb2Src)) {\r\n                    $bigAfter.attr('href', builtInThumb2Src);\r\n                }\r\n            }\r\n\r\n            for (var key in images_arr) {\r\n                if (!images_arr.hasOwnProperty(key)) continue;\r\n\r\n                var imgObj = images_arr[key] || {};\r\n                var href = getBigUrl(imgObj);\r\n                var src  = getThumbUrl(imgObj);\r\n\r\n                if (isMp4(href) && isValid(src)) {\r\n                    href = src;\r\n                }\r\n\r\n                var n = parseInt(key, 10);\r\n                if (isNaN(n)) {\r\n                    n = addedThumbs + 1;\r\n                }\r\n\r\n                var bigIndex = n + 1;\r\n                var thumbIndex = n + 1;\r\n\r\n                if (isValid(href)) {\r\n                    var bigId = '#io_img_big' + bigIndex + '_' + rid;\r\n                    if (jQuery(bigId).length === 0) {\r\n                        var $a = jQuery('<a\/>', {\r\n                            rel: relVal,\r\n                            href: href,\r\n                            id: 'io_img_big' + bigIndex + '_' + rid\r\n                        });\r\n                        $bigAfter.after($a);\r\n                        $bigAfter = $a;\r\n                    }\r\n                }\r\n\r\n                if (isValid(src)) {\r\n                    var thumbId = '#io_img_thumb' + thumbIndex + '_' + rid;\r\n                    if (jQuery(thumbId).length === 0) {\r\n                        var $img = jQuery('<img\/>', {\r\n                            'class': 'io_image_thumb skip-lazy',\r\n                            title: rentalName,\r\n                            src: src,\r\n                            alt: rentalName,\r\n                            id: 'io_img_thumb' + thumbIndex + '_' + rid,\r\n                            'data-big-src': href\r\n                        }).on('click', function () {\r\n                            if (typeof updateMainPic === 'function') {\r\n                                updateMainPic(this);\r\n                            }\r\n                        });\r\n\r\n                        $thumbAfter.after($img);\r\n                        $thumbAfter = $img;\r\n                        addedThumbs++;\r\n                    }\r\n                }\r\n            }\r\n\r\n            if (addedThumbs > 0) {\r\n                jQuery('#io_img_thumb1_' + rid).closest('.io_image_thumbbox').show();\r\n            }\r\n        }\r\n    }\r\n\r\n    \/\/ Function to generate list view content on demand (global scope)\r\n    generateListViewContent = function() {\r\n        console.log('[IO List View] Generating list view content dynamically');\r\n\r\n        jQuery('.io_item2_list').each(function() {\r\n            var $item = jQuery(this);\r\n\r\n            if ($item.find('.io_list_view_content').length > 0) {\r\n                return;\r\n            }\r\n\r\n            var rentalId = $item.find('.item_rentalid').text().trim();\r\n            if (!rentalId) {\r\n                console.warn('[IO List View] No rental_id found for item, skipping');\r\n                return;\r\n            }\r\n\r\n            var indoorOutdoor = String(window.io_category_data[rentalId][\"indoor_outdoor\"] || \"\").replace(\/[\\r\\n]+\/g, \"\").trim();\r\n            var staff = String(window.io_category_data[rentalId][\"staff\"] || \"\").replace(\/[\\r\\n]+\/g, \"\").trim();\r\n            var electric = String(window.io_category_data[rentalId][\"electric\"] || \"\").replace(\/[\\r\\n]+\/g, \"\").trim();\r\n            var dimensions = String(window.io_category_data[rentalId][\"dimensions\"] || \"\").replace(\/[\\r\\n]+\/g, \"\").trim();\r\n\r\n            var stripHtml = function(html) {\r\n                var tmp = document.createElement(\"DIV\");\r\n                tmp.innerHTML = html;\r\n                return (tmp.textContent || tmp.innerText || \"\").trim();\r\n            };\r\n\r\n            var escapeHtml = function(text) {\r\n                var map = {\r\n                    '&': '&amp;',\r\n                    '<': '&lt;',\r\n                    '>': '&gt;',\r\n                    '\"': '&quot;',\r\n                    \"'\": '&#039;'\r\n                };\r\n                return text.replace(\/[&<>\"']\/g, function(m) { return map[m]; });\r\n            };\r\n\r\n            var html = '<div class=\"io_list_view_content\">';\r\n            html += '<div class=\"io_item_details_labeled\">';\r\n\r\n            if (indoorOutdoor && indoorOutdoor !== '0' && indoorOutdoor.length > 0) {\r\n                html += '<div class=\"io_detail_item io_detail_setup\">';\r\n                html += '<span class=\"io_detail_label\">Setup:<\/span>';\r\n                html += '<span class=\"io_detail_value\">' + escapeHtml(indoorOutdoor) + '<\/span>';\r\n                html += '<\/div>';\r\n            }\r\n\r\n            var operatorsText = staff ? staff + ' Adult Supervision Required' : \"\";\r\n            if (operatorsText &&\r\n                operatorsText !== '0 Adult Supervision Required' &&\r\n                operatorsText !== 'Adult Supervision Required' &&\r\n                operatorsText !== '0') {\r\n                html += '<div class=\"io_detail_item io_detail_operators\">';\r\n                html += '<span class=\"io_detail_label\">Operators:<\/span>';\r\n                html += '<span class=\"io_detail_value\">' + escapeHtml(operatorsText) + '<\/span>';\r\n                html += '<\/div>';\r\n            }\r\n\r\n            var powerText = electric ? electric + ' Outlets' : \"\";\r\n            if (powerText &&\r\n                powerText !== '0 Outlets' &&\r\n                powerText !== '0.00 Outlets' &&\r\n                powerText !== 'Outlets' &&\r\n                powerText !== '0') {\r\n                html += '<div class=\"io_detail_item io_detail_power\">';\r\n                html += '<span class=\"io_detail_label\">Power:<\/span>';\r\n                html += '<span class=\"io_detail_value\">' + escapeHtml(powerText) + '<\/span>';\r\n                html += '<\/div>';\r\n            }\r\n\r\n            if (dimensions && dimensions !== '0' && dimensions.length > 0) {\r\n                html += '<div class=\"io_detail_item io_detail_size\">';\r\n                html += '<span class=\"io_detail_label\">Size:<\/span>';\r\n                html += '<span class=\"io_detail_value\">' + escapeHtml(dimensions) + '<\/span>';\r\n                html += '<\/div>';\r\n            }\r\n\r\n            html += '<\/div>';\r\n            html += '<\/div>';\r\n\r\n            $item.find('.io_buttons_container').before(html);\r\n        });\r\n    };\r\n\r\n    function bindExistingThumbTargets() {\r\n    jQuery('.io_item2_list').each(function() {\r\n        var $item = jQuery(this);\r\n        var rentalId = $item.find('.item_rentalid').text().trim();\r\n        if (!rentalId) return;\r\n\r\n        var arr = window.io_category_data?.[rentalId]?.images_arr;\r\n        try {\r\n            if (typeof arr === 'string' && arr.length) {\r\n                arr = JSON.parse(arr);\r\n            }\r\n        } catch (e) {\r\n            arr = {};\r\n        }\r\n        if (!arr) arr = {};\r\n\r\n        $item.find('.io_image_thumb[id]').each(function() {\r\n            var thumb = this;\r\n            var match = thumb.id.match(\/io_img_thumb(\\d+)_(\\d+)\/);\r\n            if (!match) return;\r\n\r\n            var index = parseInt(match[1], 10) - 1;\r\n            var imgObj = arr[index];\r\n            if (!imgObj) return;\r\n\r\n            var src = imgObj.rentalimage_imageloc || imgObj.imageloc || imgObj.thumb || \"\";\r\n            var href = imgObj.rentalimage_imagelocbig || imgObj.imagelocbig || imgObj.big || \"\";\r\n\r\n            if (isMp4(href) && isValid(src)) {\r\n                href = src;\r\n            }\r\n\r\n            if (isValid(href)) {\r\n                thumb.setAttribute('data-big-src', href);\r\n            }\r\n\r\n            jQuery(thumb).off('click.ioGallery').on('click.ioGallery', function () {\r\n                if (typeof updateMainPic === 'function') {\r\n                    updateMainPic(this);\r\n                }\r\n            });\r\n        });\r\n    });\r\n}\r\n\r\n\r\n    jQuery(document).ready(function($) {\r\n\r\n        jQuery(\".io_item2_list\").each(function(){\r\n            var rentalId = jQuery(this).find('.item_rentalid').text().trim();\r\n            if (io_categoryVariantImages == 'on'){\r\n                if (typeof window.io_category_data !== 'undefined' && window.io_category_data[rentalId]) {\r\n                    CategoryGallery(\r\n                        rentalId,\r\n                        window.io_category_data[rentalId]['rental_name'],\r\n                        window.io_category_data[rentalId][\"images_arr\"]\r\n                    );\r\n                }\r\n            }\r\n        });\r\n\r\n        bindExistingThumbTargets();\r\n\r\n        console.log('[IO View Toggle] Document ready, initializing view toggle functionality');\r\n\r\n        var categoryId = $('.category_id').text().trim();\r\n        var hasNumericCategoryId = categoryId && !isNaN(categoryId) && categoryId.length > 0;\r\n\r\n        if (!hasNumericCategoryId) {\r\n            console.log('[IO View Toggle] No valid numeric category ID found, this is not a category page - skipping initialization');\r\n            return;\r\n        }\r\n\r\n        console.log('[IO View Toggle] Category page detected with categoryId:', categoryId);\r\n        $('body').addClass('io-has-category-id');\r\n\r\n        $('.io_view_toggle_container').show();\r\n        console.log('[IO View Toggle] Toggle buttons displayed for category page');\r\n\r\n        var isInitialized = false;\r\n\r\n        function initViewToggle(force) {\r\n            if (isInitialized && !force) {\r\n                console.log('[IO View Toggle] Already initialized, skipping');\r\n                return;\r\n            }\r\n\r\n            console.log('[IO View Toggle] Initializing view toggle functionality');\r\n\r\n            if ($('.io_view_toggle_btn').length === 0) {\r\n                console.warn('[IO View Toggle] Toggle buttons not found in DOM');\r\n                return;\r\n            }\r\n            console.log('[IO View Toggle] Found', $('.io_view_toggle_btn').length, 'toggle buttons');\r\n\r\n            if ($('.io_catdiv2').length === 0) {\r\n                console.warn('[IO View Toggle] Category container (.io_catdiv2) not found');\r\n                return;\r\n            }\r\n            console.log('[IO View Toggle] Found', $('.io_catdiv2').length, 'category containers');\r\n\r\n            var savedView = localStorage.getItem('io_category_view') || 'tile';\r\n            console.log('[IO View Toggle] Retrieved saved view preference:', savedView);\r\n\r\n            $('.io_catdiv2').removeClass('tile-view list-view').addClass(savedView + '-view');\r\n            console.log('[IO View Toggle] Applied initial view class:', savedView + '-view');\r\n\r\n            $('.io_view_toggle_btn').removeClass('active');\r\n            $('.io_view_toggle_btn[data-view=\"' + savedView + '\"]').addClass('active');\r\n            console.log('[IO View Toggle] Updated button states, active button:', savedView);\r\n\r\n            if (savedView === 'list') {\r\n                if (typeof generateListViewContent === 'function') {\r\n                    generateListViewContent();\r\n                } else {\r\n                    console.warn('[IO View Toggle] generateListViewContent function not available yet');\r\n                }\r\n            }\r\n\r\n            var itemCount = $('.io_item2_list').length;\r\n            console.log('[IO View Toggle] Found', itemCount, 'items in category');\r\n\r\n            $('.io_view_toggle_btn').off('click.viewToggle');\r\n\r\n            var buttons = document.querySelectorAll('.io_view_toggle_btn');\r\n            console.log('[IO View Toggle] Attaching event listeners to', buttons.length, 'buttons using native JS');\r\n\r\n            buttons.forEach(function(button) {\r\n                var newButton = button.cloneNode(true);\r\n                button.parentNode.replaceChild(newButton, button);\r\n\r\n                newButton.addEventListener('click', function(e) {\r\n                    e.preventDefault();\r\n                    e.stopPropagation();\r\n\r\n                    var view = this.getAttribute('data-view');\r\n                    console.log('[IO View Toggle] Button clicked (native listener), switching to view:', view);\r\n\r\n                    if (view === 'list') {\r\n                        if (typeof generateListViewContent === 'function') {\r\n                            generateListViewContent();\r\n                        } else {\r\n                            console.warn('[IO View Toggle] generateListViewContent function not available');\r\n                        }\r\n                    }\r\n\r\n                    document.querySelectorAll('.io_view_toggle_btn').forEach(function(btn) {\r\n                        btn.classList.remove('active');\r\n                    });\r\n                    this.classList.add('active');\r\n                    console.log('[IO View Toggle] Updated button active states');\r\n\r\n                    var catdiv = document.querySelector('.io_catdiv2');\r\n                    if (catdiv) {\r\n                        catdiv.classList.remove('tile-view', 'list-view');\r\n                        catdiv.classList.add(view + '-view');\r\n                        console.log('[IO View Toggle] Applied view class:', view + '-view');\r\n                    }\r\n\r\n                    localStorage.setItem('io_category_view', view);\r\n                    console.log('[IO View Toggle] Saved view preference to localStorage:', view);\r\n\r\n                    setTimeout(function() {\r\n                        if (catdiv) {\r\n                            var containerClasses = catdiv.className;\r\n                            var visibleItems = document.querySelectorAll('.io_item2_list:not([style*=\"display: none\"])').length;\r\n                            console.log('[IO View Toggle] Layout updated - Container classes:', containerClasses);\r\n                            console.log('[IO View Toggle] Visible items after view change:', visibleItems);\r\n\r\n                            if (view === 'list') {\r\n                                var visibleListContent = document.querySelectorAll('.io_list_view_content:not([style*=\"display: none\"])').length;\r\n                                console.log('[IO View Toggle] Visible list content elements:', visibleListContent);\r\n                            }\r\n                        }\r\n                    }, 100);\r\n                }, true);\r\n\r\n                console.log('[IO View Toggle] Event listener attached to button:', newButton.getAttribute('data-view'));\r\n            });\r\n\r\n            console.log('[IO View Toggle] Event handlers attached successfully');\r\n\r\n            isInitialized = true;\r\n        }\r\n\r\n        console.log('[IO View Toggle] Starting initial setup');\r\n        initViewToggle();\r\n\r\n        $(document).on('io_content_loaded', function() {\r\n            console.log('[IO View Toggle] Dynamic content loaded event detected, reinitializing');\r\n\r\n            jQuery(\".io_item2_list\").each(function(){\r\n                var rentalId = jQuery(this).find('.item_rentalid').text().trim();\r\n                if (io_categoryVariantImages == 'on'){\r\n                    if (typeof window.io_category_data !== 'undefined' && window.io_category_data[rentalId]) {\r\n                        CategoryGallery(\r\n                            rentalId,\r\n                            window.io_category_data[rentalId]['rental_name'],\r\n                            window.io_category_data[rentalId][\"images_arr\"]\r\n                        );\r\n                    }\r\n                }\r\n            });\r\n\r\n            bindExistingThumbTargets();\r\n            initViewToggle();\r\n        });\r\n\r\n        if (typeof MutationObserver !== 'undefined') {\r\n            var mutationTimeout;\r\n            var lastItemCount = $('.io_item2_list').length;\r\n\r\n            var observer = new MutationObserver(function(mutations) {\r\n                clearTimeout(mutationTimeout);\r\n\r\n                mutationTimeout = setTimeout(function() {\r\n                    var currentItemCount = $('.io_item2_list').length;\r\n\r\n                    if (currentItemCount > lastItemCount) {\r\n                        console.log('[IO View Toggle] New items detected in DOM (' + lastItemCount + ' -> ' + currentItemCount + ')');\r\n                        lastItemCount = currentItemCount;\r\n\r\n                        jQuery(\".io_item2_list\").each(function(){\r\n                            var rentalId = jQuery(this).find('.item_rentalid').text().trim();\r\n                            if (io_categoryVariantImages == 'on'){\r\n                                if (typeof window.io_category_data !== 'undefined' && window.io_category_data[rentalId]) {\r\n                                    CategoryGallery(\r\n                                        rentalId,\r\n                                        window.io_category_data[rentalId]['rental_name'],\r\n                                        window.io_category_data[rentalId][\"images_arr\"]\r\n                                    );\r\n                                }\r\n                            }\r\n                        });\r\n\r\n                        bindExistingThumbTargets();\r\n\r\n                        if (isInitialized) {\r\n                            var currentView = localStorage.getItem('io_category_view') || 'tile';\r\n                            if (currentView === 'list') {\r\n                                console.log('[IO View Toggle] Generating list view content for new items');\r\n                                if (typeof generateListViewContent === 'function') {\r\n                                    generateListViewContent();\r\n                                } else {\r\n                                    console.warn('[IO View Toggle] generateListViewContent function not available');\r\n                                }\r\n                            }\r\n                        } else {\r\n                            console.log('[IO View Toggle] Initializing due to new items');\r\n                            initViewToggle();\r\n                        }\r\n                    }\r\n                }, 250);\r\n            });\r\n\r\n            observer.observe(document.body, {\r\n                childList: true,\r\n                subtree: true\r\n            });\r\n            console.log('[IO View Toggle] DOM mutation observer started');\r\n        }\r\n\r\n        $(window).on('resize.viewToggle', function() {\r\n            var windowWidth = $(window).width();\r\n            var currentView = $('.io_catdiv2').hasClass('list-view') ? 'list' : 'tile';\r\n            console.log('[IO View Toggle] Window resized to:', windowWidth, 'px, current view:', currentView);\r\n        });\r\n\r\n        console.log('[IO View Toggle] Initialization complete');\r\n    });\r\n<\/script><!-- End Shortcoder content -->\n<!-- Start Shortcoder content --><script>window.io_category_data = window.io_category_data || {}; window.io_category_data['1848739'] = {\"indoor_outdoor\":\"\",\"staff\":\"\",\"electric\":\"0.00\",\"dimensions\":\"\",\"rental_id\":\"1848739\",\"rental_name\":\"32 in TV Monitor\",\"images_arr\":\"{\\u00220\\u0022:{\\u0022rentalimage_id\\u0022:\\u00221360809\\u0022,\\u0022rentalimage_createtime\\u0022:null,\\u0022rentalimage_modifiedtime\\u0022:null,\\u0022rentalimage_itemid\\u0022:\\u00221848739\\u0022,\\u0022rentalimage_order\\u0022:\\u00220\\u0022,\\u0022rentalimage_imageloc\\u0022:\\u0022https:\\\/\\\/rental.software\\\/users\\\/Funtime\\\/images\\\/32 inch tv_1709341312.png\\u0022,\\u0022rentalimage_imagelocbig\\u0022:\\u0022https:\\\/\\\/rental.software\\\/users\\\/Funtime\\\/images\\\/32 inch tv_1709341312_big.png\\u0022}}\"};<\/script><div class=\"io_item2_list elementor-widget-heading simpleCart_ioShelfItem cat_div_1848739\" name=\"maindiv_32 in TV Monitor\">\r\n    <div class=\"cat_div\">\r\n        <a href=\"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/rentals\/tv-screens\/32-in-tv-monitor\/\">\r\n            <div class=\"btn btn-primary view-product-button\">View Product<\/div>\r\n            <img decoding=\"async\" class=\"category_big_img cat_img item_image io_image_big\" title=\"32 in TV Monitor\" src=\"https:\/\/rental.software\/users\/Funtime\/images\/32 inch tv_1709341312_big.png\" alt=\"32 in TV Monitor\" \/>\r\n        <\/a>\r\n        <a rel=\"noopener\" href=\"https:\/\/rental.software\/users\/Funtime\/images\/32 inch tv_1709341312_big.png\" id=\"io_img_big1_1848739\" target=\"_blank\"><\/a>\r\n        <a rel=\"img_group noopener\" href=\"\" id=\"io_img_big2_1848739\"><\/a>\r\n        <br>\r\n        <div class=\"io_image_thumbbox io_category_thumbox\" style=\"display:none;\">\r\n            <img decoding=\"async\" class=\"io_image_thumb skip-lazy\" title=\"32 in TV Monitor\" src=\"https:\/\/rental.software\/users\/Funtime\/images\/32 inch tv_1709341312.png\" alt=\"32 in TV Monitor\"\r\n                 id=\"io_img_thumb1_1848739\" onclick=\"updateMainPic(this)\" \/>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"io_item2_list_inner\">\r\n        <p class=\"elementor-heading-title rentNameIO item_name\"><a href=\"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/rentals\/tv-screens\/32-in-tv-monitor\/\">32 in TV Monitor<\/a><\/p>\r\n        <p class=\"rentNameIO_price rentNameIO_price_1848739\"><span class=\"cat_from\" style=\"font-style:italic;font-size:smaller;\">from<\/span> <span class=\"rentNameIO_pricespan\">$40.00<\/span><\/p>\r\n        <p class=\"item_encoded\" style=\"display:none;\">32+in+TV+Monitor<\/p>\r\n        <span class=\"item_href\" style=\"display:none;\">https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/rentals\/tv-screens\/32-in-tv-monitor\/<\/span>\r\n        <p class=\"item_rentalid\" style=\"display:none;\">1848739<\/p>\r\n        <p class=\"item_vendorid\" style=\"display:none;\"><\/p>\r\n        <p class=\"item_qtytype\" style=\"display:none;\">Limited<\/p>\r\n        <p class=\"item_inputtype\" style=\"display:none;\">Dropdown<\/p>\r\n        <span class=\"item_qtyincrement\" style=\"display:none;\">1<\/span>\r\n        <div class=\"item_timeslots\" style=\"display:none;\"><\/div>\r\n        <p class=\"item_giftcardvalue\" style=\"display:none;\"><\/p>\r\n        <div class=\"item_hasRequiredAcc\" style=\"display:none;\"><\/div>\r\n\r\n        <!-- Store list view data as attributes (lightweight) -->\r\n        <div class=\"io_list_view_data\"><\/div>\r\n        <div class=\"io_buttons_container\">\r\n            <a href=\"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/rentals\/tv-screens\/32-in-tv-monitor\/\" class=\"io_more_info_button\">MORE INFO<\/a>\r\n            <div class=\"elementor-widget-button add_cart_1848739\">\r\n                <a class=\"item_add elementor-button elementor-size-sm elementor-animation-grow io_button rentNameIO_button\"\r\n                   href=\"javascript:;\"><!--no linebreak bc elementor--><i class=\"fas fa-shopping-cart\"><\/i> Add to Cart<\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"unavailable_message unavailable_message_1848739\"  onclick=\"checkAvailDateClick()\">item unavailable (change date)<\/div>\r\n    <\/div>\r\n<\/div>\r\n<script>\r\n    jQuery(document).ready(function () {\r\n        \/\/ Hide price when zero\r\n        jQuery(\".rentNameIO_pricespan\").each(function () {\r\n            if( !Number( this.textContent.replace(\/[^0-9.-]+\/g,\"\") ) ){\r\n                jQuery(this.parentElement).hide();\r\n            }\r\n        });\r\n    });\r\n<\/script><!-- End Shortcoder content -->\n<!-- Start Shortcoder content --><script>window.io_category_data = window.io_category_data || {}; window.io_category_data['1848761'] = {\"indoor_outdoor\":\"\",\"staff\":\"\",\"electric\":\"0.00\",\"dimensions\":\"\",\"rental_id\":\"1848761\",\"rental_name\":\"Projector\",\"images_arr\":\"{\\u00220\\u0022:{\\u0022rentalimage_id\\u0022:\\u00221547567\\u0022,\\u0022rentalimage_createtime\\u0022:null,\\u0022rentalimage_modifiedtime\\u0022:null,\\u0022rentalimage_itemid\\u0022:\\u00221848761\\u0022,\\u0022rentalimage_order\\u0022:\\u00220\\u0022,\\u0022rentalimage_imageloc\\u0022:\\u0022https:\\\/\\\/rental.software\\\/users\\\/Funtime\\\/images\\\/all in one projector_1720354876.jpg\\u0022,\\u0022rentalimage_imagelocbig\\u0022:\\u0022https:\\\/\\\/rental.software\\\/users\\\/Funtime\\\/images\\\/all in one projector_1720354876_big.jpg\\u0022}}\"};<\/script><div class=\"io_item2_list elementor-widget-heading simpleCart_ioShelfItem cat_div_1848761\" name=\"maindiv_Projector\">\r\n    <div class=\"cat_div\">\r\n        <a href=\"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/rentals\/av-projectors\/projector-3\/\">\r\n            <div class=\"btn btn-primary view-product-button\">View Product<\/div>\r\n            <img decoding=\"async\" class=\"category_big_img cat_img item_image io_image_big\" title=\"Projector\" src=\"https:\/\/rental.software\/users\/Funtime\/images\/all in one projector_1720354876_big.jpg\" alt=\"Projector\" \/>\r\n        <\/a>\r\n        <a rel=\"noopener\" href=\"https:\/\/rental.software\/users\/Funtime\/images\/all in one projector_1720354876_big.jpg\" id=\"io_img_big1_1848761\" target=\"_blank\"><\/a>\r\n        <a rel=\"img_group noopener\" href=\"\" id=\"io_img_big2_1848761\"><\/a>\r\n        <br>\r\n        <div class=\"io_image_thumbbox io_category_thumbox\" style=\"display:none;\">\r\n            <img decoding=\"async\" class=\"io_image_thumb skip-lazy\" title=\"Projector\" src=\"https:\/\/rental.software\/users\/Funtime\/images\/all in one projector_1720354876.jpg\" alt=\"Projector\"\r\n                 id=\"io_img_thumb1_1848761\" onclick=\"updateMainPic(this)\" \/>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"io_item2_list_inner\">\r\n        <p class=\"elementor-heading-title rentNameIO item_name\"><a href=\"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/rentals\/av-projectors\/projector-3\/\">Projector<\/a><\/p>\r\n        <p class=\"rentNameIO_price rentNameIO_price_1848761\"><span class=\"cat_from\" style=\"font-style:italic;font-size:smaller;\">from<\/span> <span class=\"rentNameIO_pricespan\">$125.00<\/span><\/p>\r\n        <p class=\"item_encoded\" style=\"display:none;\">Projector<\/p>\r\n        <span class=\"item_href\" style=\"display:none;\">https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/rentals\/av-projectors\/projector-3\/<\/span>\r\n        <p class=\"item_rentalid\" style=\"display:none;\">1848761<\/p>\r\n        <p class=\"item_vendorid\" style=\"display:none;\"><\/p>\r\n        <p class=\"item_qtytype\" style=\"display:none;\">Unlimited<\/p>\r\n        <p class=\"item_inputtype\" style=\"display:none;\">Dropdown<\/p>\r\n        <span class=\"item_qtyincrement\" style=\"display:none;\">1<\/span>\r\n        <div class=\"item_timeslots\" style=\"display:none;\"><\/div>\r\n        <p class=\"item_giftcardvalue\" style=\"display:none;\"><\/p>\r\n        <div class=\"item_hasRequiredAcc\" style=\"display:none;\"><\/div>\r\n\r\n        <!-- Store list view data as attributes (lightweight) -->\r\n        <div class=\"io_list_view_data\"><\/div>\r\n        <div class=\"io_buttons_container\">\r\n            <a href=\"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/rentals\/av-projectors\/projector-3\/\" class=\"io_more_info_button\">MORE INFO<\/a>\r\n            <div class=\"elementor-widget-button add_cart_1848761\">\r\n                <a class=\"item_add elementor-button elementor-size-sm elementor-animation-grow io_button rentNameIO_button\"\r\n                   href=\"javascript:;\"><!--no linebreak bc elementor--><i class=\"fas fa-shopping-cart\"><\/i> Add to Cart<\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"unavailable_message unavailable_message_1848761\"  onclick=\"checkAvailDateClick()\">item unavailable (change date)<\/div>\r\n    <\/div>\r\n<\/div>\r\n<script>\r\n    jQuery(document).ready(function () {\r\n        \/\/ Hide price when zero\r\n        jQuery(\".rentNameIO_pricespan\").each(function () {\r\n            if( !Number( this.textContent.replace(\/[^0-9.-]+\/g,\"\") ) ){\r\n                jQuery(this.parentElement).hide();\r\n            }\r\n        });\r\n    });\r\n<\/script><!-- End Shortcoder content -->\n<!-- Start Shortcoder content --><script>window.io_category_data = window.io_category_data || {}; window.io_category_data['1820507'] = {\"indoor_outdoor\":\"\",\"staff\":\"\",\"electric\":\"0.00\",\"dimensions\":\"\",\"rental_id\":\"1820507\",\"rental_name\":\"under construction\",\"images_arr\":\"{\\u00220\\u0022:{\\u0022rentalimage_id\\u0022:\\u00221002867\\u0022,\\u0022rentalimage_createtime\\u0022:null,\\u0022rentalimage_modifiedtime\\u0022:null,\\u0022rentalimage_itemid\\u0022:\\u00221820507\\u0022,\\u0022rentalimage_order\\u0022:\\u00220\\u0022,\\u0022rentalimage_imageloc\\u0022:\\u0022https:\\\/\\\/rental.software\\\/users\\\/Funtime\\\/images\\\/more to come_1680798451.png\\u0022,\\u0022rentalimage_imagelocbig\\u0022:\\u0022https:\\\/\\\/rental.software\\\/users\\\/Funtime\\\/images\\\/more to come_1680798451_big.png\\u0022}}\"};<\/script><div class=\"io_item2_list elementor-widget-heading simpleCart_ioShelfItem cat_div_1820507\" name=\"maindiv_under construction\">\r\n    <div class=\"cat_div\">\r\n        <a href=\"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/rentals\/cheers-signs\/under-construction\/\">\r\n            <div class=\"btn btn-primary view-product-button\">View Product<\/div>\r\n            <img decoding=\"async\" class=\"category_big_img cat_img item_image io_image_big\" title=\"under construction\" src=\"https:\/\/rental.software\/users\/Funtime\/images\/more to come_1680798451_big.png\" alt=\"under construction\" \/>\r\n        <\/a>\r\n        <a rel=\"noopener\" href=\"https:\/\/rental.software\/users\/Funtime\/images\/more to come_1680798451_big.png\" id=\"io_img_big1_1820507\" target=\"_blank\"><\/a>\r\n        <a rel=\"img_group noopener\" href=\"\" id=\"io_img_big2_1820507\"><\/a>\r\n        <br>\r\n        <div class=\"io_image_thumbbox io_category_thumbox\" style=\"display:none;\">\r\n            <img decoding=\"async\" class=\"io_image_thumb skip-lazy\" title=\"under construction\" src=\"https:\/\/rental.software\/users\/Funtime\/images\/more to come_1680798451.png\" alt=\"under construction\"\r\n                 id=\"io_img_thumb1_1820507\" onclick=\"updateMainPic(this)\" \/>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"io_item2_list_inner\">\r\n        <p class=\"elementor-heading-title rentNameIO item_name\"><a href=\"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/rentals\/cheers-signs\/under-construction\/\">under construction<\/a><\/p>\r\n        <p class=\"rentNameIO_price rentNameIO_price_1820507\"><span class=\"cat_from\" style=\"font-style:italic;font-size:smaller;\">from<\/span> <span class=\"rentNameIO_pricespan\">$0.00<\/span><\/p>\r\n        <p class=\"item_encoded\" style=\"display:none;\">under+construction<\/p>\r\n        <span class=\"item_href\" style=\"display:none;\">https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/rentals\/cheers-signs\/under-construction\/<\/span>\r\n        <p class=\"item_rentalid\" style=\"display:none;\">1820507<\/p>\r\n        <p class=\"item_vendorid\" style=\"display:none;\"><\/p>\r\n        <p class=\"item_qtytype\" style=\"display:none;\">Limited<\/p>\r\n        <p class=\"item_inputtype\" style=\"display:none;\">Dropdown<\/p>\r\n        <span class=\"item_qtyincrement\" style=\"display:none;\">1<\/span>\r\n        <div class=\"item_timeslots\" style=\"display:none;\"><\/div>\r\n        <p class=\"item_giftcardvalue\" style=\"display:none;\"><\/p>\r\n        <div class=\"item_hasRequiredAcc\" style=\"display:none;\">0<\/div>\r\n\r\n        <!-- Store list view data as attributes (lightweight) -->\r\n        <div class=\"io_list_view_data\"><\/div>\r\n        <div class=\"io_buttons_container\">\r\n            <a href=\"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/rentals\/cheers-signs\/under-construction\/\" class=\"io_more_info_button\">MORE INFO<\/a>\r\n            <div class=\"elementor-widget-button add_cart_1820507\">\r\n                <a class=\"item_add elementor-button elementor-size-sm elementor-animation-grow io_button rentNameIO_button\"\r\n                   href=\"javascript:;\"><!--no linebreak bc elementor--><i class=\"fas fa-shopping-cart\"><\/i> Add to Cart<\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"unavailable_message unavailable_message_1820507\"  onclick=\"checkAvailDateClick()\">item unavailable (change date)<\/div>\r\n    <\/div>\r\n<\/div>\r\n<script>\r\n    jQuery(document).ready(function () {\r\n        \/\/ Hide price when zero\r\n        jQuery(\".rentNameIO_pricespan\").each(function () {\r\n            if( !Number( this.textContent.replace(\/[^0-9.-]+\/g,\"\") ) ){\r\n                jQuery(this.parentElement).hide();\r\n            }\r\n        });\r\n    });\r\n<\/script><!-- End Shortcoder content -->\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":5664,"parent":1311,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"io_meta_description":"","footnotes":""},"class_list":["post-5665","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/wp-json\/wp\/v2\/pages\/5665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/wp-json\/wp\/v2\/comments?post=5665"}],"version-history":[{"count":19,"href":"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/wp-json\/wp\/v2\/pages\/5665\/revisions"}],"predecessor-version":[{"id":96822,"href":"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/wp-json\/wp\/v2\/pages\/5665\/revisions\/96822"}],"up":[{"embeddable":true,"href":"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/wp-json\/wp\/v2\/pages\/1311"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/wp-json\/wp\/v2\/media\/5664"}],"wp:attachment":[{"href":"https:\/\/dev.rental.software\/patrysaverstagingsite.com238\/wp-json\/wp\/v2\/media?parent=5665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}