StoryWise

storywise

diff --git a/wp-content/themes/twentythirteen/category-portfolio.php b/wp-content/themes/twentythirteen/category-portfolio.php
index 05e7b2a..bc75a07 100644
--- a/wp-content/themes/twentythirteen/category-portfolio.php
+++ b/wp-content/themes/twentythirteen/category-portfolio.php
@@ -16,11 +16,10 @@ get_header(); ?>
 				<div id="bannerText">
 					<h1 class="entry-title">OUR WORK</h1>
 				</div>
-				
-				
 			</div>
 		</div>
 	</div>
+	<div class="mediaContainer"></div>
 	<div id="primary" class="site-main">
 		<div id="content" class="container" role="main">
 <div id="freewall" class="free-wall">
@@ -42,7 +41,7 @@ get_header(); ?>
 
 				<div style="<?php echo $style ?>" class="cell play-c">
 					<div class="mask-layer"><a class="play-icon"></a></div>
-					<a rel="media-project" class="fancybox-media-project" href="<?php $key="link-video"; echo get_post_meta($post->ID, $key, true); ?>"></a>
+					<a rel="media-project" class="mediaSource" href="<?php $key="link-video"; echo get_post_meta($post->ID, $key, true); ?>"></a>
 					<div class="project-detail" style="display:none;color:white">
 						<h2 style="color:white;padding:5px  0px 0;font-weight:400;text-transform:uppercase;  font-size: 16px;"><?php the_title(); ?></h2>
 						<div style="color:white;padding: 0px 0px 5px"><?php the_excerpt( ); ?></div>
@@ -80,7 +79,17 @@ jQuery(document).ready(function(){
 				wall.fitWidth();
 				// for scroll bar appear;
 				jQuery(window).trigger("resize");
-			
+
+				//fancybox-media-project
+				jQuery('.mediaSource').on('click', function(e) {
+					var $source = jQuery(e.target);
+					var mediaHelper = jQuery.fancybox.helpers.media;
+					mediaHelper.beforeLoad(mediaHelper.defaults, $source[0]);
+
+					var ifr = "<iframe class='inlineMedia' src='" + e.target.href + "'></iframe>";
+					jQuery('.mediaContainer').html(ifr);
+					return false;
+				});
 
 })