(function($) {
	function pp_render_panels() {
		if( $(window).width() > 768 ) {
			<?php
			$number_panels = count( $settings->image_panels );
			for ( $i = 0; $i < $number_panels; $i++ ) {
				$panel = $settings->image_panels[ $i ];

				if ( ! is_object( $panel ) ) {
					continue;
				}

				if ( 'none' === $panel->link_type || 'title' === $panel->link_type ) { ?>
					<?php if ( 2 === $number_panels ) { ?>
					$('.fl-node-<?php echo $id; ?> .pp-image-panels-wrap .pp-panel-item-<?php echo $i; ?>').css('width', <?php echo 100 / ( $number_panels ); ?> + '%');

					$('.fl-node-<?php echo $id; ?> .pp-image-panels-wrap .pp-panel-item-<?php echo $i; ?>').on('mouseenter', function() {
						$(this).css('width', '70%');
						$('.fl-node-<?php echo $id; ?> .pp-image-panels-wrap .pp-panel-item').addClass('pp-panel-inactive');
						$(this).removeClass('pp-panel-inactive').addClass('pp-panel-active');
						$(this).siblings().css('width', '30%');
					});
					<?php } elseif ( $number_panels > 2 ) { ?>
					$('.fl-node-<?php echo $id; ?> .pp-image-panels-wrap .pp-panel-item-<?php echo $i; ?>').on('mouseenter', function() {
						$(this).css('width', '40%');
						$('.fl-node-<?php echo $id; ?> .pp-image-panels-wrap .pp-panel-item').addClass('pp-panel-inactive');
						$(this).removeClass('pp-panel-inactive').addClass('pp-panel-active');
						$(this).siblings().css('width', <?php echo 60 / ( $number_panels - 1 ); ?> + '%');
					});
					<?php } ?>
					$('.fl-node-<?php echo $id; ?> .pp-image-panels-wrap .pp-panel-item-<?php echo $i; ?>').on('mouseleave', function() {
						$(this).css('width', <?php echo 100 / ( $number_panels ); ?> + '%');
						$(this).removeClass('pp-panel-active');
						$('.fl-node-<?php echo $id; ?> .pp-image-panels-wrap .pp-panel-item').removeClass('pp-panel-inactive');
						$(this).siblings().css('width', <?php echo 100 / ( $number_panels ); ?> + '%');
					});
				<?php } elseif ( 'panel' === $panel->link_type || 'lightbox' === $panel->link_type ) { ?>
					$('.fl-node-<?php echo $id; ?> .pp-image-panels-wrap .pp-panel-link-<?php echo $i; ?>').css('width', <?php echo 100 / ( $number_panels ); ?> + '%');

					<?php if ( 2 === $number_panels ) { ?>
						$('.fl-node-<?php echo $id; ?> .pp-image-panels-wrap .pp-panel-link-<?php echo $i; ?>').on('mouseenter', function() {
							$(this).css('width', '70%');
							$('.fl-node-<?php echo $id; ?> .pp-image-panels-wrap .pp-panel-link').addClass('pp-panel-inactive');
							$(this).removeClass('pp-panel-inactive').addClass('pp-panel-active');
							$(this).siblings().css('width', '30%');
						});
					<?php } elseif ( $number_panels > 2 ) { ?>
						$('.fl-node-<?php echo $id; ?> .pp-image-panels-wrap .pp-panel-link-<?php echo $i; ?>').on('mouseenter', function() {
							$(this).css('width', '40%');
							$('.fl-node-<?php echo $id; ?> .pp-image-panels-wrap .pp-panel-link').addClass('pp-panel-inactive');
							$(this).removeClass('pp-panel-inactive').addClass('pp-panel-active');
							$(this).siblings().css('width', <?php echo 60 / ( $number_panels - 1 ); ?> + '%');
						});
					<?php } ?>
					$('.fl-node-<?php echo $id; ?> .pp-image-panels-wrap .pp-panel-link-<?php echo $i; ?>').on('mouseleave', function() {

						$(this).css('width', <?php echo 100 / ( $number_panels ); ?> + '%');
						$(this).removeClass('pp-panel-active');
						$('.fl-node-<?php echo $id; ?> .pp-image-panels-wrap .pp-panel-link').removeClass('pp-panel-inactive');
						$(this).siblings().css('width', <?php echo 100 / ( $number_panels ); ?> + '%');

					});
				<?php } ?>
			<?php } ?>
		}
	}
	pp_render_panels();
	$(window).on( 'resize', pp_render_panels );

	if ( $('.fl-node-<?php echo $id; ?> a.pp-panel-has-lightbox').length > 0 ) {
		$('.fl-node-<?php echo $id; ?> a.pp-panel-has-lightbox').magnificPopup({
			type: 'image',
			closeOnContentClick: true,
			closeBtnInside: false
		});
	}

})(jQuery);
