{if $wordpress_on == 1 && $wordpress_home_on == 1}
    {if $header_on == 1}
    <h3 class="head">{$header}</h3>
    {/if}
{if $display_type=="masonary"}
    <div id="blog" class="row masonry-container">
{else}    
    <div id="blog" class="row" data-equalizer>
{/if}
    
    {foreach key=row item=post from=$posts}			
		    {if $display_type=="masonary"}
                <div class="product col-xs-12 col-sm-{$post_grid} col-md-{$post_grid} item">
                <div class="thumbnail">
            {else}    
                <div class="product col-xs-12 col-sm-{$post_grid} col-md-{$post_grid}">
                <div class="thumbnail" data-equalizer-watch>
            {/if}		    
			
				<div class="row">
				    
					{if $show_image == 1}
					
					   {if $show_image_position == "side" }
			
					   {if $post.post_image != "" }
					   <div class="col-xs-12 col-md-4 side">
							<div class="image">
                                <a href="{$post.post_soteshop_url}"><img style="width:100%!important" alt="{$post.alt_title}" src="{$post.post_image}"></a>                                
							</div>
						</div>
					
    					<div class="col-xs-12 col-md-8 side">
    					{/if}
    						
    						<div class="caption" style="padding:0px; margin-top:-4px;">						    
    							{if $show_title == 1}<h2 class="name">{$post.title}</h2>{/if}
    							{if $show_date == 1}
                                    <div class="data text-muted">{$post.post_date}</div>
                                {/if}
                                
    							<div class="description tinymce_html" onclick="location.href='{$post.post_soteshop_url}';">
    								{if $post.post_excerpt=="" }{$post.post_content}{else}{$post.post_excerpt}{/if} {if $show_more == 1}<a href="{$post.post_soteshop_url}">{__ text="więcej" langCatalogue="stBlogFrontend"}</a>{/if}
    							</div>
    							
    						</div>
    					{if $post.post_image != "" }	
    					</div>
    					{/if}
    					{/if}
                        
                       {if $show_image_position == "top" }
                       {if $post.post_image !=""}
                        <div class="col-xs-12 top">	                       
                            <div class="image">
                                <a href="{$post.post_soteshop_url}"><img style="width:100%!important" alt="{$post.alt_title}" src="{$post.post_image}"></a>
                            </div>	                       
                        </div>
                        {/if}
                    
                        <div class="col-xs-12 top">
                            <div class="caption" {if $post.post_image ==""} style="padding:0px; margin-top:-4px;" {/if}>                           
                                {if $show_title == 1}<h2 class="name">{$post.title}</h2>{/if}
                                {if $show_date == 1}
                                    <div class="data text-muted">{$post.post_date}</div>
                                {/if}
                                
                                <div class="description tinymce_html" onclick="location.href='{$post.post_soteshop_url}';">
                                    {if $post.post_excerpt=="" }{$post.post_content}{else}{$post.post_excerpt}{/if} {if $show_more == 1}<a href="{$post.post_soteshop_url}">{__ text="więcej" langCatalogue="stBlogFrontend"}</a>{/if}
                                </div>
                                
                            </div>
                        </div>
                        {/if}
                        
                        {if $show_image_position == "float" }                                                
                        <div class="col-xs-12 float">
                            <div class="caption">                           
                                {if $show_title == 1}<h2 class="name">{$post.title}</h2>{/if}
                                {if $show_date == 1}
                                    <div class="data text-muted">{$post.post_date}</div>
                                {/if}
                                
                                <div class="description tinymce_html" onclick="location.href='{$post.post_soteshop_url}';">
                                    {if $post.post_image != "" }
                                    <div class="float-image" style="float:left;">
                                        <a href="{$post.post_soteshop_url}"><img alt="{$post.alt_title}" src="{$post.post_image}" style="max-width:250px; padding:5px 10px 0px 0px;"></a></div>{/if}{if $post.post_excerpt!="..." }{$post.post_content}{else}{$post.post_excerpt}{/if} {if $show_more == 1}
                                    <a href="{$post.post_soteshop_url}">{__ text="więcej" langCatalogue="stBlogFrontend"}</a>{/if}
                                </div>
                                
                            </div>
                        </div>
                        {/if}
                        
    				{else}
    					<div class="col-xs-12">
                            <div class="caption" style="padding:0px; margin-top:-4px;">                           
                                {if $show_title == 1}<h2 class="name">{$post.title}</h2>{/if}
                                {if $show_date == 1}
                                    <div class="data text-muted">{$post.post_date}</div>
                                {/if}
                                
                                <div class="description tinymce_html" onclick="location.href='{$post.post_soteshop_url}';">
                                    {if $post.post_excerpt=="" }{$post.post_content}{else}{$post.post_excerpt}{/if} {if $show_more == 1}<a href="{$post.post_soteshop_url}">{__ text="więcej" langCatalogue="stBlogFrontend"}</a>{/if}
                                </div>
                                
                            </div>
                        </div>
					{/if}
				</div>
			</div>
		</div>
	{/foreach}
</div>

{/if}

{if $display_type=="masonary"}

{use_javascript src="imagesloaded.pkgd.min.js"}
{use_javascript src="masonry.pkgd.min.js"}

{literal}
<script type="text/javascript">
jQuery(function ($)
{
    $(document).ready(function()
    {
             
        var $container = $('.masonry-container');
        $container.imagesLoaded( function () {
            $container.masonry({
                columnWidth: '.item',
                itemSelector: '.item'
            });
        });
    
    });
});
</script>
{/literal}

{/if}