<?php
/**
 * Template Name: Blog Left Sidebar
 * The main template file for display blog page.
 *
 * @package WordPress
*/

include (get_template_directory() . "/lib/fallback.home.lib.php");

/**
*	Get Current page object
**/
$page = get_page($post->ID);

/**
*	Get current page id
**/

if(!isset($pp_homepage) && !isset($current_page_id) && isset($page->ID))
{
    $current_page_id = $page->ID;
}
else
{
	$current_page_id = $pp_homepage;
}

if(!isset($hide_header) OR !$hide_header)
{
	get_header(); 
}

//Get page Sidebar
$page_sidebar = get_post_meta($current_page_id, 'page_sidebar', true);
if(empty($page_sidebar))
{
	$page_sidebar = 'Blog Sidebar';
}

//If display on homepage then disable header
if(!isset($hide_header) OR !$hide_header)
{
?>
		
</div>

<div class="page_caption">
	<div class="caption_inner">
		<div class="caption_header">
			<h1 class="cufon"><span><?php the_title(); ?></span></h1>
			<?php
			$page_description = get_post_meta($current_page_id, 'page_description', true);
			
			if(!empty($page_description))
			{
			?>
				<span class="page_description"><?php echo $page_description; ?></span>
			<?php
			}
			?>
		</div>
	</div>
	<br class="clear"/>
</div>
<br class="clear"/>

<!-- Begin content -->
<div id="content_wrapper">

    <div class="inner">
    
    	<!-- Begin main content -->
    	<div class="inner_wrapper">
    	
    		<div class="standard_wrapper">
<?php
}
?>
				<div class="sidebar_wrapper left_sidebar">
				    
				    	<div class="sidebar left_sidebar">
				    	
				    		<div class="content">
				    	
				    			<ul class="sidebar_widget">
				    			<?php dynamic_sidebar($page_sidebar); ?>
				    			</ul>
				    		
				    		</div>
				    
				    	</div>
				    	<br class="clear"/>
				
				    	<div class="sidebar_bottom left_sidebar"></div>
				    </div>
				
				<div class="sidebar_content left_sidebar">
					
				<?php
				
				global $more; $more = false;
				
				$query_string ="post_type=post&paged=$paged";
				
				query_posts($query_string);
				$num_of_posts = $wp_query->post_count;
				$cur_post = 0;
				
				if (have_posts()) : while (have_posts()) : the_post();
					
					$cur_post++;
					$image_thumb = '';
												
					if(has_post_thumbnail(get_the_ID(), 'blog'))
					{
					    $image_id = get_post_thumbnail_id(get_the_ID());
					    $image_thumb = wp_get_attachment_image_src($image_id, 'blog', true);
					}
				?>
						
					<!-- Begin each blog post -->
					<div id="post-<?php the_ID(); ?>" <?php post_class(); ?> class="post_wrapper">
					
						<?php
					        if(isset($image_thumb[0]))
					        {
					    ?>	
					    <a href="<?php the_permalink(); ?>">
					   	 	<div class="post_img_wrapper">
						    	<img src="<?php echo $image_thumb[0]; ?>" alt=""/>
						    	<div class="post_img_overlay">
						    		<div class="overlay_icon_circle">
	        							<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/icon_link.png" alt="" class=""/>
	        						</div>
	        					</div>
						    </div>
					    </a>
					    
					    <?php
					    	}
					    ?>
					    
					    <br class="clear"/>
					    
					    <div class="post_header_wrapper">
					    	<div class="post_date">
							    <div class="date"><?php the_time('j'); ?></div>
							    <div class="month"><?php the_time('M'); ?></div>
							    <div class="year"><?php the_time('Y'); ?></div>
							</div>
					    	<div class="post_header">
					    		<h3><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?>								
					    			</a>
					    		</h3>
					    		<div class="post_detail">
					    			<div class="post_detail_item">
										<?php echo _e( 'Date:', THEMEDOMAIN ); ?> <?php echo get_the_time('d M Y'); ?>&nbsp;/
									</div>
							    	<div class="post_detail_item">
										<?php echo _e( 'Posted by:', THEMEDOMAIN ); ?> <?php echo get_the_author(); ?>&nbsp;/
							    	</div>
							    	<div class="post_detail_item">
										<a href="<?php the_permalink(); ?>"><?php comments_number(__( 'Leave a Comment', THEMEDOMAIN ), __( 'Comment: 1', THEMEDOMAIN ), __( 'Comment: %', THEMEDOMAIN )); ?></a>
							    	</div>
								</div>
					    	</div>
					    </div>
					    
					    <div class="post_excerpt">
					    <?php
					    	$pp_blog_display_full = get_option('pp_blog_display_full');
					    	
					    	if(!empty($pp_blog_display_full))
					    	{
					    		the_content();
					    	}
					    	else
					    	{
					    		the_excerpt();
					    ?>
					    		<br/>
					    		<a class="button" href="<?php the_permalink(); ?>"><?php echo _e( 'Read The Rest', THEMEDOMAIN ); ?> →</a>
					    
					    <?php
					    	}
					    	
					    	$pp_blog_share = get_option('pp_blog_share');
					    	
					    	if(!empty($pp_blog_share))
					    	{
					    ?>	
					    
					    	<br class="clear"/><br/>
					    
						    <div class="post_social">
						    
							    <iframe src="//www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink()); ?>&amp;send=false&amp;layout=button_count&amp;width=200&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=268239076529520" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:21px;" allowTransparency="true"></iframe>
							    
							    <!-- Place this tag where you want the +1 button to render -->
								<g:plusone size="medium" href="<?php echo get_permalink(); ?>"></g:plusone>
								
								<!-- Place this render call where appropriate -->
								<script type="text/javascript">
								  (function() {
								    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
								    po.src = 'https://apis.google.com/js/plusone.js';
								    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
								  })();
								</script>
		    		
							    <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-text="<?php the_title(); ?>" data-url="<?php echo get_permalink(); ?>">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
							    
							    <a href="http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink()); ?>" class="pin-it-button" count-layout="horizontal"><img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>
						    
						    </div>
						    
						<?php
							}
						?>
						    
					    </div>
					    
					    <br class="clear"/>
					
					</div>
					
					<br class="clear"/>
					
					<!-- End each blog post -->

				<?php endwhile; endif; ?>
				
				<hr/>
				<?php
				if (function_exists("wpapi_pagination")) 
				{
			 	    wpapi_pagination($wp_query->max_num_pages);
			 	}
			 	else
				{
				?>
				    <div class="pagination"><p><?php posts_nav_link(' '); ?></p></div>
				<?php
				}
				?>
				    
				</div>
				<br class="clear"/>
			<?php
			if(!isset($hide_header) OR !$hide_header)
			{
			?>
				</div>
				<!-- End main content -->
					
				</div>
				
			</div>	

			<?php get_footer(); ?>

			<?php
			}
			else
			{
			?>
			<br class="clear"/>
			<?php
			}
			?>