<?php 
/**
 * @version     $Id$
 * @author      OvaTheme
 * @package     Joomla.Site
 * @subpackage  com_ovacomposer
 * @copyright   Copyright (C) 2013 OvaTheme. All rights reserved.
 * @license     License GNU General Public License version 2 or later; see LICENSE.txt, see LICENSE.
 */
 
defined('_JEXEC') or die;
?>

<!-- Portfolio Section -->    
  <section id="<?php echo $elementid?$elementid:"portfolio"; ?>" class="section">
    <div class="container">
      <div class="title col-md-8 col-sm-10 col-xs-12">
        <?php if($title){ ?>
        <h1><?php echo htmlspecialchars_decode($title); ?></h1>
        <?php } ?>
        <hr>
        <?php if($description) { ?>
            <p><?php echo $description; ?></p>
        <?php } ?>        
      </div>

      <!-- Portfolio Filters -->
      <ul id="filters">
            <li class="filter" data-filter="all">
                <?php echo Jtext::_('COM_OVACOMPOSER_ALL'); ?>
            </li>
             <?php foreach($arr_name_filter as $key=> $tag){ ?>                
                <li class="filter" data-filter="<?php echo strtolower(str_replace(" ","_",$tag)); ?>">
                    <?php echo $tag; ?>                    
                </li>
            <?php } ?>
      </ul>
      <!-- End Portfolio Filters -->
    </div>
    <div class="portfolio-top"></div> 
    <!-- Portfolio Grid -->
    <ul id="portfolio-grid">
      <?php  foreach($catItems as $key=> $item){ ?>
            <li class="mix <?php echo strtolower($item->extra_fields_search); ?> mix_all">              
              <img src="<?php echo $ova->getImageK2($item->id,'XL') ?>" alt="" />
              <a href="<?php echo 'index.php?option=com_k2&view=item&id='.$item->id.'&tmpl=component'; ?>" class="open-project">
                <div class="project-overlay">
                  <i class="fa fa-plus-circle fa-3x"></i>
                  <span class="project-name"><?php echo $item->title; ?></span>
                  <span>
                    <?php 
                      //echo str_replace(' ', ' / ', trim($item->extra_fields_search);
                    echo $item->extra_fields_search;
                    ?>
                  </span>
                </div>
              </a>
            </li>
      <?php } ?>
    </ul>
    <!-- End Portfolio Grid -->

    <!-- Ajax Loaded Portfolio -->
    <div id="project-extended">
      <div class="container">
        <ul id="project-controls">
          <li>
            <a href="#" id="close-project">
              <i class="fa fa-times fa-2x"></i>
            </a>
          </li>
        </ul>
        <div id="project-content"></div>
      </div>
    </div>
    <!-- End Ajax Loaded Portfolio -->
    <div class="portfolio-bottom"></div>   
  </section>
  <!-- End Portfolio Section -->