<?php
/*
Template Name: Homepage
*/
?>

<?php get_header(); ?>


		<script type="text/javascript">
		
		/*** 
		    Simple jQuery Slideshow Script
		    Released by Jon Raasch (jonraasch.com) under FreeBSD license: free to use or modify, not responsible for anything, etc.  Please link out to me if you like it :)
		***/
		
		function slideSwitch() {
		    var $active = $('#slideshow IMG.active');
		
		    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
		
		    // use this to pull the images in the order they appear in the markup
		    var $next =  $active.next().length ? $active.next()
		        : $('#slideshow IMG:first');
		
		    // uncomment the 3 lines below to pull the images in random order
		    
		    // var $sibs  = $active.siblings();
		    // var rndNum = Math.floor(Math.random() * $sibs.length );
		    // var $next  = $( $sibs[ rndNum ] );
		
		
		    $active.addClass('last-active');
		
		    $next.css({opacity: 0.0})
		        .addClass('active')
		        .animate({opacity: 1.0}, 1000, function() {
		            $active.removeClass('active last-active');
		        });
		}
		
		$(function() {
		    setInterval( "slideSwitch()", 5000 );
		});
		
		</script>

<div id="content">
	<div id="content_container">
		<div id="inner_content">
		
		<h2>Del Sol Home</h2>
			
		<div id="homeimages"> 
			<div id="slideshow">
				<img src="<?php bloginfo('template_directory'); ?>/images/slideshow/slide1.jpg" alt="Slideshow Image 1" class="active" /> 
				<img src="<?php bloginfo('template_directory'); ?>/images/slideshow/slide2.jpg" alt="Slideshow Image 2" />
				<img src="<?php bloginfo('template_directory'); ?>/images/slideshow/slide3.jpg" alt="Slideshow Image 3" />
			</div>
		</div>

			<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
			<div class="post" id="post-<?php the_ID(); ?>">
				<!--- <h2><?php the_title(); ?></h2> -->
				<?php the_content('<p class="serif">Read the rest of this page »</p>'); ?>
				<?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
			</div>
			<?php endwhile; endif; ?>
		<?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>
		
		<h1>Latest Article</h1>
		
		<!--- Loop -->
		
		<?php query_posts('posts_per_page=1'); ?>
            
            <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
            
              <h2><a style="color:#fff;font-size:20px; border:none;" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
              <h5><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></h5>
                  
            <?php the_excerpt(); ?>
            <p><a class="continue" href="<?php the_permalink(); ?>">Read this article</a></p>
            <p><a class="allarticles" href="articles/">See All Articles</a></p>
   
            <?php endwhile; ?>
		<!--- End Loop -->
	
	<?php get_sidebar(); ?>
		</div>
	</div>
</div>
<?php get_footer(); ?>

		
		<?php wp_enqueue_script("jquery"); ?>
		
		<?php wp_head(); ?>