<div id="home_carousel_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: #000; top: 0px; left: 0px;width: 100%;height:100%;">
            </div>
            <div style="position: absolute; display: block; background: url(<?php echo get_template_directory_uri('/') ?>/images/loading.gif) no-repeat center center;
                top: 0px; left: 0px;width: 100%;height:100%;">
            </div>
        </div>

        <!-- Slides Container -->
        <div u="slides" class="carousel_container">
			<?php
				$carousel = stripslashes(get_option('un_carousel_cat')); 
				$carousel_explod = explode(":", $carousel);
				$carousel_id = $carousel_explod[0];
				// The Query
					$args = array(
						'cat' => $carousel_id,
						'posts_per_page' => 10
					);
					$posts_query = new WP_Query( $args );

					// The Loop
					if ( $posts_query->have_posts() ) {
						while ( $posts_query->have_posts() ) {
							$posts_query->the_post(); 
							$thumb_id = get_post_thumbnail_id();
							$thumb_url_array = wp_get_attachment_image_src($thumb_id, 'thumbnail', false);
							$thumb_url = $thumb_url_array[0];
							?>
							
							<div><a href="<?php the_permalink() ?>"><img u="image" src="<?php echo $thumb_url ?>" /></a></div>
						<?php
						}
					} else {
						// no posts found
					}
					/* Restore original Post Data */
					wp_reset_postdata();
				?>
        </div>
       
        <!--#endregion Bullet Navigator Skin End -->
        <!-- Arrow Left -->
        <span u="arrowleft" class="jssora03l" style="position:absolute !important; top: 50px !important; left: 8px;">
        </span>
        <!-- Arrow Right -->
        <span u="arrowright" class="jssora03r" style="position:absolute !important; top: 50px !important; right: 8px;">
        </span>
    </div>