<!--controls the home page output-->
<?php
//get header content
get_header();
?>
    <!-- jQuery library -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <!-- bxSlider Javascript file -->
    <script src="<?php bloginfo('template_url');?>/jquery.bxslider/jquery.bxslider.min.js"></script>
    <!-- bxSlider CSS file -->
    <link href="<?php bloginfo('template_url');?>/jquery.bxslider/jquery.bxslider.css" rel="stylesheet"/>
    <!--lab news posts slider-->
    <!--query 3 posts from the lab news category-->
    <?php query_posts('cat=9&showposts=3'); ?>
    <?php if ( have_posts() ) : ?>
    <div class="slider-wrap">
    <ul class="bxslider">
    <?php  while ( have_posts() ) : the_post(); ?>
    <li <?php post_class(); ?> id="post-<?php the_ID(); ?>">
        <div class="blog-featured">
        <a href="<?php the_permalink(); ?>" rel="bookmark" >
            <img src="<?php bloginfo('template_url'); ?>/timthumb/timthumb.php?src=<?php
                $image_id = get_post_thumbnail_id();
                $image_url = wp_get_attachment_image_src($image_id,'full');
                echo $image_url[0];
                ?>&h=230&w=715&zc=1&q=100&c=1&a=t"
            alt="<?php the_title(); ?>"
                />
        </a>
    </div> <!-- END Blog Featured Image -->

    <div class="blog-summary alpha60">
        <?php the_excerpt(); ?><a href='<?php the_permalink(); ?>' rel="bookmark" >Read More >> </a>
    </div> <!-- END Blog Summary -->

        </li>
<?php endwhile; ?>
    </ul><!-- END Blog Roll -->
    <script>
    $(document).ready(function(){
    $('.bxslider').bxSlider({
        mode: 'fade',
        captions: true
    });
});
    </script>
</div> <!-- END slider wrap -->

<?php else : ?>
    <h2 class="center">Not Found</h2>
    <p class="center">Sorry, but you are looking for something that isn't here.</p>
    <?php
        endif;
        wp_reset_postdata();
    ?>
<?php
//get footer content
get_footer();
?>