<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', URIS_TD); ?></h4>
	<img src="<?php echo $PreviewImg."Display Slider Post Title.png"; ?>" class="sprev">
</div>

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

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

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

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

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

<div style="display:none;" id="s7">
	<h4><?php _e('Slide Description Background Color', URIS_TD); ?></h4>
	<img src="<?php echo $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', URIS_TD); ?></h4>
	<img src="<?php echo $PreviewImg."Distance Between Slide.png"; ?>" class="sprev">
</div>

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

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

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

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

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

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

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

<!-- 20 21 -->

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

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

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

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

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

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