{if $is_con}
{literal}
<link rel="stylesheet" type="text/css" media="all" href="http://www.kelvinluck.com/assets/jquery/jScrollPane/styles/demoStyles.css" />
<link rel="stylesheet" type="text/css" media="all" href="http://www.kelvinluck.com/assets/jquery/jScrollPane/styles/jScrollPane.css" />
<script type="text/javascript" src="http://www.kelvinluck.com/assets/jquery/jScrollPane/scripts/jquery.mousewheel.js"></script>
<script type="text/javascript" src="http://www.kelvinluck.com/assets/jquery/jScrollPane/scripts/jScrollPane.js"></script>
<script type="text/javascript">
			$(function()
			{
				$('.scroll').jScrollPane();
			});
</script>
<style type="text/css">
	div.top_img {
        width: 225px;
		border: 1px solid #676767;
        height: 170px;
        position: relative;
        overflow: hidden;
    }
    div .cats {
        width: 88%;
		font-size:18px;
		display:block;
		padding: 2px 15px;
        color: #fff;
		font-weight: bold;
        text-align: left;
        background: #676767;
    }
    div.top_title {
        color: #D90304;
        margin: 10px 0;
    }
    div.top_title a{
        color: #D90304;
        font-size: 18px;
        font-weight: bold;
        line-height: 20px;
    }
    a.small_title {
        color: #333;
        font-weight: bold;
        font-size: 11px;
        text-decoration: none;
        padding: 0 5px;
    }
    a.small_title:hover {
        text-decoration: underline;
    }
    a.pp {
        padding: 2px 15px;
        display: inline-block;
        background: #5C4C61;
        color: white;
        text-decoration: none;
        margin-bottom: 10px;
    }
    a.pp:hover {
        background: #D90304;
    }
    .naw {
        color: #fff;
        background: #676767;
        padding: 0px 10px;
        text-decoration: none;
    }
    .ddate {
        color: #999;
        border-right: 1px solid #efefef;
        text-align: center;
    }
    .ddesc {
        color: #444;
    }
    .dborder {
        border-bottom: 1px solid #efefef;
        padding: 2px;
		text-align:left;
    }
	.dborder img {
		border: 1px solid #676767;
	}
    .comm {
        background: url(/modules/mod_latest_news/comm.png);
        width: 33px;
        padding-left: 9px;
        height: 19px;
        text-align: center;
        display: block;
        color: #fff;
    }
</style>
{/literal}

{if $cfg.is_too==1}
<table cellpadding="5" cellspacing="5" width="100%">
    <tr>
        <td width="225" valign="top" style=" border-bottom: 1px dotted #ccc;">
					
					<div class="cats">
                        {$articles[0].category}
                    </div>
		
		<div class="top_title">
                <a href="{$articles[0].href}" style="text-decoration: none">
                    {$articles[0].title}
                </a>
        </div>
		
            <div class="top_img">
                <a href="{$articles[0].href}" style="text-decoration: none">
                    <img src="{$articles[0].image}" border="0" width="225" height="170" alt="{$articles[0].title|escape:'html'}"/>
                </a>
            </div>

            
            <div class="latest_desc" style="overflow:hidden; font-size: 11px;">
                {$articles[0].description}
            </div>
            <div style="text-align: right; margin: 5px 0">
                <a href="{$articles[0].href}" class="naw">Подробнее...</a>
            </div>
            <div style="color: #999; margin: 10px 0; font-size: 11px;">
                <div>{$articles[0].date}, 
                <a href="{$articles[0].authorhref}">{$articles[0].author}</a> - <a href="{$articles[0].href}" title="{$articles[0].comments|spellcount:$LANG.COMMENT1:$LANG.COMMENT2:$LANG.COMMENT10}" class="mod_latest_comments">{$articles[0].comments}</a> - <span class="mod_latest_hits">{$articles[0].hits}</span>
				</div>
			</div>
        </td>
        <td valign="top"  >
            {assign var="q" value="1"}
			<div class="scroll" style="height: {$cfg.is_height}px;" >
			<table width="100%"  >
            {foreach key=aid item=article from=$articles}
                {if $q>1}
                <tr>
                    <td width="80" class="ddate dborder">
						<a href="{$article.href}" style="text-decoration: none">
							<img src="{$article.image}" border="0" width="80" height="50" alt="{$article.title|escape:'html'}"/>    
						</a>                
                    </td>
                    <td class="ddesc dborder">
                            <a href="{$article.href}" class="small_title">
                                 {$article.title|truncate:$cfg.newsline:"...":true}
                            </a>
                    </td>
                    <td class="dborder" width="50" align="center">
                        <span class="comm">
                            {$article.comments}
                        </span>
                    </td>
                </tr>
                {else}
                   {assign var="q" value="2"}
                {/if}
            {/foreach}
			</div>
            </table>
			</div>
        </td>
    </tr>
</table>
{else}
<table cellpadding="5" cellspacing="5" width="100%">
    <tr>
        <td width="225" valign="top" style=" border-bottom: 1px dotted #ccc;">
		<div class="cats">
                        {$articles[0].category}
                    </div>
		<div class="top_title">
                <a href="{$articles[0].href}" style="text-decoration: none">
                    {$articles[0].title}
                </a>
            </div>
			
            <div class="top_img">
                <a href="{$articles[0].href}" style="text-decoration: none">
                    <img src="{$articles[0].image}" border="0" width="225" height="170" alt="{$articles[0].title|escape:'html'}"/>
                    
                </a>
            </div>

            <div class="latest_desc" style="overflow:hidden; font-size: 11px;">
                {$articles[0].description}
            </div>
            <div style="color: #999; margin: 10px 0; font-size: 11px;">
                {$articles[0].date}, <a href="{$articles[0].authorhref}">{$articles[0].author}</a> - <a href="{$articles[0].href}" title="{$articles[0].comments|spellcount:$LANG.COMMENT1:$LANG.COMMENT2:$LANG.COMMENT10}" class="mod_latest_comments">{$articles[0].comments}</a> - <span class="mod_latest_hits">{$articles[0].hits}</span>
            </div>
            {*<div style="text-align: right">*}
                {*<a href="{$articles[0].href}" class="pp">Подробней</a>*}
            {*</div>*}
        </td>
    </tr>
    <tr>
        <td valign="top" >
            {assign var="q" value="1"}
			<div class="scroll" style="height: {$cfg.is_height}px;" >
            <table width="100%"  >
            {foreach key=aid item=article from=$articles}
            {if $q>1}
                <tr>
                    <td width="80" class="ddate dborder">
<a href="{$article.href}" style="text-decoration: none">
<img src="{$article.image}" border="0" width="80" height="50" alt="{$article.title|escape:'html'}"/>
</a>
                    </td>
                    <td class="ddesc dborder">
                            <a href="{$article.href}" class="small_title">
                                 {$article.title|truncate:$cfg.newsline:"...":true}
                            </a>
                    </td>
                    <td class="dborder" width="50" align="center">
                        <span class="comm">
                            {$article.comments}
                        </span>
                    </td>
                </tr>
            {else}
                {assign var="q" value="2"}
            {/if}
            {/foreach}
            </table>
			</div>
        </td>
    </tr>
</table>
{/if}
 
{if $cfg.showrss}
	<div class="mod_latest_rss" style="margin-top: 10px;">
		<a href="/rss/content/{$rssid}/feed.rss">Подписаться на RSS</a>
	</div>
{/if}
{else}
    <p>Нет материалов!</p>
{/if}
