<?php if ($data instanceof stdClass) : ?>

	<div class="slideshow_container slideshow_container_<?php echo htmlspecialchars($data->styleName); ?>" style="<?php echo (isset($data->settings['preserveSlideshowDimensions']) && $data->settings['preserveSlideshowDimensions'] == 'false' && isset($data->settings['height']) && $data->settings['height'] > 0) ? 'height: ' . $data->settings['height'] . 'px;' : ''; ?> <?php echo (isset($data->settings['maxWidth']) && $data->settings['maxWidth'] > 0) ? 'max-width: ' . $data->settings['maxWidth'] . 'px;' : ''; ?>" data-slideshow-id="<?php echo htmlspecialchars($data->post->ID); ?>" data-style-name="<?php echo htmlspecialchars($data->styleName); ?>" data-style-version="<?php echo htmlspecialchars($data->styleVersion); ?>" <?php if (SlideshowPluginGeneralSettings::getEnableLazyLoading()) : ?>data-settings="<?php echo htmlspecialchars(json_encode($data->settings)); ?>"<?php endif; ?>>

		<?php if(isset($data->settings['showLoadingIcon']) && $data->settings['showLoadingIcon'] === 'true'): ?>
			<div class="slideshow_loading_icon"></div>
		<?php endif; ?>

		<div class="slideshow_content" style="display: none;">

			<?php

			if (is_array($data->slides) && count($data->slides) > 0)
			{
				$i = 0;

				for ($i; $i < count($data->slides); $i++)
				{
					echo '<div class="slideshow_view">';

					for ($i; $i < count($data->slides); $i++)
					{
						$slideData             = new stdClass();
						$slideData->properties = $data->slides[$i];

						SlideshowPluginMain::outputView('SlideshowPluginSlideshowSlide' . DIRECTORY_SEPARATOR . 'frontend_' . $data->slides[$i]['type'] . '.php', $slideData);

						if (($i + 1) % $data->settings['slidesPerView'] == 0)
						{
							break;
						}
					}

					echo '<div style="clear: both;"></div></div>';
				}
			}

			?>

		</div>

		<div class="slideshow_controlPanel slideshow_transparent" style="display: none;"><ul><li class="slideshow_togglePlay" data-play-text="<?php _e('Play', 'slideshow-jquery-image-gallery'); ?>" data-pause-text="<?php _e('Pause', 'slideshow-jquery-image-gallery'); ?>"></li></ul></div>

		<div class="slideshow_button slideshow_previous slideshow_transparent" role="button" data-previous-text="<?php _e('Previous', 'slideshow-jquery-image-gallery'); ?>" style="display: none;"></div>
		<div class="slideshow_button slideshow_next slideshow_transparent" role="button" data-next-text="<?php _e('Next', 'slideshow-jquery-image-gallery'); ?>" style="display: none;"></div>

		<div class="slideshow_pagination" style="display: none;" data-go-to-text="<?php _e('Go to slide', 'slideshow-jquery-image-gallery'); ?>"><div class="slideshow_pagination_center"></div></div>

		<!-- WordPress Slideshow Version <?php echo SlideshowPluginMain::$version; ?> -->

		<?php if(is_array($data->log) && count($data->log) > 0): ?>
		<!-- Error log
		<?php foreach($data->log as $logMessage): ?>
			- <?php echo htmlspecialchars($logMessage); ?>
		<?php endforeach; ?>
		-->
		<?php endif; ?>
	</div>

<?php endif; ?>