Take the Survey
Find Out How Your Company Ranks
Here is some intro text for the survey page. Here is some intro text for the survey page. Here is some intro text for the survey page. Here is some intro text for the survey page. Here is some intro text for the survey page. Here is some intro text for the survey page. Here is some intro text for the survey page. Here is some intro text for the survey page. Here is some intro text for the survey page. Here is some intro text for the survey page.
[gravityform id=”1″ title=”false” description=”false”]
; ?>/images/radioClosed.btn” /></div>
</div><!-- .entry-content .clear -->
</article><!-- #post-## -->
</main><!-- #main -->
</div><!-- #primary -->
</div> <!-- ast-container -->
</div><!-- #content -->
<script>
document.addEventListener('DOMContentLoaded', function() {
/* --- Parallax Functions --- */
const verticalItems = [];
document.querySelectorAll('.parallax-bg').forEach(section => {
section.style.position = 'relative';
section.style.overflow = 'hidden';
// Locate the image inside the .pl-image container
const imgEl = section.querySelector('.pl-image img');
if (!imgEl) return;
// Get the image URL and hide the original image
const imageUrl = imgEl.src;
imgEl.style.display = 'none';
// Create the parallax layer element
const parallaxLayer = document.createElement('div');
parallaxLayer.className = 'parallax-layer';
parallaxLayer.style.position = 'absolute';
parallaxLayer.style.left = '0';
parallaxLayer.style.width = '100%';
parallaxLayer.style.zIndex = '-1';
parallaxLayer.style.background = `url()
{
horizontalItems.push({
element: el,
speed: 0.2,
direction: el.classList.contains('parallax-left') ? 'left' : 'right'
});
});
// Update vertical parallax positions
function updateVerticalParallax() {
verticalItems.forEach(item => {
const rect = item.container.getBoundingClientRect();
const offset = rect.top * item.speed;
item.layer.style.transform = `translateY(${offset}px)`;
});
}
// Update horizontal parallax positions for individual elements
function updateHorizontalParallax() {
horizontalItems.forEach(item => {
const rect = item.element.getBoundingClientRect();
if (rect.bottom > 0 && rect.top < window.innerHeight) {
const offset = rect.top * item.speed;
if (item.direction === 'left') {
item.element.style.transform = `translateX(${-offset}px)`;
} else {
item.element.style.transform = `translateX(${offset}px)`;
}
}
});
}
// Combined parallax update function
function updateParallax() {
updateVerticalParallax();
updateHorizontalParallax();
}
// Recalculate vertical parallax sizes on window resize
function recalcVerticalSizes() {
verticalItems.forEach(item => {
const containerHeight = item.container.offsetHeight;
const maxOffset = window.innerHeight * item.speed;
const requiredHeight = containerHeight + 2 * maxOffset;
item.layer.style.height = requiredHeight + 'px';
item.layer.style.top = -maxOffset + 'px';
});
updateParallax();
}