<?php /* Template Name: Home page template */ ?>
<?php get_header(); ?>
    <div id="carousel-area">
        <script type="text/javascript">
            jQuery(function($){
            $('.bxslider').bxSlider({
                auto: 'true',
                mode: 'fade'
            });
            });
        </script>
        <?php the_field('slider_text'); ?>
    </div>
<!-- MAIN TEXT AREA-->

            <div id="content">

                <div id="main-text-col">
                    <?php the_field('intro_text'); ?>

                    <div class="news-head">News</div>

                    <div class="post-excerpt-text">
<?php query_posts('show_posts=3'); ?>
<?php if ( have_posts() ): ?>
                            <ol>
                            <?php while ( have_posts() ) : the_post(); ?>
                                <li>
                                    <div class="article">

                                        <div class="excerpt_image">
                                            <?php if(get_field('excerpt_image')): ?>
                                                <?php
                                                $attachment_id = get_field('excerpt_image');
                                                $size = "thumbnail"; // (thumbnail, medium, large, full or custom size)
                                                $image = wp_get_attachment_image_src( $attachment_id, $size );
                                                ?>
                                                <img src="<?php echo $image[0]; ?>" />
                                            <?php endif; ?>
                                        </div>

                                        <h3><a href="<?php esc_url( the_permalink() ); ?>" title="Permalink to <?php the_title(); ?>" rel="bookmark"><?php the_title(); ?></a></h3>

                                        <?php the_excerpt(); ?>
                                    </div>
                                </li>
                            <?php endwhile; ?>
                            </ol>
                            <?php else: ?>
                            <h1>No Posts to display.</h1>
                        <?php endif; ?>
                    </div>
                </div>

                <div id="sidecol">

                    <h2>Twittersphere</h2>


                    <p class="twitter"><a class="twitter-timeline" href="https://twitter.com/CcT" data-widget-id="402367432578133552" data-chrome="nofooter noheader noborders"  width="271" height="500" data-tweet-limit="5">Tweets by @CcT</a>
                    <script type="text/javascript">!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></p>

                    <p><a href="https://twitter.com/CcT" class="twitter-follow-button" data-show-count="false">Follow @CcT</a></p>

                </div>




            </div>

            <?php get_footer(); ?>