<div class="story-container user-story-container" id="<?php echo $wo['story']['id']; ?>" data-status-id="<?php echo $wo['story']['id']; ?>">
    <div class="panel panel-white panel-shadow">
      <div class="ads-heading">
        
        <div class="<?php echo Wo_RightToLeft('pull-left');?> ads-image">
          <a data-ajax="?link1=timeline&u=<?php echo $wo['story']['user_data']['username']?>">
          <img src="<?php echo $wo['story']['user_data']['avatar']; ?>"  class="responsive-img" style="border-radius: 50%;">
          </a>
        </div>
        <div class="ads-meta">
          <div class="title h5">
            <p>
              <b><?php echo $wo['story']['user_data']['name']; ?></b>
              
              <?php if ($wo['story']['is_owner']):?>
	            <span class="pull-right pointer" onclick="Wo_DeleteStatus(<?php echo $wo['story']['id']; ?>)">
	              	<i class="fa fa-trash-o"></i>
	            </span>
	          <?php endif;?>
              <span class="clear"></span>
            </p>
            <h6>
              <span class="time">
		        <span class="ajax-time" title="<?php echo date('c',$wo['story']['posted']); ?>">
		          <?php echo Wo_Time_Elapsed_String($wo['story']['posted']); ?>
		        </span>
		      </span>  
            </h6>
          </div>
        </div>
        <div class="ads-headline">
            <?php echo $wo['story']['title'];?>
            <span>
              <?php echo $wo['story']['description']; ?>
            </span>
        </div>
        <?php if (isset($wo['story']['thumb'])): ?>
	        <div class="story-media-cont" id="<?php echo $wo['story']['id']; ?>">
	          	<div class="story-image-wrapper user-story-gallery-<?php echo $wo['story']['id']; ?>" id="fullsizeimg">
	          		<a href="<?php echo $wo['story']['thumb']['filename']; ?>">
	          			<img src="<?php echo $wo['story']['thumb']['filename']; ?>" alt="" style="max-width: 100%;">
	          		</a>
		          	<?php foreach ($wo['story']['images'] as $image): ?>
		            	<?php if ($image['type'] == 'image'): ?>           		
							<a href="<?php echo $image['filename']; ?>"></a>	
		            	<?php endif; ?>
		            <?php endforeach; ?>
	            </div>
	        </div>
        <?php endif; ?>

        <?php if (count($wo['story']['videos']) > 0): ?>
        	<hr>
        	<div class="story-media-cont">
	        	<?php foreach ($wo['story']['videos'] as $wo['media']): ?>
	    			<?php echo Wo_LoadPage('status/video'); ?>
	    		<?php endforeach; ?>
    		</div>
        <?php endif; ?>	
    	
      
      <div class="clear"></div>
    </div>
</div>
</div>

<script>
	// jQuery(document).ready(function($) {
	// 	var interval;
	// 	$('.user-story-gallery-<?php echo $wo['story']['id']; ?>').magnificPopup({
	// 		delegate: 'a',
	// 		type: 'image',
	// 		tLoading: '',
	// 		gallery:{
	// 			enabled:true,
	// 		},
	// 		removalDelay: 300,

	// 		callbacks: {
	// 			open: function() {
	// 				Wo_StoryProgress();																			
	// 				if ($('.user-story-gallery-<?php echo $wo['story']['id']; ?> a').length > 1) {
	// 					interval = setInterval(function() {
	// 				        $.magnificPopup.instance.next(true);
	// 				    }, 10000);
	// 				}
	// 				else if($('.user-story-gallery-<?php echo $wo['story']['id']; ?> a').length == 1){
	// 					Wo_Delay(function(){
	// 						$('.user-story-gallery-<?php echo $wo['story']['id']; ?>').magnificPopup('close');
	// 						Wo_ResetStory();
	// 					}, 10000)
	// 				}
	// 			},
	// 			close:function() {
	// 				clearInterval(interval);
	// 				Wo_ResetStory();
	// 			}
	// 		}
	// 	});	
	// });
</script>