<div id="blog-content" class="white">
    <div class="container">
        <div class="row">
            <div class="sixteen columns block-title">
                <strong><?php echo $heading_title; ?></strong>

                <ul class="nav nav-tabs">
                    <?php $i = 0; foreach($categories as $category) { $i++; ?>
                        <li <?php if ($i == 1) { ?>class="active"<?php } ?>><a  href="#tab-content-<?php echo $i; ?>" data-toggle="tab" <?php if ($i == 1) { ?>class="first"<?php } else { ?>class="last"<?php } ?>><?php echo $category['name']; ?></a></li>
                    <?php } ?>
                </ul>
            </div>
        </div>

        <div class="tab-content">
            <?php $y = 0; foreach($articles as $category_id => $art) { $y++;  ?>
                <div class="tab-pane fade in <?php if ($y == 1) { ?>active<?php } ?>" id="tab-content-<?php echo $y; ?>">
                    <div class="sixteen columns ms-staff-carousel">
                        <div class="master-slider masterslider" id="slider-content-<?php echo $y; ?>">
                            <?php foreach($art as $article) { ?>
                                <?php if ($article['thumb']) { ?>
                                <div class="ms-slide">
                                    <img src="<?php echo WEBSITE_URL; ?>catalog/view/theme/skanu_eshoprent/image/blank.gif" data-src="<?php echo $article['thumb']; ?>" alt="<?php echo $article['name']; ?>"/>
                                    <div class="ms-info">
                                        <h3><?php echo $article['name']; ?></h3>
                                        <?php echo $article['description']; ?>
                                    </div>
                                </div>
                                <?php } ?>
                            <?php } ?>
                        </div>
                        <div class="ms-staff-info blog-content-description blog-content-description-<?php echo $y; ?>"> </div>
                    </div>
                    <script type="text/javascript">
                        var slider = new MasterSlider();
                        slider.setup('slider-content-<?php echo $y; ?>' , {
                            loop:true,
                            width:670,
                            height:400,
                            speed:20,
                            view:'focus',
                            preload:'all',
                            space:0,
                            wheel:true
                        });
                        slider.control('arrows');
                        slider.control('slideinfo',{insertTo:'.blog-content-description-<?php echo $y; ?>'});
                    </script>
                </div>
            <?php } ?>
        </div>

        <script type="text/javascript">
            $('#blog-content .nav a').click(function (e) {
                e.preventDefault();
                $(this).tab('show')
            });
        </script>
    </div>
</div>