monthName = new Array("января", "февраля", "марта", "апреля", "мая", "июня",
                                    "июля", "августа", "сентября", "октября", "ноября", "декабря");

ItemsInBlock = 4;
LoadedItemsCount = ItemsInBlock;
CurrentPosition = ItemsInBlock + 1;

function SlideResize() {
    
    SlideWidth = Math.floor($("#Sliderius").attr("offsetWidth") / ItemsInBlock);
    
    $("#Slidyyy li").css("width", SlideWidth + "px");

    counter = 0;
    totaloffset = -(CurrentPosition - ItemsInBlock - 1) * SlideWidth;
    $("#Slidyyy li").each(function() {
        BlockNum = Math.floor(counter / 4);
        $("#" + this.id).css("left", totaloffset + BlockNum * 4 * SlideWidth);
        counter++;
    });
}

if ((navigator.userAgent.indexOf("IE 6") != -1) || (navigator.userAgent.indexOf("IE 7") != -1)) {
    $(document).ready(SlideResize);
    $(window).resize(SlideResize);
}

$(document).ready(
    function() {

        $("#Sliderius").append('<div class="leftnextslide"></div><div class="rightnextslide"></div>');

        $(".leftnextslide").hide();

        $(".leftnextslide").mouseover(function() {
            $(".leftnextslide").css("background-position", "1px 162px");
        });
        $(".leftnextslide").mouseout(function() {
            $(".leftnextslide").css("background-position", "29px 162px");
        });
        $(".leftnextslide").mousedown(function() {
            $(".leftnextslide").css("background-position", "0px 162px");
        });
        $(".leftnextslide").mouseup(function() {
            $(".leftnextslide").css("background-position", "1px 162px");
        });

        $(".rightnextslide").mouseover(function() {
            $(".rightnextslide").css("background-position", "0px 81px");
        });
        $(".rightnextslide").mouseout(function() {
            $(".rightnextslide").css("background-position", "29px 81px");
        });
        $(".rightnextslide").mousedown(function() {
            $(".rightnextslide").css("background-position", "1px 81px");
        });
        $(".rightnextslide").mouseup(function() {
            $(".rightnextslide").css("background-position", "0px 81px");
        });

        $(".leftnextslide").click(function() {

            offset = ItemsInBlock;
            if (ItemsInBlock > CurrentPosition - ItemsInBlock - 1) {
                offset = CurrentPosition - ItemsInBlock - 1;
            }

            if ((ItemsInBlock > offset) || (CurrentPosition - offset == ItemsInBlock + 1)) {
                $(".leftnextslide").hide();
            }
            $(".rightnextslide").show();

            CurrentPosition -= offset;
            $("#Slidyyy li").animate({ left: "+=" + $("#Slidyyy li").attr("offsetWidth") * offset }, 800);

        });

        $(".rightnextslide").click(function() {

            SlideResize();
            $(window).resize(SlideResize);

            $.getJSON("/Home/UpdateMainPageNewsBlocks/", { from: LoadedItemsCount, count: ItemsInBlock }, UpdateNewsBlocks);

        });

        function UpdateNewsBlocks(items) {

            $.each(items, function(i) {
                itemDate = new Date(parseInt(this.EventDate.replace("/Date(", "").replace(")/", "")));
                $("#Slidyyy").append(
                    '<li id=li' + this.Id + '>\
                        <div class="winbox ' + this.SupplierName + '">\
                            <div class="wboxrgt">\
                                <div class="wboxlft">\
                                    <div class="wbtop">\
                                        <div class="wbtleft">\
                                            <div class="wbtright"></div>\
                                        </div>\
                                    </div>\
                                    <div class="wbcontent">\
                                        <div class="wblogo">' + itemDate.getDate() + ' ' + monthName[itemDate.getMonth()] + ' ' + (itemDate.getYear() + ((navigator.userAgent.indexOf("MSIE")!=-1) ? 0 : 1900)) + '</div>\
                                        <div class="wbtext">\
                                            <a href="/Home/News/' + this.Id + '">' + this.Teaser + '</a>\
                                        </div>\
                                    </div>\
                                </div>\
                            </div>'
                            +
                            ((this.Video.VideoFile != null) ? '<div class="wbvideo" id="v_' + this.Id + '">Видео</div>' : '')
                            +
                            '<div class="wbbot">\
                                <div class="wbbleft">\
                                    <div class="wbbright">\
                                    </div>\
                                </div>\
                            </div>\
                        </div>\
                     </li>');


                if (this.Video.VideoFile != null) {
                    v[this.Id] = {
                        videoname: this.Title,
                        videofile: this.Video.VideoFile,
                        videotext: this.Video.AltText,
                        videowidth: this.Video.Width,
                        videoheight: this.Video.Height
                    };
                    $(".wbvideo").click(function() {

                        currentId = $(this).attr('id').substr(2);
                        videolinkclick(v[currentId], currentId);

                        try {
                            pageTracker._trackEvent("Просмотр видео", "Главная страница", v[currentId].videoname, 1);
                        } catch (err) {
                        }

                        $.get('/Home/UpdateNewsCounter/' + currentId);

                        return false;
                    });
                }

                SlideResize();
                $('#li' + this.Id).css('top', '-' + $("#Slidyyy li").attr("offsetHeight") * Math.floor(LoadedItemsCount / ItemsInBlock) + 'px');
                //$('#li' + this.Id).css('left', $("#Sliderius").attr("offsetWidth") + 'px');
                LoadedItemsCount++;
            });

            offset = ItemsInBlock;
            if (ItemsInBlock > LoadedItemsCount - CurrentPosition + 1) {
                offset = LoadedItemsCount - CurrentPosition + 1;
            }

            if (ItemsInBlock > offset) {
                $(".rightnextslide").hide();
            }
            $(".leftnextslide").show();

            CurrentPosition += offset;
            $("#Slidyyy li").animate({ left: "-=" + $("#Slidyyy li").attr("offsetWidth") * offset }, 800);

        }
    }
);