(function($) {
    
    $.extend({
        TeasersTemplates: {
            
            light: _.template('' +
                '<% cnt = 3; %>' +
                '<% if (ads.length > cnt) ads = ads.slice(0, cnt); %>' +    
                '<div class="b-light m-light_160x600 m-light_active">' +
                '    <div class="b-light__inner">' +
                '    <% for (var i = 0; i < ads.length; i++) { %>' +
                '        <% var ad = ads[i]; %>' +
                '        <% if (!ad.price.trim() || ad.price == "0") {ad.price = "";} %>' +
                '        <div class="b-light-item">' +
                '            <a class="b-light-item__link" href="<%=ad.link %>" data-id="<%=ad.data_id %>">' +
                '                <span class="b-light-item__bg"></span>' +
                '                <span class="b-light-item__title"><%=ad.title %></span>' +
                '                <span class="b-light-item__image">' +
                '                    <img src="<%=ad.img %>" alt="<%=ad.title %>">' +
                '                </span>' +
                '                <% if (ad.price) { %>' +
                '                    <span class="b-light-item__price"><%=ad.price %></span>' +
                '                <% } %>' +
                '            </a>' +
                '        </div>' +
                '    <% } %>' +
                '    </div>' +
                ' </div>'
            ),
    
            
            adaptive: _.template('' +
                '<% cnt = 2; %>' +
                '<% if (ads.length > cnt) ads = ads.slice(0, cnt); %>' +       
                '<div class="b-adaptive m-adaptive_adaptive m-adaptive_active">' +
                '    <div class="b-adaptive__inner" id="inner">' +
                '    <% for (var i = 0; i < ads.length; i++) { %>' +
                '       <% var ad = ads[i]; %>' +
                '       <div class="b-adaptive-item" style="width: 300px; height: 298px; margin: 0px 0 4px 0;">' +
                '           <a class="b-adaptive-item__link" href="<%=ad.link %>" data-id="<%=ad.data_id %>">' +
                '               <span class="b-adaptive-item__title"><%=ad.title %></span>' +
                '                <span class="b-adaptive-item__image" style="top: 0">'+
                '                   <img src="<%=ad.img %>" alt="<%=ad.title %>">' +
                '               </span>' +
                '               <% if (ad.price) { %>' +
                '               <span class="b-adaptive-item__price"><%=ad.price %></span>' +
                '               <% } %>' +
                '           </a>' +
                '       </div>' +
                '    <% } %>' +
                '    </div>' +
                '</div>'
            ),
            
            static: _.template('' +
                '<% cnt = 4; %>' +
                '<% if (ads.length > cnt) ads = ads.slice(0, cnt); %>' +    
                '<% var skin = "common" /* "common", "select-color",  "select" */ %>' +
                '<div class="b-static m-static_300x600 m-static_<%=skin %>">' +
                '   <div class="b-static__inner">' +
                '   <% for (var i = 0; i < ads.length; i++) { %>' +
                '       <% var ad = ads[i]; %>' +
                '       <% if (!ad.price.trim() || ad.price == "0") { ad.price = "Купить!"; } %>' +
                '        <div class="b-static-item <% if (skin != \'common\' && i == 0) { %>m-static_active<% } %>">' +
                '                <a class="b-static-item__link" href="<%=ad.link %>" data-id="<%=ad.data_id %>">' +
                '                        <span class="b-static-item__title"><%=ad.title %></span>' +
                '                        <span class="b-static-item__image">' +
                '                                <img src="<%=ad.img %>" alt="<%=ad.title %>" width="200" height="200">' +
                '                        </span>' +
                '                        <span class="b-static-item__description"><%=ad.text %></span>' +
                '                        <span class="b-static-item__price"><%=ad.price %></span>' +
                '                </a>' +
                '        </div>' +
                '   <% } %>' +
                '   </div>' +
                '   <% if (skin != "common") { %>' +
                '       <div class="b-static__selectors">' +
                '           <% /*for (var j = 0; j < 4; j++) {*/ %>' +
                '           <% for (var j = 0; j < ads.length; j++) { %>' +
                '                <% var ad = ads[j]; %>' +
                '               <div class="b-static-img <% if (j == 0) { %>m-static-image_active<% } %>">' +
                '                   <img src="<%=ad.img %>" alt="<%=ad.title %>" width="140" height="140">' +
                '               </div>' +
                '           <% } %>' +
                '       </div>' +
                '   <% } %>' +
                '</div>'
            ),
    
            contrast: _.template('' +
                '<% var skin = "img" %>' +
                '<% //var skin = "border" %>' +
                '    <div class="b-contrast m-contrast_300x600 m-contrast_<%=skin %>">' +
                '        <div class="b-contrast__inner">' +
                '        <% for (var i = 0; i < 4; i++) { %>' +
                '        <% if (!ad.price.trim() || ad.price == "0") { ad.price = "Купить!"; } %>' +
                '                    <div class="b-contrast-item">' +
                '                            <a class="b-contrast-item__link" href="<%=ad.link %>" data-id="<%=ad.data_id %>">' +
                '                                    <span class="b-contrast-item__title"><%=ad.title %></span>' +
                '                                    <span class="b-contrast-item__image">' +
                '                                            <img src="<%=ad.img %>" alt="<%=ad.title %>" width="140" height="140">' +
                '                                    </span>' +
                '                                    <span class="b-contrast-item__description"><%=ad.text %></span>' +
                '                                    <span class="b-contrast-item__price"><%=ad.price %></span>' +
                '                                    <% if (ad.domain) { %>' +
                '                                    <span class="b-contrast-item__domain"><%=ad.domain %></span>' +
                '                                    <% } %>' +
                '                            </a>' +
                '                    </div>' +
                '            <% } %>' +
                '        </div>' +
                '    </div>'
            ),

        }
    });
    
    
})(jQuery);

