<?php 
if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly 
?>
<style>
.sprev {
	margin:8px;
}
</style>
<script>
jQuery(document).ready( function(){
	//Basic
	jQuery('#p1').darkTooltip();
	jQuery('#p2').darkTooltip();
	jQuery('#p3').darkTooltip();
	jQuery('#p4').darkTooltip();
	jQuery('#p5').darkTooltip();
	jQuery('#p6').darkTooltip();
	jQuery('#p7').darkTooltip();
	//jQuery('#p8').darkTooltip();
	//jQuery('#p9').darkTooltip();
	//jQuery('#p10').darkTooltip();
	//jQuery('#p11').darkTooltip();
	jQuery('#p12').darkTooltip();
	jQuery('#p13').darkTooltip();
	jQuery('#p14').darkTooltip();
	jQuery('#p15').darkTooltip();
	jQuery('#p16').darkTooltip();
	jQuery('#p17').darkTooltip();
	jQuery('#p18').darkTooltip();
	jQuery('#p19').darkTooltip();
	//jQuery('#p20').darkTooltip();
	//jQuery('#p21').darkTooltip();
	jQuery('#p22').darkTooltip();
	jQuery('#p23').darkTooltip();
	jQuery('#p24').darkTooltip();
	jQuery('#p25').darkTooltip();
	jQuery('#p26').darkTooltip();
	jQuery('#p27').darkTooltip();
	//With some options
	jQuery('#light').darkTooltip({
		animation:'flipIn',
		gravity:'west',
		confirm:true,
		theme:'light'
	});
});
</script>
<?php $PreviewImg = URIS_PLUGIN_URL.'assets/img/preview/'; ?>

<div style="display:none;" id="s1">
	<h4><?php _e('Display Slider Post Title', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Display Slider Post Title.png"); ?>" class="sprev">
</div>

<div style="display:none;" id="s2">
	<h4><?php _e('Display Slide Title', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Display Slide Title.png"); ?>" class="sprev">
</div>

<div style="display:none;" id="s3">
	<h4><?php _e('Slide Title Color', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Slide Title Color.png"); ?>" class="sprev">
</div>

<div style="display:none;" id="s4">
	<h4><?php _e('Slide Title Background Color', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Slide Title Background Color.png"); ?>" class="sprev">
</div>

<div style="display:none;" id="s5">
	<h4><?php _e('Display Slide Description', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Display Slide Description.png"); ?>" class="sprev">
</div>

<div style="display:none;" id="s6">
	<h4><?php _e('Slide Description Color', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Slide Description Color.png"); ?>" class="sprev">
</div>

<div style="display:none;" id="s7">
	<h4><?php _e('Slide Description Background Color', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Slide Description Background Color.png"); ?>" class="sprev">
</div>

<!-- 8 9 10 11 -->

<div style="display:none;" id="s12">
	<h4><?php _e('Distance Between Slide', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Distance Between Slide.png"); ?>" class="sprev">
</div>

<div style="display:none;" id="s13">
	<h4><?php _e('Show Thumbnail', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Show Thumbnail.png"); ?>" class="sprev">
</div>

<div style="display:none;" id="s14">
	<h4><?php _e('Thumbnail Position', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Thumbnail Position.png"); ?>" class="sprev">
</div>

<div style="display:none;" id="s15">
	<h4><?php _e('Selected Thumbnail Style', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Selected Thumbnail Style.png"); ?>" class="sprev">
</div>

<div style="display:none;" id="s16">
	<h4><?php _e('Selected Thumbnail Style Color', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Selected Thumbnail Style Color.png"); ?>" class="sprev">
</div>

<div style="display:none;" id="s17">
	<h4><?php _e('Thumbnail Resize', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Thumbnail Resize.png"); ?>" class="sprev">
</div>

<div style="display:none;" id="s18">
	<h4><?php _e('Slider Width', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Slider Width.png"); ?>" class="sprev">
</div>

<div style="display:none;" id="s19">
	<h4><?php _e('Slider Height', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Slider Height.png"); ?>" class="sprev">
</div>

<!-- 20 21 -->

<div style="display:none;" id="s22">
	<h4><?php _e('Show Navigation Arrow', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Show Navigation Arrow.png"); ?>" class="sprev">
</div>

<div style="display:none;" id="s23">
	<h4><?php _e('Navigation Color', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Navigation Color.png"); ?>" class="sprev">
</div>

<div style="display:none;" id="s24">
	<h4><?php _e('Show Navigation Bullets', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Show Navigation Bullets.png"); ?>" class="sprev">
</div>

<div style="display:none;" id="s25">
	<h4><?php _e('Navigation Bullets Color', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Navigation Bullets Color.png"); ?>" class="sprev">
</div>

<div style="display:none;" id="s26">
	<h4><?php _e('Full Screen Slide Show', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Full Screen Slide Show.png"); ?>" class="sprev">
</div>

<div style="display:none;" id="s27">
	<h4><?php _e('Fonts', 'ultimate-responsive-image-slider'); ?></h4>
	<img src="<?php echo esc_url($PreviewImg."Fonts.png"); ?>" class="sprev">
</div>