<?php if (have_posts()) : $count = 0; ?>
<?php if (is_category()) { ?>
<span class="archive_header"><span class="fl cat"><?php _e('Archive', 'woothemes'); ?> | <?php echo single_cat_title(); ?></span> <span class="fr catrss"><?php $cat_obj = $wp_query->get_queried_object(); $cat_id = $cat_obj->cat_ID; echo '<a href="'; get_category_rss_link(true, $cat, ''); echo '">RSS feed for this section</a>'; ?></span></span>
<?php } elseif (is_day()) { ?>
<span class="archive_header"><?php _e('Archive', 'woothemes'); ?> | <?php the_time($GLOBALS['woodate']); ?></span>
<?php } elseif (is_month()) { ?>
<span class="archive_header"><?php _e('Archive', 'woothemes'); ?> | <?php the_time('F, Y'); ?></span>
<?php } elseif (is_year()) { ?>
<span class="archive_header"><?php _e('Archive', 'woothemes'); ?> | <?php the_time('Y'); ?></span>
<?php } elseif (is_author()) { ?>
<span class="archive_header"><?php _e('Archive by Author', 'woothemes'); ?></span>
<?php } elseif (is_tag()) { ?>
<span class="archive_header"><?php _e('Tag Archives:', 'woothemes'); ?> <?php echo single_tag_title('', true); ?></span>
<?php } ?>
<div class="fix"></div>
<!--YOUR CODE STARTS HERE -->
<div id="featured-category"><!--Container here, only suppose to show 1 post -->
<?php
$count = 0;
while ( have_posts() ) : the_post(); ?>
<?php if ( 1 < $count ) { ?>
<div class="heading">
<h2 class="recent-post-title"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
</div>
<div class="FC-image">
<?php $id = get_the_ID(); ?>
<?php $image_meta = get_post_meta($id,'image',true); ?>
<?php if ( (isset($image_meta)) && ($image_meta != '') ) {
woo_image('key=image&width=300&height=' . $large_thumb_h);
}else{
echo $large_placeholder;
}?>
</div><!-- /FC-image -->
</div><!-- /Featured Category end of container here -->
<!--Break here -->
<div id="recent-posts"><!--Container 2 here suppose to show 3 post with a different layout then above -->
<?php } elseif ( 3 < $count ) { ?>
<!-- Post Starts -->
<div class="post">
<?php $id = get_the_ID(); ?>
<?php $image_meta = get_post_meta($id,'image',true); ?>
<div class="post-img">
<?php if ( (isset($image_meta)) && ($image_meta != '') ) {
woo_image('key=image&width=100&height=80');
}else{
echo $large_placeholder;
}
?>
</div>
<div class="heading">
<h2 class="recent-post-title"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
</div>
<div class="recent-post-content">
<?php get_the_excerpt_limit( 200, '... Read More »' ); ?>
</div><!-- /.heading -->
</div><!-- /.post -->
<?php } else { ?>
<div class="post"><!--no container here but suppose to show the remaining post with a different layout then above -->
<div class="heading">
<h2 class="recent-post-title"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
</div>
<div class="recent-post-content two">
<?php get_the_excerpt_limit( 200, '... Read More »' ); ?>
</div><!-- /.heading -->
</div><!-- /.post -->
<?php } ?>
<? $count++; endwhile; ?> <!-- Code ends here -->
<div class="fix"></div>
</div><!-- /#recent-posts end of container -->