<?php defined( 'LS_ROOT_FILE' ) || exit; ?>
<script type="text/html" id="tmpl-popup-presets-window">
	<div id="ls-popup-presets-modal-window">
		<h1 class="kmw-modal-title"><?php _e('Choose a Popup preset', 'LayerSlider') ?></h1>

		<table>
			<tr>
				<td>
					<div class="ls-layout-illustration-grid" data-options='{ "popupPositionVertical": "top", "popupPositionHorizontal": "center", "popupFitWidth": true, "popupFitHeight": false }'>
						<div class="ls-layout-illustration">
							<div class="ls-layout-illustration-inner">

								<div class="ls-popup-layout-example">
									<div class="ls-popup-layout-padding">
										<div class="ls-popup-layout-inner ls-popup-top ls-popup-fitwidth">
										</div>
									</div>
								</div>

							</div>
						</div>
						<h3><?php _e('Top Bar', 'LayerSlider') ?></h3>
					</div>
				</td>
				<td>
					<div class="ls-layout-illustration-grid" data-options='{ "popupPositionVertical": "middle", "popupPositionHorizontal": "right", "popupFitWidth": false, "popupFitHeight": true }'>
						<div class="ls-layout-illustration">
							<div class="ls-layout-illustration-inner">

								<div class="ls-popup-layout-example">
									<div class="ls-popup-layout-padding">
										<div class="ls-popup-layout-inner ls-popup-right ls-popup-fitheight">
										</div>
									</div>
								</div>

							</div>
						</div>
						<h3><?php _e('Right Bar', 'LayerSlider') ?></h3>
					</div>
				</td>
				<td>
					<div class="ls-layout-illustration-grid" data-options='{ "popupPositionVertical": "bottom", "popupPositionHorizontal": "center", "popupFitWidth": true, "popupFitHeight": false }'>
						<div class="ls-layout-illustration">
							<div class="ls-layout-illustration-inner">

								<div class="ls-popup-layout-example">
									<div class="ls-popup-layout-padding">
										<div class="ls-popup-layout-inner ls-popup-bottom ls-popup-fitwidth">
										</div>
									</div>
								</div>

							</div>
						</div>
						<h3><?php _e('Bottom Bar', 'LayerSlider') ?></h3>
					</div>
				</td>
				<td>
					<div class="ls-layout-illustration-grid" data-options='{ "popupPositionVertical": "middle", "popupPositionHorizontal": "left", "popupFitWidth": false, "popupFitHeight": true }'>
						<div class="ls-layout-illustration">
							<div class="ls-layout-illustration-inner">

								<div class="ls-popup-layout-example">
									<div class="ls-popup-layout-padding">
										<div class="ls-popup-layout-inner ls-popup-left ls-popup-fitheight">
										</div>
									</div>
								</div>

							</div>
						</div>
						<h3><?php _e('Left Bar', 'LayerSlider') ?></h3>
					</div>
				</td>
			</tr>
			<tr>
				<td>
					<div class="ls-layout-illustration-grid" data-options='{ "popupPositionVertical": "top", "popupPositionHorizontal": "left", "popupFitWidth": false, "popupFitHeight": false }'>
						<div class="ls-layout-illustration">
							<div class="ls-layout-illustration-inner">

								<div class="ls-popup-layout-example">
									<div class="ls-popup-layout-padding">
										<div class="ls-popup-layout-inner ls-popup-left ls-popup-top">
										</div>
									</div>
								</div>

							</div>
						</div>
						<h3><?php _e('Top Left Corner', 'LayerSlider') ?></h3>
					</div>
				</td>
				<td>
					<div class="ls-layout-illustration-grid" data-options='{ "popupPositionVertical": "top", "popupPositionHorizontal": "right", "popupFitWidth": false, "popupFitHeight": false }'>
						<div class="ls-layout-illustration">
							<div class="ls-layout-illustration-inner">

								<div class="ls-popup-layout-example">
									<div class="ls-popup-layout-padding">
										<div class="ls-popup-layout-inner ls-popup-right ls-popup-top">
										</div>
									</div>
								</div>

							</div>
						</div>
						<h3><?php _e('Top Right Corner', 'LayerSlider') ?></h3>
					</div>
				</td>
				<td>
					<div class="ls-layout-illustration-grid" data-options='{ "popupPositionVertical": "bottom", "popupPositionHorizontal": "right", "popupFitWidth": false, "popupFitHeight": false }'>
						<div class="ls-layout-illustration">
							<div class="ls-layout-illustration-inner">

								<div class="ls-popup-layout-example">
									<div class="ls-popup-layout-padding">
										<div class="ls-popup-layout-inner ls-popup-right ls-popup-bottom">
										</div>
									</div>
								</div>

							</div>
						</div>
						<h3><?php _e('Bottom Right Corner', 'LayerSlider') ?></h3>
					</div>
				</td>
				<td>
					<div class="ls-layout-illustration-grid" data-options='{ "popupPositionVertical": "bottom", "popupPositionHorizontal": "left", "popupFitWidth": false, "popupFitHeight": false }'>
						<div class="ls-layout-illustration">
							<div class="ls-layout-illustration-inner">

								<div class="ls-popup-layout-example">
									<div class="ls-popup-layout-padding">
										<div class="ls-popup-layout-inner ls-popup-left ls-popup-bottom">
										</div>
									</div>
								</div>

							</div>
						</div>
						<h3><?php _e('Bottom Left Corner', 'LayerSlider') ?></h3>
					</div>
				</td>
			</tr>
			<tr>
				<td>
					<div class="ls-layout-illustration-grid" data-options='{ "popupPositionVertical": "top", "popupPositionHorizontal": "center", "popupFitWidth": false, "popupFitHeight": false }'>
						<div class="ls-layout-illustration">
							<div class="ls-layout-illustration-inner">

								<div class="ls-popup-layout-example">
									<div class="ls-popup-layout-padding">
										<div class="ls-popup-layout-inner ls-popup-center ls-popup-top">
										</div>
									</div>
								</div>

							</div>
						</div>
						<h3><?php _e('Top', 'LayerSlider') ?></h3>
					</div>
				</td>
				<td>
					<div class="ls-layout-illustration-grid" data-options='{ "popupPositionVertical": "middle", "popupPositionHorizontal": "right", "popupFitWidth": false, "popupFitHeight": false }'>
						<div class="ls-layout-illustration">
							<div class="ls-layout-illustration-inner">

								<div class="ls-popup-layout-example">
									<div class="ls-popup-layout-padding">
										<div class="ls-popup-layout-inner ls-popup-right ls-popup-middle">
										</div>
									</div>
								</div>

							</div>
						</div>
						<h3><?php _e('Right', 'LayerSlider') ?></h3>
					</div>
				</td>
				<td>
					<div class="ls-layout-illustration-grid" data-options='{ "popupPositionVertical": "bottom", "popupPositionHorizontal": "center", "popupFitWidth": false, "popupFitHeight": false }'>
						<div class="ls-layout-illustration">
							<div class="ls-layout-illustration-inner">

								<div class="ls-popup-layout-example">
									<div class="ls-popup-layout-padding">
										<div class="ls-popup-layout-inner ls-popup-center ls-popup-bottom">
										</div>
									</div>
								</div>

							</div>
						</div>
						<h3><?php _e('Bottom', 'LayerSlider') ?></h3>
					</div>
				</td>
				<td>
					<div class="ls-layout-illustration-grid" data-options='{ "popupPositionVertical": "middle", "popupPositionHorizontal": "left", "popupFitWidth": false, "popupFitHeight": false }'>
						<div class="ls-layout-illustration">
							<div class="ls-layout-illustration-inner">

								<div class="ls-popup-layout-example">
									<div class="ls-popup-layout-padding">
										<div class="ls-popup-layout-inner ls-popup-left ls-popup-middle">
										</div>
									</div>
								</div>

							</div>
						</div>
						<h3><?php _e('Left', 'LayerSlider') ?></h3>
					</div>
				</td>
			</tr>
			<tr>
				<td>
					<div class="ls-layout-illustration-grid" data-options='{ "popupPositionVertical": "middle", "popupPositionHorizontal": "center", "popupFitWidth": false, "popupFitHeight": false }'>
						<div class="ls-layout-illustration">
							<div class="ls-layout-illustration-inner">

								<div class="ls-popup-layout-example">
									<div class="ls-popup-layout-padding">
										<div class="ls-popup-layout-inner ls-popup-center ls-popup-middle">
										</div>
									</div>
								</div>

							</div>
						</div>
						<h3><?php _e('Middle', 'LayerSlider') ?></h3>
					</div>
				</td>
				<td>
					<div class="ls-layout-illustration-grid" data-options='{ "popupPositionVertical": "middle", "popupPositionHorizontal": "center", "popupFitWidth": true, "popupFitHeight": true }'>
						<div class="ls-layout-illustration">
							<div class="ls-layout-illustration-inner">

								<div class="ls-popup-layout-example">
									<div class="ls-popup-layout-padding">
										<div class="ls-popup-layout-inner ls-popup-fitwidth ls-popup-fitheight ls-popup-bottom">
										</div>
									</div>
								</div>

							</div>
						</div>
						<h3><?php _e('Full Size', 'LayerSlider') ?></h3>
					</div>
				</td>
				<td></td>
				<td></td>
			</tr>
		</table>

	</div>
</script>