var interval = "";
var blink_ints = [];
var shown = false;
var loading = true;

var imgs = ["img/view1.jpg", "img/view2.jpg", "img/view3.jpg", "img/view4.jpg", "img/view5.jpg"];
var imgs_c = [];
var imgs_t = [];
var imgs_loaded = 0;
var imgs_count = 0;

var pics = [];
pics[1] = 1;
pics[2] = 2;
pics[3] = 3;
pics[4] = 4;

$(document).ready(function() {

    $("#overlay").css(
        {
            opacity: 0.6
        });

    if ($.browser.opera) {
        $("body").attr("onmousewheel", "return false;");

    }
    ///прелоадер
    var imgs_tags = $("img");
    imgs_count = imgs.length + imgs_tags.length;

    for (var i in imgs) {
        imgs_c[i] = new Image();

        $(imgs_c[i]).load(function() {
            imgs_loaded++;
            delete imgs_c[i];
            if (imgs_loaded >= imgs_count) {
                loading = false;
                $("#preloader").fadeOut(1500);
            }
        });

        imgs_c[i].src = imgs[i];
    }
    var l = imgs_tags.length;

    for (i = 0; i < l; i++) {
        imgs_t[i] = new Image();

        $(imgs_t[i]).load(function() {
            imgs_loaded++;
            delete imgs_t[i];
            if (imgs_loaded >= imgs_count) {
                loading = false;
                $("#preloader").fadeOut(1500);
            }
        });

        imgs_t[i].src = $(imgs_tags[i]).attr("src");
    }


    ////прокрутка
    $("#leftScroll").mouseover(function(e) {
        e.stopPropagation();
        if (!shown)
            interval = window.setInterval("Left(15)", 25);
    });

    $("#leftScrolls").mouseover(function(e) {
        e.stopPropagation();
        if (!shown)
            interval = window.setInterval("Left(5)", 15);
    });

    $("#rightScroll").mouseover(function() {
        if (!shown)
            interval = window.setInterval("Right(-15)", 25);
    });

    $("#rightScrolls").mouseover(function() {
        if (!shown)
            interval = window.setInterval("Right(-5)", 15);
    });

    $("#leftScroll, #rightScroll,#leftScrolls, #rightScrolls").mouseout(function() {
        clearInterval(interval);
    });

    ///всплывание страниц

    function BindPopup(obj) {
        ClearBlink();
        if ($(obj).attr("bottom") == "false")
            Popup(false);
        else
            Popup(true);

        if (typeof ($(obj).attr("newid")) != 'undefined')
            FillContent($(obj).attr("page"), $(obj).attr("newid"));
        else
            FillContent($(obj).attr("page"), null);

        $("#popup").show();
        $("#overlay").fadeIn();

        shown = true;
    }

    $("[page]").live("click", function() {
        BindPopup(this);
    });

    $("#close_popup").click(function() {

        $("#popup").hide();
        $("#overlay").fadeOut();
        shown = false;
        SetBlink(".blinking");
    });

    $(window).resize(function() {
        if (shown)
            Popup();
        if (loading) {
            $("#preloader").width($(window).width());
            $("#preloader").height($(window).height());
        }
    });
    ///моргание
    SetBlink(".blinking");

    ///всплывание подсказок
    $("[hover]").mouseover(function() {
        var h = $(this).attr("hover");
        var t = $("[popup='" + h + "']").text();
        $("#inner_popup_text").html(t);
        var p = $("#smallpopup").clone()
            .attr("class", "small_popup " + h)
            .attr("id", "p" + h);

        $(this).after(p);

        if ($(this).hasClass("blinking")) {
            $(this).attr("busy", "1");
            $(this).fadeTo(1, 1);
        }

        if ($.browser.msie)
            $("#p" + h).show();
        else
            $("#p" + h).fadeIn(100);
    });

    $("[hover]").mouseout(function() {
        var h = $(this).attr("hover");

        if ($(this).hasClass("blinking")) {
            $(this).attr("busy", "0");
            $(this).fadeTo(1, 0);
        }

        if ($.browser.msie) {
            $("#p" + h).hide();
            $("#p" + h).remove();
        }
        else
            $("#p" + h).fadeOut(100, function() { $("#p" + h).remove(); });

    });

});


function Popup(bottom) {
    
    var ww = $(window).width();
    var wh = $(window).height();
    var w = (ww - 934) / 2;
    $("#popup").css("left", w + "px");
    if (bottom)
        $("#scrollable").height(wh - 275);
    else
        $("#scrollable").height(wh - 120);
    $("#overlay").width(ww + 200);
    $("#overlay").height(wh + 200);
}

function FillContent(page, id) {
    $("#page_header").html("");
    $("#scrollable").html('<img src="/images/lightbox-ico-loading.gif" class="preloader" />');
    $("#page_bottom").html("");
    var data = {};
    if (id != null)
        data.id = id;
    data.page = page;
    var f = function(msg) {
        if (msg.d != null) {
            var x = $(msg.d.response);
            
            $("#page_header").html(x.children("#header").html());
            $("#scrollable").html(x.children("#text").html());
            $("#page_bottom").html(x.children("#bottom").html());
            $(".img_list a").lightBox();
        }
    };

    Ajax("/ajax.aspx/GetPage", data, f);
}

function SetBlink(expr) {
    var i = 0;
    $(expr).each(function() {
        var x = this;
        $(x).fadeTo(1, 0);
        blink_ints[i] = setInterval(function() { MakeBlink(x) }, 2000 + Math.random() * 5000);
        i++;
    });
}

function ClearBlink() {
    var l = blink_ints.length;
    for (i = 0; i < l; i++) {
        clearInterval(blink_ints[i]);
    }
}

function MakeBlink(obj) {

    if ($(obj).attr("busy") != 1)
        $(obj).fadeTo(800, 1, function() { $(obj).fadeTo(800, 0) });
}

function MoveDivs(inc) {
    for (pc in pics) {
        var obj = $("#view" + pics[pc]);
        var l = obj.offset().left + inc;
        obj.css("left", l + "px");
    }
}

function Left(step) {

    MoveDivs(step);

    ////это если сильно уехало вправо, то берем правый див и ставим с самого лева
    if ($("#view" + pics[1]).offset().left + 2006 > $(window).width() - 50) {
        var pos = $("#view" + pics[1]).offset().left;
        var temp = pics[4];
        pics[4] = pics[3];
        pics[3] = pics[2];
        pics[2] = pics[1];

        if (pics[2] == 1) {
            pics[1] = 5;
        } else {
            pics[1] = pics[2] - 1;
        }



        $("#view" + pics[1]).css("left", pos - 2006);

    }

}
function Right(step) {

    MoveDivs(step);
    if ($("#view" + pics[4]).offset().left < $(window).width() + 50) {
        var pos = $("#view" + pics[4]).offset().left;
        var temp = pics[1];
        pics[1] = pics[2];
        pics[2] = pics[3];
        pics[3] = pics[4];

        if (pics[3] == 5) {
            pics[4] = 1;
        } else {
            pics[4] = pics[3] + 1;
        }

        $("#view" + pics[4]).css("left", pos + 2006);

    }
}