<?php
/*
Template Name: (Portfolio) Identity Page
*/
?>
<?php get_template_part('templates/content', 'page'); ?>
<?php get_template_part('templates/page', 'header'); ?>

<div class="container" style="margin-top:20px; min-height:500px;" >
  <div class="row">
    <?php
	   $items = new WP_Query(array(
    'post_type' => 'slider',
	'slider-category' => '',
    'posts_per_page' => -1
    ));
   while ( $items->have_posts() ) :
   $items->the_post();


  ?>
    <?php
$src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 5600,1000 ), false, '' );
?>
    <a href="#port-<? the_ID(); ?>" data-toggle="modal">
    <div class="span2" id="square" style="background: url(<?php echo $src[0]; ?>); background-size:300px;  background-repeat:no-repeat; background-position:center;"> <span>
      <h3>
        <?php the_title();?>
        <?php get_the_category();?>
      </h3>
      </span> </div>
    </a>
    <div id="port-<? the_ID(); ?>" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="portTitle" aria-hidden="true">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
      <div class="modal-header">
        <div id="portTitle" class="pull-left" >
          <h3><?php echo get_post_meta($post->ID, "client_name", true); ?></h3>
          <h4><?php echo get_post_meta($post->ID, "project_role", true); ?></h4>
        </div>
        <div class="excerpt pull-right"><?php echo get_post_meta($post->ID, "short_desc", true); ?></div>
        <div style="clear:both;"></div>
      </div>
      <div class="modal-body">
        <?php


if (MultiPostThumbnails::has_post_thumbnail('slider', 'portfolio-image-1')) {
  get_template_part('templates/portfolio-carousel');
} else {
if ( has_post_thumbnail() ) {
 (the_post_thumbnail());
}
}

?>
      </div>
      <div class="model-footer" style="padding:15px;">
        <p>
          <?php the_content();?>
        </p>
      </div>
    </div>
    <?php endwhile;  ?>
  </div>
</div>
<div style="clear:both;"></div>
<script type="text/javascript">
	$(function(){
	$('.attachment-post-thumbnail').zoome({magnifierSize:[200,200],showZoomState:true});
	$('#img2').zoome({hoverEf:'blur',showZoomState:true});
	$('#img3').zoome({hoverEf:'grayscale',showZoomState:true,zoomRange:[1,5],zoomStep:0.5,defaultZoom:1.5,magnifierSize:[100,100]});
	$('#').zoome({hoverEf:'transparent',showZoomState:true,magnifierSize:[200,200]});
});
	function destroyZoome(obj){
		if(obj.parent().hasClass('zm-wrap'))
		{
			obj.unwrap().next().remove();
		}
	}
</script>