<?php

/*

Template Name: 2 Column Portfolio

*/

?>



<?php get_header(); 



?>



<div class = "outerpagewrap">

	<div class="pagewrap">

		<div class="pagecontent">

			<div class="pagecontentContent">

				<h1><?php the_title();?></h1>

				<p><?php the_breadcrumb(); ?></p>

			</div>

			<div class="homeIcon"><a href="<?php echo home_url(); ?>"></a></div>

		</div>



	</div>

</div>



<div id="mainwrap">



	<div id="main" class="clearfix">

	

	<?php  
	$portfolio = get_post_custom($post->ID); 
		if(isset($portfolio['port_category'][0]) && $portfolio['port_category'][0] != 0)
			$port= getcatslug($portfolio['port_category'][0]);
		else
			$port = '';	
	?>

	<?php if(!isset($portfolio['port_category'][0]) || ($portfolio['port_category'][0]==0)){ ?>				

	

	<div id="remove" class="portfolioremove">

	    <h2><a class="catlink" href="#filter=*" >Show All <span> /</span></a>

		<?php $categories = get_terms("portfoliocategory");

		foreach ($categories as $category) {

			$entrycategory = str_replace(' ', '-', $category->name);

			echo '<a class="catlink" href="#filter=.'.$entrycategory .'" >'.$category->name.'<span class="aftersortingword"> /</span></a>';

		}

		?>

		</h2>

	</div>

<?php } ?>



	<div class="portfolio">		

	

		<div id="portitems2">

					

			<?php portfolio(135,233,2,'port','',$port ); ?>

				

		</div>

					

		<?php

		include('includes/wp-pagenavi.php');

		if(function_exists('wp_pagenavi')) { wp_pagenavi(); }

		?>

				

	</div>

	

</div>	

</div>

<script>



	    jQuery(function(){

  

      var $container = jQuery('#portitems2'),

          // object that will keep track of options

          isotopeOptions = {},

          // defaults, used if not explicitly set in hash

          defaultOptions = {

            filter: '*',

            sortBy: 'original-order',

            sortAscending: true,

            layoutMode: 'masonry'

          };



      // ensure no transforms used in Opera

      if ( jQuery.browser.opera ) {

        defaultOptions.transformsEnabled = false;

      }

      

     

  

      var setupOptions = jQuery.extend( {}, defaultOptions, {

        itemSelector : '.item2',

      });

  

      // set up Isotope

      $container.isotope( setupOptions );

  

      var $optionSets = jQuery('#options').find('.option-set'),

          isOptionLinkClicked = false;

  

      // switches selected class on buttons

      function changeSelectedLink( $elem ) {

        // remove selected class on previous item

        $elem.parents('.option-set').find('.selected').removeClass('selected');

        // set selected class on new item

        $elem.addClass('selected');

      }

  

  

      $optionSets.find('a').click(function(){

        var $this = $(this);

        // don't proceed if already selected

        if ( $this.hasClass('selected') ) {

          return;

        }

        changeSelectedLink( $this );

            // get href attr, remove leading #

        var href = $this.attr('href').replace( /^#/, '' ),

            // convert href into object

            // i.e. 'filter=.inner-transition' -> { filter: '.inner-transition' }

            option = $.deparam( href, true );

        // apply new option to previous

        jQuery.extend( isotopeOptions, option );

        // set hash, triggers hashchange on window

        jQuery.bbq.pushState( isotopeOptions );

        isOptionLinkClicked = true;

        return false;

      });



      var hashChanged = false;



      jQuery(window).bind( 'hashchange', function( event ){

        // get options object from hash

        var hashOptions = window.location.hash ? jQuery.deparam.fragment( window.location.hash, true ) : {},

            // do not animate first call

            aniEngine = hashChanged ? 'best-available' : 'none',

            // apply defaults where no option was specified

            options = jQuery.extend( {}, defaultOptions, hashOptions, { animationEngine: aniEngine } );

        // apply options from hash

        $container.isotope( options );

        // save options

        isotopeOptions = hashOptions;

    

        // if option link was not clicked

        // then we'll need to update selected links

        if ( !isOptionLinkClicked ) {

          // iterate over options

          var hrefObj, hrefValue, $selectedLink;

          for ( var key in options ) {

            hrefObj = {};

            hrefObj[ key ] = options[ key ];

            // convert object into parameter string

            // i.e. { filter: '.inner-transition' } -> 'filter=.inner-transition'

            hrefValue = jQuery.param( hrefObj );

            // get matching link

            $selectedLink = $optionSets.find('a[href="#' + hrefValue + '"]');

            changeSelectedLink( $selectedLink );

          }

        }

    

        isOptionLinkClicked = false;

        hashChanged = true;

      })

        // trigger hashchange to capture any hash data on init

        .trigger('hashchange');



    });



</script>

 



	

<?php get_footer(); ?>