get_header(); ?>

    <div id="primary" class="content-area">
	<div id="content" class="site-content" role="main">
    
    <?php if(! is_paged()){ ?>

		 <?php $args1 = array('post_type' => array('whis_image','whis_how_to','whis_slideshow'), 'posts_per_page' =>1,'cat'=>3);

	           $first_query = new WP_Query($args1); 
		       while($first_query->have_posts()) : $first_query->the_post();
               $todays_post = $post->ID; ?>
		       <div id="todays-post-container">
		            <div id="todays-post-image">
		            <?php if ( 'whis_slideshow' == get_post_type() ){ 
					      
					          $images = the_repeater_field('slideshow_images'); 
                              $image_array = wp_get_attachment_image_src(get_sub_field('slideshow_image'), 'full'); ?>
                              <a href="<?php the_permalink()  ?>?display=slideshow"  class="slideshow-fancybox"><img src="<?php echo $image_array[0] ?>" /></a>
                    
                    <?php } else { 
	                           
	                           if ( get_field('post_image' ) ): 
 
                                  $image = wp_get_attachment_image_src(get_field('post_image'), 'full');
					              $image_url =  $image[0];
					              //$image_alt = get_the_title(get_field('post_image'));
					              $image_alt = get_the_title();
                                  echo '<a href="' .  $image_url . '" class="fancybox" title="'.$image_alt.'"><img src="' .  $image_url . '" alt="'.  $image_alt .'" /></a>';
                       
                               endif; 
                               
                          }?>
		            </div>     
			   
			   <div id="todays-post-heading">
			        <a href="<?php the_permalink() ?>"><h2><?php the_title();?></h2> <h3> <?php the_time('F j, Y'); ?> at <?php the_time('g:i a');?></h3></a>
               </div>
            
               <div id="todays-post-content">
		               <?php global $more; $more = FALSE; ?>
		               <?php the_content('Read more &rarr;'); ?>
		               <?php if( function_exists( do_sociable() ) ){ do_sociable(); } ?>
					</div>

		      <?php endwhile; ?>
              
            <img src="<?php bloginfo('template_directory'); ?>/images/post-line-960.png">
         </div><!-- end todays post div-->
			<?php wp_reset_postdata(); ?>
	   
	   <?php } // end is paged ?> 
	   
	    <div id="home-posts-container">
         			    
        <?php  if ( get_query_var('paged') ) { $paged = get_query_var('paged'); }
               elseif ( get_query_var('page') ) { $paged = get_query_var('page'); }
               else { $paged = 1; }
    
               query_posts(array(
	                  'post_type' => array('whis_image','whis_how_to','whis_slideshow'),
	                   //'post__not_in' => array($todays_post),
	                  'cat' => -3,
	                  'posts_per_page' => 6, 
                      'paged'=>$paged,
                       ));

                while ($wp_query->have_posts()) : $wp_query->the_post(); ?>

				    <div class="home-post-container">
					
					<div class="home-post-image">
					<?php if ( 'whis_slideshow' == get_post_type() ){ 
					          if ( get_field('slideshow_images' ) ):                                
	                             $images = the_repeater_field('slideshow_images'); 
                                 $image_array = wp_get_attachment_image_src(get_sub_field('slideshow_image'), 'full');
                               
                              endif; ?>
                          
                              <a href="<?php the_permalink()  ?>?display=slideshow"  class="slideshow-fancybox"><img src="<?php echo $image_array[0] ?>" /></a>
					      <?php 
                          } else { 
                               $image = wp_get_attachment_image_src(get_field('post_image'), 'full');
					           $image_url =  $image[0];
					           $image_alt = get_the_title();
                                echo '<a href="'.$image_url.'" class="fancybox" title="'.$image_alt.'"><img src="' .  $image_url . '" alt="'.  $image_alt .'" /></a>';
         
	                      } ?>
					    </div>
	                 
						<div class="home-post-heading">
                             <h2><a href="<?php the_permalink() ?>"><?php the_title();?></h2> <h3> <?php the_time('F j, Y'); ?> at <?php the_time('g:i a');?></h3></a><?php echo "ID= ".$post->ID; ?>
                        </div>
            
                        <div class="home-post-content">
		               
		                    <?php global $more; $more = FALSE; ?>
		                    <?php the_content('Read more &rarr;'); ?>
		                    <?php if( function_exists( do_sociable() ) ){ do_sociable(); } ?>
					    </div>
                        <img src="<?php bloginfo('template_directory'); ?>/images/post-line-715.png">
		        </div> 
		        <div class="clear"></div>
		        
		 <?php endwhile;  ?>
			
			<div class="clear"></div>
		 
		 <?php wp_pagenavi( array( 'query' => $wp_query ) ); ?>
				
			</div><!-- #home posts-container -->
		   
		    <div id="sidebar">
			    <?php get_sidebar(); ?>
			</div>
		   
	</div><!-- #content .site-content -->

</div><!-- #primary .content-area -->

<?php get_footer(); ?>