Included Filter

<?php

global $jdata;

$categories = get_terms(JEG_PORTFOLIO_CATEGORY, array(
    'order'     => 'ASC',
    'hide_empy' => 1,
    'include'   => $jdata->portoExclude
));

?>

<style type="text/css">
    #jeglio .item {
        width : <?php echo $jdata->portoItemWidth . 'px'?>;
    }
</style>

<?php if($jdata->showFilter) : ?>
<div id="liofilter">
    <span>
        <div class="misc-list"></div>
        <ul>
            <li class="apply-filter filter-select" data-filter="*"><?php j_e('portfolio_all_filter_lang', 'All'); ?></li>
            <?php
            foreach ($categories as $category) :
                echo "<li class='apply-filter' data-filter='." . $category->term_id . "'> $category->name </li>\n";
            endforeach;
            ?>
        </ul>
    </span>
</div>
<?php endif; ?>
<div class="lioseparator"></div>

<div id="jeglio">
<?php
if(have_posts()) {
    while(have_posts()) {
        the_post();
        load_template( JEG_INCLUDE . "portfolio-item.php" , false);
    }
}
?>
</div>

<div class="lio-loader"></div>

<div id="item-theater-overlay">
    <div id="item-theater">
        <div id="item-theater-detail">
            <a href="#!/">
                <div class="closeme">
                    <div class="icon-remove"></div>
                </div>
            </a>
            <div class="love-this">
                <span class="love-counter"></span>
                <b class="icon-heart"></b>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="<?php echo JEG_JS_URL . 'jeglio.js';?>"></script>
<script type="text/javascript">
    jQuery(document).ready(function($)
    {
        /** bind jeg default **/
        $(window).jegdefault({
            curtain     : <?php echo j_get_option('curtain', 0);?>,
            rightclick  : <?php echo j_get_option('rightclick', 1);?>,
            clickmsg    : "<?php echo j_e('disableclick', 'Right click disabled'); ?>"
        });

        $("#jeglio").jeglio({
            itemWidth       : "<?php echo $jdata->portoItemWidth; ?>",
            itemHeight      : "<?php echo $jdata->portoItemHeight + 60; ?>",
            itemMode        : "<?php echo $jdata->portoLayout; ?>",
            itemHeightWide  : "<?php echo $jdata->itemHeightExpanded; ?>",
            galleryDim      : "<?php echo $jdata->galleryDim; ?>",
            descDim         : "<?php echo $jdata->descriptionDim; ?>",
            loadAnimation   : "<?php echo $jdata->itemTransition; ?>",
            theatherMode    :  <?php echo $jdata->theatherMode; ?>,
            flexDelay       :  <?php echo j_get_option('flex_slide_speed', '7000'); ?>,
            zoomDelay       :  <?php echo j_get_option('zoom_slide_speed', '7000'); ?>,
            direction_nav   :  <?php echo j_get_option('direction_nav', 0); ?>,
            control_nav     :  <?php echo j_get_option('control_nav', 1); ?>,
            lang            : {
                portfoliotitle                      : "<?php j_e("protected_portfolio_lang") ?>",
                passwordplaceholder                 : "<?php j_e("password_placeholder_lang") ?>",
                submit                              : "<?php j_e("portfolio_submit_lang") ?>"
            }
        });

    });
</script>