<!-- Jssor Slider Begin -->
	<!-- To move inline styles to css file/block, please specify a class name for each element. --> 
	<div id="slider1_container" class="slider-container">

		<!-- Loading Screen -->
		<div u="loading" style="position: absolute; top: 0px; left: 0px;">
			<div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
				background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;">
			</div>
			<div class="loading-anim"></div>
		</div>

		<!-- Slides Container -->
		<div u="slides" class="slides-container">
			<?php
			$featured = stripslashes(get_option('un_feat_cat')); 
			$featured_explod = explode(":", $featured);
			$featured_id = $featured_explod[0];
			// The Query
				$slider_query = new WP_Query( 'cat='.$featured_id.'' );

				// The Loop
				if ( $slider_query->have_posts() ) {
					while ( $slider_query->have_posts() ) {
						$slider_query->the_post(); ?>
						<div>
						<?php
						$thumb_id = get_post_thumbnail_id();
						$thumb_url_array = wp_get_attachment_image_src($thumb_id, 'full', false);
						$thumb_url = $thumb_url_array[0];
						$sthumb_url_array = wp_get_attachment_image_src($thumb_id, 'thumbnail', false);
						$sthumb_url = $sthumb_url_array[0];
						?>
							<a href="<?php the_permalink() ?>">
							<img u="image" src="<?php echo $thumb_url ?>" /></a>
							<div class="title"><a href="<?php the_permalink() ?>" style="color:#fff;"><?php the_title() ?></a></div>
							<div u="thumb">
								<img class="i" src="<?php echo $sthumb_url ?>" />
							</div>
						</div>
					<?php
					}
				} else {
					// no posts found
				}
				/* Restore original Post Data */
				wp_reset_postdata();
			?>
			
		</div>
		
		<div u="thumbnavigator" class="jssort11" style="left: 5px; top:0px;">
			<!-- Thumbnail Item Skin Begin -->
			<div u="slides" style="cursor: default;">
				<div u="prototype" class="p" style="top: 0; left: 0;">
					<div u="thumbnailtemplate" class="tp"></div>
				</div>
			</div>
			<!-- Thumbnail Item Skin End -->
		</div>
	</div>
	<!-- Jssor Slider End -->