$(function () {

	$("#top_block_ads .big-pic a, #top_block_ads .article .links a, #a_link_ban").live("click", function(event) {
		if($(this).attr("rel").trim() != '') {
			event.preventDefault();
			var oLink = $(this);
			var sizes = oLink.attr("rel").split("[")[1];
			sizes = sizes.split("]")[0];
			sizes = sizes.split(", ");
			var caption = oLink.attr("title");
			var url = oLink.attr("href");
			// Отправляем данные для записи о клике на мелкий баннер		
			var iddd = $('li.active').find('a').attr('ref');
			var id_to_insert = iddd.split("_")[1];
			$.post('/engine/ajax/update_ads.php', {act: 'big_click',banner_id:id_to_insert}, function(){ });
			GB_showCenter(caption, url, parseInt(sizes[1]), parseInt(sizes[0]));
			return false;
		}
	});


    var adsBlock = $('#top_block_ads'),
	previewLine = $('ul.line', adsBlock),
	articleBlock = {
	    article: $('.article .text', adsBlock),
	    header: $('.article h3', adsBlock),
	    img: $('.big-pic img', adsBlock),
		notmainimg: $('.big-pic', adsBlock),
		main_link: $('#a_link_ban', adsBlock),
		aimg: $('.big-pic a', adsBlock),
	    links: $('ul.links', adsBlock)
	},
    statusBar = $('.status-bar', adsBlock),
    statusBarNum = $('#num_of_ads', statusBar),
	toggleActive = function (li) {
	    $('li', previewLine).removeClass('active');
	    $(li, previewLine).addClass('active');
	},
	replaceContent = function (data) {
	    articleBlock.article.html(data.text);
	    articleBlock.header.html(data.title);
		if(data.flash == 1) {
			flashHeight = (data.main == 1) ? 160 : 95;
			articleBlock.notmainimg.html('<embed wmode="transparent" width="392" height="' + flashHeight + '" src="' + data.bigimg + '" type="application/x-shockwave-flash">');
//			articleBlock.notmainimg.html('<embed width="392" height="' + flashHeight + '" src="' + data.bigimg + '" type="application/x-shockwave-flash">');
		} else {
//			articleBlock.notmainimg.html('<a href="' + data.links[0].link + '" rel="' + data.links[0].rel + '"><img src="' + data.bigimg + '"></a>');
			articleBlock.notmainimg.html('<img src="' + data.bigimg + '">');
		}
	    articleBlock.main_link
            .attr('href', data.links[0].link)
            .attr('rel', data.links[0].rel);
	    articleBlock.links.html((function (links) {
	        var str = '';
	        for (i in links) {
	            link = links[i];
	            str += '<li><a href=\'' + link.link + '\' rel=\'' + link.rel + '\' title=\'' + link.title + '\' target=\'_blank\'>' + link.link_text + '</a></li>';
	        }
	        return str;
	    })(data.links));
	},
	updateStatusBar = function (num) {
	    statusBarNum.text(num);
	}
    getActiveNow = function () {
        return $('li.active', previewLine).find('a').attr('role');
    };
    $('a', previewLine).attr('href', '#stayHere').click(function () {
        var li = $(this).parents('li'),
		rel = $(this).attr('ref'),
		num = $(this).attr('role'),
		data = window.top_ads[rel];
		// Отправляем данные для записи о клике на мелкий баннер
		var id_to_insert = rel.split("_")[1];
		$.post('/engine/ajax/update_ads.php', {act: 'mini_click',banner_id:id_to_insert}, function(){ });
        toggleActive(li);
        replaceContent(data);
        updateStatusBar(num);
        return false;
    });
    $('#ads_back', statusBar).click(function () {
        var activeNow = getActiveNow() - 1;
        var get = (activeNow - 1 >= 0) ? (activeNow - 1) : 0;
        var x = $('li', previewLine).eq(get);
        $('a', x).click();
    });
    $('#ads_next', statusBar).click(function () {
        var activeNow = getActiveNow() - 1;
        var x = $('li', previewLine).eq(activeNow + 1);
        if (x.size() != 0) $('a', x).click();
        else return false;
    });
    toggleActive($('li', previewLine).eq(0));
});

(function($) {                                          // Конфликт с библиотекой установить jquery.noConflict()
$.fn.jCarouselLite = function(o) {
    o = $.extend({
        btnPrev: null,
        btnNext: null,
        btnGo: null,
        mouseWheel: false,
        auto: null,

        speed: 200, // Скорость скроллинга
        easing: null,

        vertical: false, // Прокрутка если стоит TRUE то будет прокрутка по вертикале.
        circular: false, // Нашол проблему. При кликах, если поставить False. То элементы листаются по очередности. Слева на право
        visible: 4,
        start: 0,
        scroll: 1, // На какой элемент смещатся

        beforeStart: null,
        afterEnd: null
    }, o || {});

    return this.each(function() { // Возвращает коллекцию элемента. Chainable.
        var running = false, animCss=o.vertical?"top":"left", sizeCss=o.vertical?"height":"width";
        var div = $(this), ul = $("ul", div), tLi = $("li", ul), tl = tLi.size(), v = o.visible;

        if(o.circular) {
            ul.prepend(tLi.slice(tl-v-1+1).clone())
              .append(tLi.slice(0,v).clone());
            o.start += v;
        }

        var li = $("li", ul), itemLength = li.size(), curr = o.start;
		li.width("99px").height("88px");
        div.css("visibility", "visible");

        li.css({overflow: "hidden", float: o.vertical ? "none" : "left"});
        ul.css({margin: "0", padding: "0", position: "relative", "list-style-type": "none", "z-index": "1"});
        div.css({overflow: "hidden", position: "relative", "z-index": "2", left: "0px"});

        var liSize = o.vertical ? height(li) : width(li);   // Полный размер лития (incl край) - Используемый для мультипликации
        var ulSize = liSize * itemLength;                   // размер полного ul (полная длина, не только для видимых пунктов)
        var divSize = liSize * v;                           // size of entire div(total length for just the visible items)

        li.css({width: li.width(), height: li.height()});
        ul.css(sizeCss, ulSize+"px").css(animCss, -(curr*liSize));

        div.css(sizeCss, divSize+"px");                     // Заметный Width of the DIV. length of изображения

        if(o.btnPrev)
            $(o.btnPrev).click(function() {
                return go(curr-o.scroll);
            });

        if(o.btnNext)
            $(o.btnNext).click(function() {
                return go(curr+o.scroll);
            });

        if(o.btnGo)
            $.each(o.btnGo, function(i, val) {
                $(val).click(function() {
                    return go(o.circular ? o.visible+i : i);
                });
            });

        if(o.mouseWheel && div.mousewheel)
            div.mousewheel(function(e, d) {
                return d>0 ? go(curr-o.scroll) : go(curr+o.scroll);
            });

        if(o.auto)
            setInterval(function() {
                go(curr+o.scroll);
            }, o.auto+o.speed);

        function vis() {
            return li.slice(curr).slice(0,v);
        };

        function go(to) {
            if(!running) {

                if(o.beforeStart)
                    o.beforeStart.call(this, vis());

                if(o.circular) {            // Если проспект мы находимся в первом или последнем, то goto другой конец
                    if(to<=o.start-v-1) {           // If first, then goto last
                        ul.css(animCss, -((itemLength-(v*2))*liSize)+"px");
                        // If "scroll" > 1, then the "to" might not be equal to the condition; it can be lesser depending on the number of elements.
                        curr = to==o.start-v-1 ? itemLength-(v*2)-1 : itemLength-(v*2)-o.scroll;
                    } else if(to>=itemLength-v+1) { // If last, then goto first
                        ul.css(animCss, -( (v) * liSize ) + "px" );
                        // If "scroll" > 1, then the "to" might not be equal to the condition; it can be greater depending on the number of elements.
                        curr = to==itemLength-v+1 ? v+1 : v+o.scroll;
                    } else curr = to;
                } else {                    // If non-circular and to points to first or last, we just return.
                    if(to<0 || to>itemLength-v) return;
                    else curr = to;
                }                           // If neither overrides it, the curr will still be "to" and we can proceed.

                running = true;

                ul.animate(
                    animCss == "left" ? { left: -(curr*liSize) } : { top: -(curr*liSize) } , o.speed, o.easing,
                    function() {
                        if(o.afterEnd)
                            o.afterEnd.call(this, vis());
                        running = false;
                    }
                );
                // Disable buttons when the carousel reaches the last/first, and enable when not
                if(!o.circular) {
                    $(o.btnPrev + "," + o.btnNext).removeClass("disabled");
                    $( (curr-o.scroll<0 && o.btnPrev)
                        ||
                       (curr+o.scroll > itemLength-v && o.btnNext)
                        ||
                       []
                     ).addClass("disabled");
                }

            }
            return false;
        };
    });
};

function css(el, prop) {
    return parseInt($.css(el[0], prop)) || 0;
};
function width(el) {
    return  el[0].offsetWidth + css(el, 'marginLeft') + css(el, 'marginRight');
};
function height(el) {
    return el[0].offsetHeight + css(el, 'marginTop') + css(el, 'marginBottom');
};

})(jQuery);