<?php get_header(); ?>
					
			<!--BEGIN #primary .hfeed-->
			<div id="primary" class="hfeed">
				
				<h1 class="page-title"><?php the_title(); ?></h1>
				
            	    <!--BEGIN .entry-meta .entry-header-->
				    <div class="entry-meta entry-header clearfix">
						
						<span class="holder">
						
							<?php
							
							$date = get_post_meta(get_the_ID(), 'tz_date', TRUE); 
							$client = get_post_meta(get_the_ID(), 'tz_client', TRUE); 
							$url = get_post_meta(get_the_ID(), 'tz_url', TRUE); 
							
							?>
							
							<?php if($date != '') : ?>
							<span class="published"><?php _e('Date', 'framework'); ?>: <span><?php echo stripslashes($date); ?></span></span>
							<?php endif; ?>
							
							<?php if($client != '') : ?>
							
							<?php if($date != '') : ?>
							<span class="middot"> &middot; </span>
							<?php endif; ?>
							
							<span class="client"><?php _e('Client', 'framework'); ?>: <span><?php echo stripslashes($client); ?></span></span>
							
							<?php endif; ?>
							
							<?php 
							
							$terms = get_the_terms( get_the_ID(), 'skill-type' ); 
							
							if($terms) :
							
							?>
							
							<?php if($date != '' || $client != '') : ?>
							<span class="middot"> &middot; </span>
							<?php endif; ?>
							
							<span class="entry-category"><?php _e('Skills', 'framework'); ?>: <?php foreach ($terms as $term) :  ?>
				                    <a href="<?php echo get_term_link($term->slug, 'skill-type'); ?>"><?php echo $term->name; ?></a><span>, </span><?php endforeach; ?></span> 
							
							<?php endif; ?>
							
							<?php if($url != '') : ?>
							
							<span class="middot"> &middot; </span>
							
					        <span class="url"><?php _e('URL', 'framework'); ?>: <a href="<?php echo $url; ?>"><?php echo $url; ?></a></span>
					        
					        <?php endif; ?>
					                
					        <?php edit_post_link( __('Edit', 'framework'), '<span class="edit-post"><span> &middot; </span>', '</span>' ); ?>
				        
				        </span>
				    
				    <!--END .entry-meta entry-header -->
				    </div>
            				
				<div class="hentry-wrap clearfix">
				
					<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
					
					<?php 
					$image1 = get_post_meta(get_the_ID(), 'tz_portfolio_image', TRUE); 
					$image2 = get_post_meta(get_the_ID(), 'tz_portfolio_image2', TRUE); 
					$image3 = get_post_meta(get_the_ID(), 'tz_portfolio_image3', TRUE); 
					$image4 = get_post_meta(get_the_ID(), 'tz_portfolio_image4', TRUE); 
					$image5 = get_post_meta(get_the_ID(), 'tz_portfolio_image5', TRUE);
					$image6 = get_post_meta(get_the_ID(), 'tz_portfolio_image6', TRUE);
					$image7 = get_post_meta(get_the_ID(), 'tz_portfolio_image7', TRUE);
					$image8 = get_post_meta(get_the_ID(), 'tz_portfolio_image8', TRUE);
					$image9 = get_post_meta(get_the_ID(), 'tz_portfolio_image9', TRUE);
					$image10 = get_post_meta(get_the_ID(), 'tz_portfolio_image10', TRUE);
					$audio1 = get_post_meta(get_the_ID(), 'tz_audio_mp3', TRUE);
					$audio2 = get_post_meta(get_the_ID(), 'tz_audio_ogg', TRUE);
					$embed = get_post_meta(get_the_ID(), 'tz_portfolio_embed_code', TRUE);
					$switch = get_post_meta(get_the_ID(), 'tz_switch', TRUE);
					?>

					
					<!--BEGIN .hentry -->
					<div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
				    		
				    	<!--BEGIN .slider -->
				        <div id="slider" class="clearfix">
				        
				        <?php if($switch == 'audio') : ?>
				    	
				        <?php tz_audio(get_the_ID()); ?>
				    
				        <div id="jquery_jplayer_<?php the_ID(); ?>" class="jp-jplayer"></div>
				
				        <div class="jp-audio-container">
				            <div class="jp-audio">
				                <div class="jp-type-single">
				                    <div id="jp_interface_<?php the_ID(); ?>" class="jp-interface">
				                        <ul class="jp-controls">
				                            <li><div class="seperator-first"></div></li>
				                            <li><div class="seperator-second"></div></li>
				                            <li><a href="#" class="jp-play" tabindex="1">play</a></li>
				                            <li><a href="#" class="jp-pause" tabindex="1">pause</a></li>
				                            <li><a href="#" class="jp-mute" tabindex="1">mute</a></li>
				                            <li><a href="#" class="jp-unmute" tabindex="1">unmute</a></li>
				                        </ul>
				                        <div class="jp-progress-container">
				                            <div class="jp-progress">
				                                <div class="jp-seek-bar">
				                                    <div class="jp-play-bar"></div>
				                                </div>
				                            </div>
				                        </div>
				                        <div class="jp-volume-bar-container">
				                            <div class="jp-volume-bar">
				                                <div class="jp-volume-bar-value"></div>
				                            </div>
				                        </div>
				                    </div>
				                </div>
				            </div>
				        </div>
				
				   	 	<?php endif; ?>
				    
				    	<?php if($switch == 'images' || $switch == '') : ?>
				                
				                <?php if($image1 != '') : ?>
				                <img width="600" src="<?php echo $image1; ?>" alt="<?php the_title(); ?>" />
				                <?php endif; ?>
				                
				                <?php if($image2 != '') : ?>
				                <img width="600" src="<?php echo $image2; ?>" alt="<?php the_title(); ?>" />
				                <?php endif; ?>
				                
				                <?php if($image3 != '') : ?>
				                <img width="600" src="<?php echo $image3; ?>" alt="<?php the_title(); ?>" />
				                <?php endif; ?>
				                
				                <?php if($image4 != '') : ?>
				                <img width="600" src="<?php echo $image4; ?>" alt="<?php the_title(); ?>" />
				                <?php endif; ?>
				                
				                <?php if($image5 != '') : ?>
				                <img width="600" src="<?php echo $image5; ?>" alt="<?php the_title(); ?>" />
				                <?php endif; ?>
				                
				                <?php if($image6 != '') : ?>
				                <img width="600" src="<?php echo $image6; ?>" alt="<?php the_title(); ?>" />
				                <?php endif; ?>
				                
				                <?php if($image7 != '') : ?>
				                <img width="600" src="<?php echo $image7; ?>" alt="<?php the_title(); ?>" />
				                <?php endif; ?>
				                
				                <?php if($image8 != '') : ?>
				                <img width="600" src="<?php echo $image8; ?>" alt="<?php the_title(); ?>" />
				                <?php endif; ?>
				                
				                <?php if($image9 != '') : ?>
				                <img width="600" src="<?php echo $image9; ?>" alt="<?php the_title(); ?>" />
				                <?php endif; ?>
				                
				                <?php if($image10 != '') : ?>
				                <img width="600" src="<?php echo $image10; ?>" alt="<?php the_title(); ?>" />
				                <?php endif; ?>
				
				    	<?php endif; ?>
					
				   		<?php if($switch == 'video') : ?>
				    
						<?php if($embed == '') : ?>
				            
				        <?php tz_video(get_the_ID()); ?>
				        
				        <?php $heightSingle = get_post_meta(get_the_ID(), 'tz_video_height_single', TRUE); ?>
				        
				        <style type="text/css">
				            .single .jp-video-play,
				            .single div.jp-jplayer.jp-jplayer-video {
				                height: <?php echo $heightSingle; ?>px;
				            }
				        </style>
				        
				        <div id="jquery_jplayer_<?php the_ID(); ?>" class="jp-jplayer jp-jplayer-video"></div>
				        
				        <div class="jp-video-container">
				            <div class="jp-video">
				                <div class="jp-type-single">
				                    <div id="jp_interface_<?php the_ID(); ?>" class="jp-interface">
				                        <ul class="jp-controls">
				                            <li><div class="seperator-first"></div></li>
				                            <li><div class="seperator-second"></div></li>
				                            <li><a href="#" class="jp-play" tabindex="1">play</a></li>
				                            <li><a href="#" class="jp-pause" tabindex="1">pause</a></li>
				                            <li><a href="#" class="jp-mute" tabindex="1">mute</a></li>
				                            <li><a href="#" class="jp-unmute" tabindex="1">unmute</a></li>
				                        </ul>
				                        <div class="jp-progress-container">
				                            <div class="jp-progress">
				                                <div class="jp-seek-bar">
				                                    <div class="jp-play-bar"></div>
				                                </div>
				                            </div>
				                        </div>
				                        <div class="jp-volume-bar-container">
				                            <div class="jp-volume-bar">
				                                <div class="jp-volume-bar-value"></div>
				                            </div>
				                        </div>
				                    </div>
				                </div>
				            </div>
				        </div>
				    
				        <?php else: ?>
				        
				        	<?php echo stripslashes(htmlspecialchars_decode($embed)); ?>
				        
				        <?php endif; ?>
				        
				    	<?php endif; ?>
				    
				    	<!--END .slider -->
				        </div>


					    <!--BEGIN .entry-content -->
					    <div class="entry-content clearfix">
					        <?php the_content(''); ?>
					    <!--END .entry-content -->
					    </div>
					
					<!--END .hentry-->  
					</div>
					              
                    <?php comments_template('', true); ?>
                    
                    <!--BEGIN .navigation .single-page-navigation -->
					<div class="navigation single-page-navigation clearfix">
						<div class="nav-previous"><?php previous_post_link('%link', '%title &rarr;'); ?></div>
						<div class="nav-next"><?php next_post_link('%link', '&larr; %title'); ?></div>
					<!--END .navigation .single-page-navigation -->
					</div>

					<?php endwhile; ?>
				
				</div>
	
				<?php else : ?>

				<!--BEGIN #post-0-->
				<div id="post-0" <?php post_class(); ?>>
				
					<h2 class="entry-title"><?php _e('Error 404 - Not Found', 'framework') ?></h2>
				
					<!--BEGIN .entry-content-->
					<div class="entry-content">
						<p><?php _e("Sorry, but you are looking for something that isn't here.", "framework") ?></p>
					<!--END .entry-content-->
					</div>
				
				<!--END #post-0-->
				</div>

			<?php endif; ?>
			<!--END #primary .hfeed-->
			</div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>