<?php if(!defined('LS_ROOT_FILE')) { header('HTTP/1.0 403 Forbidden'); exit; } ?>
<script type="text/html" id="tmpl-popup-presets-window">
	<div id="ls-popup-presets-modal-window">
		<header>
			<h1><?php _e('Choose a Popup preset', 'LayerSlider') ?></h1>
		</header>
		<div class="km-ui-modal-scrollable inner">
			<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>
	</div>
</script>