<?php get_header(); ?>
			
			<div id="content" class="clearfix">
			
				<div id="main" class="eight columns clearfix" role="main">

					<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
					
					<article id="post-<?php the_ID(); ?>" <?php post_class('clearfix'); ?> role="article" itemscope itemtype="http://schema.org/BlogPosting">
						
						<header>
							
							<h1 class="single-title" itemprop="headline"><a href="<?php echo get_permalink($post->post_parent); ?>" rev="attachment"><?php echo get_the_title($post->post_parent); ?></a> &raquo; <?php the_title(); ?></h1>
							
							<p class="meta"><?php _e("Posted", "bonestheme"); ?> <time datetime="<?php echo the_time('Y-m-j'); ?>" pubdate><?php the_time('F jS, Y'); ?></time> <?php _e("by", "bonestheme"); ?> <?php the_author_posts_link(); ?>.</p>
						
						</header> <!-- end article header -->
					
						<section class="post_content clearfix" itemprop="articleBody">
							
							<!-- To display current image in the photo gallery -->
							<div class="attachment-img">
							      <a href="<?php echo wp_get_attachment_url($post->ID); ?>">
							      							      
							      <?php 
							      	$image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' ); 
							       
								      if ($image) : ?>
								          <img src="<?php echo $image[0]; ?>" alt="" />
								      <?php endif; ?>
							      
							      </a>
							</div>
							
							<!-- To display thumbnail of previous and next image in the photo gallery -->
							<ul class="block-grid two-up">
								<li class="next pull-left"><?php next_image_link() ?></li>
								<li class="previous pull-right"><?php previous_image_link() ?></li>
							</ul>
							
						</section> <!-- end article section -->
						
						<footer>
			
							<?php the_tags('<p class="tags"><span class="tags-title">Tags:</span> ', ' ', '</p>'); ?>
							
						</footer> <!-- end article footer -->
					
					</article> <!-- end article -->
					
					<?php comments_template(); ?>
					
					<?php endwhile; ?>			
					
					<?php else : ?>
					
					<article id="post-not-found">
					    <header>
					    	<h1>Not Found</h1>
					    </header>
					    <section class="post_content">
					    	<p>Sorry, but the requested resource was not found on this site.</p>
					    </section>
					    <footer>
					    </footer>
					</article>
					
					<?php endif; ?>
			
				</div> <!-- end #main -->
				
				<div id="sidebar1" class="four columns clearfix" role="complementary">
				
					<?php if ( !empty($post->post_excerpt) ) { ?> 
					<div class="caption panel"><?php echo get_the_excerpt(); ?></div>
					<?php } ?>
								
					<!-- Using WordPress functions to retrieve the extracted EXIF information from database -->
					<div class="panel">
						<h3>Image metadata</h3>

					<p>
					   <?php
					      $imgmeta = wp_get_attachment_metadata( $id );
					
					// Convert the shutter speed retrieve from database to fraction
					      if($imgmeta['image_meta']['shutter_speed'] > 0){
						      if ((1 / $imgmeta['image_meta']['shutter_speed']) > 1)
						      {
						         if ((number_format((1 / $imgmeta['image_meta']['shutter_speed']), 1)) == 1.3
						         or number_format((1 / $imgmeta['image_meta']['shutter_speed']), 1) == 1.5
						         or number_format((1 / $imgmeta['image_meta']['shutter_speed']), 1) == 1.6
						         or number_format((1 / $imgmeta['image_meta']['shutter_speed']), 1) == 2.5){
						            $pshutter = "1/" . number_format((1 / $imgmeta['image_meta']['shutter_speed']), 1, '.', '') . " second";
						         }
						         else{
						           $pshutter = "1/" . number_format((1 / $imgmeta['image_meta']['shutter_speed']), 0, '.', '') . " second";
						         }
						      }
						      else{
						         $pshutter = $imgmeta['image_meta']['shutter_speed'] . " seconds";
						       }
						   }
						   else
						   		$pshutter = 'n/a';

					
					// Start to display EXIF and IPTC data of digital photograph
					       echo "Date Taken: " . date("d-M-Y H:i:s", $imgmeta['image_meta']['created_timestamp'])."<br />";
					       echo "Copyright: " . $imgmeta['image_meta']['copyright']."<br />";
					       echo "Credit: " . $imgmeta['image_meta']['credit']."<br />";
					       echo "Title: " . $imgmeta['image_meta']['title']."<br />";
					       echo "Caption: " . $imgmeta['image_meta']['caption']."<br />";
					       echo "Camera: " . $imgmeta['image_meta']['camera']."<br />";
					       echo "Focal Length: " . $imgmeta['image_meta']['focal_length']."mm<br />";
					       echo "Aperture: f/" . $imgmeta['image_meta']['aperture']."<br />";
					       echo "ISO: " . $imgmeta['image_meta']['iso']."<br />";
					       echo "Shutter Speed: " . $pshutter . "<br />"
					   ?>
					</p>
					</div>
					
				</div>
    
			</div> <!-- end #content -->

<?php get_footer(); ?>